Layout 138c

       					!!!!!!!!!!!!Read It!!!!!!!!!!!!

                                                (⊙.⊙(☉_☉)⊙.⊙)

CAN'T EMPHASIZE THIS ENOUGH:  There are div ids/classes, tables (table, tr, td) and img classes in this layout.  Be VERY, VERY, VERY careful not to drop off any of the coding.

............................

ALL COLORS CAN BE CHANGED.For color changes, see the color palette section in About Me.  There are a ton of color schemes online.  It won't take you long to change the color set-up on this profile.

***THIS IS ESSENTIALLY A DUAL PALETTE COLOR SCHEME WITH SOME SMALL VARIATIONS. I HAVE LUMPED THE CODES FOR EVERYTHING OF A PARTICULAR COLOR TOGETHER ON ONE STRING AND LABELED THEM APPROPRIATELY. IF YOU WANT TO CHANGE COLORS, IT SHOULD BE RELATIVELY SIMPLE TO DO SO.***



			*********** MOCK JAVA TREATMENT LAYOUT//IMPORTANT INFO ABOUT LINKS **************

The black sidebar to the left of this layout is a mock java treatment.  If you remove the stats and decide to put other info there, please be mindful that you should NOT add links to this section randomly.  If you put a link to someone's page, etc in there, you MUST put the link inside a table like so:


<table style="width:100%;"><tr><td>

<a class="conn" href="/#">Name here</a>
<a class="conn" href="/#">Name here</a>
<a class="conn" href="/#">Name here</a>

</td></tr></table>

Failure to adhere to the below will cause the entire side to overflow onto the rest of your page.

						*********** end **************


............................

For Header 8:  If you decide to change the colors of the layout, please note that to change this and keep the duality of colors, you'll need to add in the rgb colors instead.

Example:
background: -moz-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%);

The first set in the rgb number set is the light color. The second set is the dark color. If you change these colors, choose your six digit color and then look at the numbers on the color for R, G and B.  Those 3 numbers are what you replace below in each set.  Example: #f2f3e9 is R 242; G 243; B 233
............................
MUSIC PLAYER

REPLACE MY MUSIC PLAYER WITH YOUR OWN.

............................


 FOR ROLEPLAYER.ME USERS:

For the below text font classes and all of the headers (1, 2, 3, etc) and lyrics, please note the following:
I code for ALL sites.  Not every website will allow headers to be placed as <h1>Header 1</h1>.  For that reason, I turn them into font classes with a period in front (.h1) in About Me and script them in the tables as I have done below.

<font class="h1">Header 1</font>

If you are on a website like RPer.me that allows regular header, underline, strong, etc coding, you can just use regular header coding for all of the header, lyric, special text labels like so:
<h1>Header</h1> <strike>Strike</strike> etc..

OR just leave them as they are.  They will work for you either way.


///////////////////////////////////////////////////
_______________________________________________




                        Don't forget to replace the XXXXX with your friend ID number.

                                                     (>‿◠)✌


                *****************************SAVE YOUR WORK AS YOU GO.*******************************





DO NOT REMOVE THE .VICARIOUS MARKERS FROM ANY VICARIOUS LAYOUT.

-----------------------------ABOUT ME---------------------------------


<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Special+Elite|Economica:400,700|Bangers|Aguafina+Script|Candal|Iceland|Rancho|Francois+One);


/* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */
/* - -DO NOT REARRANGE MY CODING!! ORDER IS IMPORTANT! - - */


.vicarious { Structure }

body {
width:100%;
height:100%;
left:0%;
top:0%;
position:absolute;
z-index:1;
background-image: url("");
background-attachment:fixed;
background-repeat:repeat;
background-position:center center;
}

 .vicarious{ Google Chrome Scrollbar }
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {border: 1px solid ;}
::-webkit-scrollbar-thumb {border: 1px solid ;}

table, tr, td {padding:0px; border-collapse: collapse; /* 'cellspacing' equivalent */  background-color:transparent; border:0;width:0px;text-align:center;vertical-align: top; }

.viclike2meet_table,  .vicinterests_table, .vicmovies_table     {
visibility:visible;
z-index:2;
position:absolute;
top:0%;
left:0%;
border:0px solid;
margin-top:10px;
height:auto;
overflow:hidden;
background-color:transparent;
}

.viclike2meet_table { width:302px;height:auto;margin-left:260px; }
.vicinterests_table { width:502px; height:auto;margin-left:565px;}
.vicmovies_table{ width:302px;position:fixed;height:auto;margin-left:1085px;margin-top:200px;z-index:1001; }

.viclike2meet_table tr, .vicinterests_table tr, .vicmovies_table tr { margin:0px; }

.viclike2meet_table td, .vicinterests_table td,  .vicmovies_table td { margin:0px; overflow:hidden; }
.viclike2meet_table td { max-width:302px; }
.vicinterests_table td { max-width:502px; }
.vicmovies_table td { max-width:302px; }

.vic_table {
padding:0px;
margin:0px;
width:100%;
margin-bottom:4px;
border:1px solid;
border-collapse: collapse; /* 'cellspacing' equivalent */
overflow:hidden;
}

.vic_table tr { margin:0px; }
.vic_table td { margin:0px; width:100%; text-align:center; padding: 0; /* 'cellpadding' equivalent */ }

.vicarious { Font Style Classes }

a, a:link, a:active, a:visited, a:hover, td.text, table, tr, td, li, div, input, p {
font-family: tahoma;
font-size: 7pt ;
line-height: 90% ;
text-decoration:none;
letter-spacing: 0pt;
}

P { text-align:justify; }

I {
font-family: 'Economica', sans-serif;
font-size:8pt;
}

EM {
font-size:14pt;
font-family: 'Rancho', cursive;
line-height: 100% ;
letter-spacing:-1pt;
display:block;
padding-right:5px;
text-align:right;
}

.strike, strike {
font-size: 8pt ;
text-decoration:line-through;
}

.u, u {
font-size:10pt;
text-decoration:underline;
}

.strong, strong {
font-size:11pt;
line-height: 120% ;
font-weight:bolder;
text-transform:uppercase;
}

B, .B2, B2, .B3, B3  {
font-weight:bold;
text-transform:uppercase;
line-height:100%;
}

B  {
font-family: 'Francois One', sans-serif;
font-size:6pt;
font-weight:lighter;
}

.B2, B2 {
font-family:georgia;
font-size:6pt;
}

.B3, B3  {
font-family: 'Rancho', cursive;
font-size:9pt;
}

small {
font-family:georgia;
font-size:7pt;
padding:0px 2px;
margin:0px;
line-height:10px;
}

big {
font-family:courier new;
font-size:8pt;
margin:0px;
padding:5px;
display:block;
text-align:right;
line-height:200%;
border-left: double 10px;
}


a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited, a.conn, a.conn:link, a.conn:active, a.conn:visited   {
text-align:center;
text-transform:uppercase;
text-decoration:none;
letter-spacing:0pt;
margin:0px;
padding:0px;
font-weight:bold;
overflow:hidden;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all  0.6s ease-out;
-ms-transition: all  0.6s ease-out;
-o-transition: all  0.6s ease-out;
transition: all  0.6s ease-out;
}

a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited  {
-webkit-box-shadow: 2px 2px 0px 0px rgba(255, 255, 255, 0.24);
-moz-box-shadow:    2px 2px 0px 0px rgba(255, 255, 255, 0.24);
box-shadow:         2px 2px 0px 0px rgba(255, 255, 255, 0.24);
display:inline-block;
}

a.first, a.first:link, a.first:active, a.first:visited  {
font-family: tahoma;
font-size:10pt;
width:50px;
height:65px;
line-height:65px;
-moz-border-radius-bottomright: 90px;
-webkit-border-bottom-right-radius: 90px;
border-bottom-right-radius: 90px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: lr-tb;
}

a.first:hover {
-webkit-box-shadow: 43px 43px 0px -24px rgba(242, 243, 233, 1);
-moz-box-shadow:    43px 43px 0px -24px rgba(242, 243, 233, 1);
box-shadow:         43px 43px 0px -24px rgba(242, 243, 233, 1);
}

a.second, a.second:link, a.second:active, a.second:visited  {
font-family: arial narrow;
font-size:8pt;
width:38PX;
height:20PX;
line-height:20PX;
-webkit-border-radius: 180px;
-moz-border-radius: 180px;
border-radius: 180px;
}

a.second:hover {  }


a.conn, a.conn:link, a.conn:active, a.conn:visited {
font-family: 'Economica', sans-serif;
font-size:9pt;
line-height:110%;
display:block;
margin-bottom:2px;
border-width: 2px 10px 2px 10px;
border-style:solid;
}

a.conn:hover {  }

.lyric, lyric, .lyric2, lyric2, .lyric3, lyric3  {
font-family:times;
line-height:80%;
padding:0px;
margin:0px;
letter-spacing:0pt;
}

.lyric, lyric { font-size:16pt; }
.lyric2, lyric2 { font-size:9pt; }
.lyric3, lyric3 { font-size:13pt; letter-spacing:1pt; }

.h1, .h2, .h3,  .h4, .h5, .h6, .h7, .h8, .h9, .h10, .h11, .h12, .h13, .h14, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12, h13, h14 {
line-height:100%;
text-align:center;
display:block;
font-size: 11pt ;
padding:0px;
margin:0px;
letter-spacing:0pt;
text-decoration:none;
text-transform:uppercase;
}
 .h1, h1, .h2, h2  {
-moz-border-radius-topleft: 90px;
-webkit-border-top-left-radius: 90px;
 border-top-left-radius: 90px;
-moz-border-radius-topright: 90px;
-webkit-border-top-right-radius: 90px;
border-top-right-radius: 90px;
}

.h1, h1   {
font-family: 'Bangers', cursive;
font-size:14pt;
padding:5px 0px 2px 0px;
}

.h2, h2   {
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size: 9pt ;
padding:7px 0px 2px 0px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
writing-mode: lr-tb;
}

.h3, h3 {
font-family: 'Special Elite', cursive;
font-size:9pt;
text-align:right;
letter-spacing:1pt;
margin:2px 0px 2px 10px;
padding:8px 2px; 0px 0px;
-moz-border-radius-topleft: 90px;
-webkit-border-top-left-radius: 90px;
border-top-left-radius: 90px;
}

.h4, h4 {
font-family: copperplate gothic light;
margin:0px 0px 2px 10px;
border-top:4px double;
}

.h5, h5 {
font-family:courier new;
font-size:8pt;
padding-left:5px;
margin-left:5px;
border-left:2px solid;
text-align:left;
word-spacing:-2px;
}

.h6, h6 {
padding-top:5px;
font-size:12pt;
font-family: 'Iceland', cursive;
}

.h7, h7 {
font-family: arial narrow;
font-size:10pt;
margin:10px 0px 10px 20px;
text-align:right;
line-height:20%;
border-width: 4px 0px 4px 0px;
border-style:solid;
text-shadow: 4px 4px 2px rgba(0, 0, 0, 1);
}

.h8, h8 {
font-size:9pt;
line-height:120%;
padding:5px 5px 5px 0px;
margin:10px 0px;
text-align:right;
letter-spacing:2pt;
border:10px double;
-moz-border-radius-topleft: 90px;
-webkit-border-top-left-radius: 90px;
border-top-left-radius: 90px;
text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
}

.h9, h9 {
font-family: 'Aguafina Script', cursive;
font-size:10pt;
padding:5px 5px 0px 0px;
margin:0px;
text-align:right;
line-height:110%;
border-width: 4px 0px 4px 0px;
border-style:double;
text-transform:Capitalize;
}

.h10, h10 {
font-family: 'Francois One', sans-serif;
font-size:10pt;
height:20px;
line-height:20px;
}

.h11, h11 {
font-size:7pt;
font-family:arial narrow;
margin:5px 0px;
padding:10px 5px;
}

.h12, h12 {
font-family: 'Economica', sans-serif;
font-size:9pt;
line-height:110%;
}

.h13, h13 {
font-family:georgia;
font-size:13pt;
line-height:100%;
padding:5px 0px;
margin:5px 0px;
text-transform:capitalize;
}

.h14, h14 {
font-family:georgia;
font-size:8pt;
padding:5px 0px;
margin:5px 0px;
line-height:100%;
text-align:center;
border-left:75px solid;
border-right:75px solid;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
}

.about6Title  {
font-size:14pt;
font-family: 'Candal', sans-serif;
width:321px;
height:26px;
line-height:26px;
text-align:right;
padding:0px 5px 0px 0px;
text-transform: capitalize;
letter-spacing:-1pt;
margin:10px;
display:block;
overflow:hidden;
border:2px dotted;
}

.cite {font-size:0pt; visibility:hidden!important; display:none!important; color:transparent;}

.vicarious { Div/Img Style Classes }

.vicframeimg  > a  {
width: 180px;
height:300px;
padding:10px;
left:25px;
top: 100px;
display: block;
position: absolute;
overflow:hidden;
z-index: 5;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out;
-webkit-transition:  opacity 1s ease-in-out, z-index 0.5s ease-in-out;
-moz-transition:  opacity 1s ease-in-out, z-index 0.5s ease-in-out;
-ms-transition:   opacity 1s ease-in-out, z-index 0.5s ease-in-out;
-o-transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.vicframeimg >  a:target  {
display: block;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
z-index: 1001;
}

.vicframe  {
left:0%;
top:0%;
position:fixed;
overflow:none;
z-index:1;
height:100%;
width:250px;
margin-left:0px;
margin-top:0px;
text-align:left;
-moz-border-radius-topright: 90px;
-webkit-border-top-right-radius: 90px;
border-top-right-radius: 90px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}

.viccontrol {
margin-left:0px;
margin-top:0px;
overflow:hidden;
}

.linkage, vicframe:hover .linkage {
transition:All 1s linear;
-webkit-transition:All 1s linear;
-moz-transition:All 1s linear;
-o-transition:All 1s linear;
}

.linkage {
left:0%;
bottom:0%;
position:fixed;
z-index:100;
width:250px;
height:50px;
overflow:none;
margin-bottom:-500px;
margin-left:0px;
text-align:center;
}

.vicframe:hover .linkage { margin-bottom:10px; }

.backcoloring {
left:0%;
top:0%;
position:fixed;
z-index:-1;
width:100%;
height:100%;
overflow:hidden;
margin-top:0px;
margin-left:1215px;
-webkit-transition: all 1s ease-out 0s;
-moz-transition: all 1s ease-out 0s;
-ms-transition: all 1s ease-out 0s;
-o-transition: all 1s ease-out 0s;
transition: all 1s ease-out 0s;
}

.TcapL, .TcapR, .BcapL, .BcapR { height:50px; }
.TcapL { -moz-border-radius-topleft: 90px; -webkit-border-top-left-radius: 90px; border-top-left-radius: 90px;}
.TcapR{-moz-border-radius-topright: 90px;-webkit-border-top-right-radius: 90px;border-top-right-radius: 90px;}
.BcapL {-moz-border-radius-bottomleft: 90px;-webkit-border-bottom-left-radius: 90px;border-bottom-left-radius: 90px;}
.BcapR{ -moz-border-radius-bottomright: 90px;-webkit-border-bottom-right-radius: 90px;border-bottom-right-radius: 90px;}


.about, .about2, .about3, .about4, .about5, .about6Text, .about7  {
overflow:auto;
text-align:justify;
}

.about, .about2, .about3, .about5 {
padding:5px;
}

.about { width:280px; height:223px; margin:5px; }
.about2 { width:280px; height:145px; margin:5px; }
.about3 { width:265px; height:100px; margin-left:5px; border-width:10px 10px 0px 10px; border-style:solid; }
.about4 { float:right; width:205px; height:49px; padding:5px; margin:0px 10px 10px 5px ; word-spacing:-2px; }
.about5 { width:280px; height:150px; margin:5px; }

.about6 {
width:350px;
height:190px;
overflow:hidden;
padding:0px;
margin: 5px 5px 5px 5px;
border:5px solid;
}

.about6Text {
width:306px;
height:121px;
padding:0px 10px;
margin:10px;
border:2px dotted ;
}

.about7 {
float:left;
width:195px;
height:205px;
padding:0px 5px;
margin:15px;
border:5px double;
}

.about8 {
width:420px;
height:50px;
padding:0px 5px;
margin:25px;
overflow:auto;
}

.about8frame {
 width:480px;
height:100px;
border:10px solid;
overflow:hidden;
-moz-border-radius-topleft: 90px;
-webkit-border-top-left-radius: 90px;
 border-top-left-radius: 90px;
-moz-border-radius-bottomright: 90px;
-webkit-border-bottom-right-radius: 90px;
border-bottom-right-radius: 90px;
}

.mini {
width:200px;
height:155px;
overflow-x:hidden;
overflow-y:auto;
}

.owes {
width:160px;
height:60px;
padding:0px;
margin:0px 5px;
overflow:auto;
text-align:left;
line-height:160%;
word-spacing:-2px;
}

.stats {
width:170px;
height:290px;
padding:5px;
overflow:auto;
word-spacing:-2px;
}

.wallpaper {
width:300px;
height:162px;
overflow:hidden;
text-align:center;
background-repeat:repeat;
background-position:center;
}

.picset {
float:left;
width:180px;
height:62px;
margin-left:25px;
display:inline-block;
overflow:hidden;
}

.lyricset {
margin-top:5px;
padding:10px 0px;
border-top:14px double;
}

.hbox1, .hbox2, .hbox3, .hbox4 { overflow:hidden; }
.hbox1a, .hbox3a { word-spacing:-2px; }
.hbox1a p, .hbox3a p { word-spacing:-2px; }
.hbox2, .hbox3, .hbox4 { margin:0px; padding:0px; }

.hbox1 { height:85px; width:180px; margin:0px 4px;  border:10px solid; }
.hbox2 { width:245px; height:300px; }
.hbox3 { height:145px; width:145px; }
.hbox4 { width:245px; height:300px;  border:10px solid; }

.hbox1a, .hbox2a, .hbox3a {
overflow:hidden;
text-align:justify;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 1s ease-out 0s;
-moz-transition: all 1s ease-out 0s;
-ms-transition: all 1s ease-out 0s;
-o-transition: all 1s ease-out 0s;
transition: all 1s ease-out 0s;
}

.hbox1a { width:180px;height:85px;}
.hbox3a { width:135px; height:135px; padding:5px; }
.hbox2a { width:235px; height:300px; padding:0px 5px; }

.Hbox1a:hover, .Hbox2a:hover , .Hbox3a:hover      {
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
overflow:auto;
}

.img3T {
float:right;
width:170px;
height:100px;
overflow:none;
text-align:right;
margin:0px 10px 10px 0px;
}

.title1 {
margin:5px 0px 0px 5px;
width:275px;
height:20px;
line-height:20px;
border-width:0px 10px 10px 10px;
border-style:solid;
-moz-border-radius-topleft: 90px;
-webkit-border-top-left-radius: 90px;
 border-top-left-radius: 90px;
-moz-border-radius-topright: 90px;
-webkit-border-top-right-radius: 90px;
border-top-right-radius: 90px;
}

.img1, .img2, .img3, .img4, .img5, .img6, .img7, .img8a, .img8b, .img9a, .img9b, .img10, .img11, .img12  {
overflow:hidden;
}

.img1 { width:50px; height:50px; border:2px solid; margin:5px; }
.img2 { width:280px; height:200px; margin:10px; }
.img3 { float:left; width:100px; height:100px; margin:0px 0px 10px 10px; }
.img4 { margin-top:10px; padding:0px 2px; border:double 4px ; }
.img5 { margin-top:100px; margin-left:25px; height:200px; width:200px; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; }
.img6 { float:right; margin:25px; height:200px; width:200px; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; }
.img7 { width:100px; height:100px; margin:15px 10px 5px 25px; border:5px solid; -webkit-box-shadow: -14px -14px 0px 0px rgba(0, 0, 0, 1); -moz-box-shadow: -14px -14px 0px 0px rgba(0, 0, 0, 1); box-shadow:  -14px -14px 0px 0px rgba(0, 0, 0, 1);}
.img8a, .img8b { width:50px; height:50px; border:5px solid; }
.img8a, .img9b {  margin: 5px 0px 5px 5px;}
.img8b, .img9a {  margin: 5px 5px 5px 0px;}
.img9a, .img9b { width:50px; height:190px; border:5px solid; }
.img10 { width:115px; height:115px;  margin:10px; border: 5px solid; }
.img11 { width:50px; height:50px; border:2px solid; -webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.75); box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.75); }
.img12 {  width:170px; height:70px; margin:10px; border:5px solid; }




.vicarious { COLOR PALETTE }

.vicarious { Scrollbar }
::-webkit-scrollbar-track {background-color:000000 ; border-color:000000 ;}
::-webkit-scrollbar-thumb {background-color:f2f3e9;   border-color:000000 ;}

.vicarious { Dark text colors }
a, a:link, a:active, a:visited, a:hover, td.text, table, tr, td, li, div, input, p  { color:1f1f1f; }
B, .B3, B3, em, a.second, a.second:link, a.second:active, a.second:visited, a.conn, a.conn:link, a.conn:active, a.conn:visited, .h1, h1, .h5, h5, .h9, h9, .h11, h11, .h13, h13 { color:000000;}
.about6Title { color:1b1b1b; }

.vicarious { Light text color }
.about3, .about3 p, .about4, .about4 p, .B2, B2,  .strong, strong, small, big,a.first, a.first:link, a.first:active, a.first:visited, a.second:hover, a.conn:hover, .lyric, lyric, .lyric2, lyric2, .lyric3, lyric3, .h2, h2, .h6, h6, .h7, h7, .h8, h8, .h10, h10, .h12, h12, .h14, h14 { color:f2f3e9; }
 .h3, h3 {color:d6d6d6;}

.vicarious { Dark border colors }
.vic_table, .about6Title,  .about6Text, .about7, .about8frame, .hbox4, .img4, .img7, .img12, a.conn, a.conn:link, a.conn:active, a.conn:visited, .h4, h4, .h5, h5, .h7, h7,  .h9, h9  { border-color: #000000; }
.h8, h8, big { border-color: #c80000; }

.vicarious { Light border color }
.about3, .about6,  .hbox1,  .lyricset, .title1, .img1, .img8a, .img8b, .img9a, .img9b, .img10, .img11, a.conn:hover, .h14, h14  { border-color: #f2f3e9 ; }



.vicarious { Light background }
 body, .vicframeimg a, .vicframeimg > a, .about, .about2, .about5, .about6Title,  .about6Text,  .about7, .about8, .about8frame, .mini, .colorize, .wallpaper, .hbox1a, .hbox2a, .hbox3a, .img3T, .img4, a.second, a.second:link, a.second:active, a.second:visited, a.conn, a.conn:link, a.conn:active, a.conn:visited,  .h1, h1, .h9, h9, .h11, h11, .h13, h13 { background-color:f2f3e9; }

.vicarious { Dark background }
.vic_table, .vicframe, .backcoloring, .TcapL, .TcapR, .BcapL, .BcapR, .about6, .about4, .B2, B2, .strong, strong, a.second:hover, a.conn:hover, small, big, .h2, h2, .h3, h3, .h6, h6, .h7, h7, .h10, h10, .h12, h12  { background-color:c80000; }

.vicarious { Dark/Light mixed background. }
.h8, h8 {
background: rgb(242, 243, 233);
background: -moz-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
background: -webkit-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
background: -o-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
background: -ms-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
background: linear-gradient(155deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
}


 .vicarious{ Hide Codes }
.profileInfo, .userProfileURL, .friendsComments, .blurbs, .blacktext12, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userprofiledetail, .userAlbums,

.whitetext12, .orangetext15, .lightbluetext8, .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; }
table table table table td {width:0px;}
.contactTable td, table table td.text table td,table table table table table td {width:auto;}
div div select, div div form {display:none !important;}
select { visibility:hidden!important; WIDTH:0px!important;}
table div {display:none;}table table div {display:block;}
.navigationBar { display: none; }
div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important; bottom:2000px !important;}
.profileInfo tr tr td { visibility:hidden; }
.profileInfo td.text { visibility:visible; }
.vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}
</style>

</td></tr></table><table style="display:none"><tr><td>



-----------------------------LIKE TO MEET------------------------------

 </td></tr></table></td></tr></table><table class="viclike2meet_table"><tr><td valign="top" align="center"><table><tr><td>

<font class="cite">The above table marker MUST REMAIN where it is. </font>


</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="TCapL"></DIV>

</td></tr></table><table class="vic_table"><tr><td>

<img class="img2" src="http://i57.tinypic.com/sw74fl.jpg"><BR>

<img class="img3" src="http://i61.tinypic.com/34g7r4j.jpg">



<div class="img3T">

<font class="h3">Role Play Agenda</font>

<font class="h4"></font>

<div class="owes">

<small>Starters » </small> Name here, Name here, Name here
<BR>
<small>Comments » </small> Name here, Name here, Name here

</div></div>

</td></tr></table><table class="vic_table"><tr><td>

<div class="about">

<p><img class="img7" src="http://i62.tinypic.com/2gum8fm.jpg" align=left> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div>

</td></tr></table><table class="vic_table"><tr><td>

<font class="h9">Descending, unending and still I’m pretending</font>

<div class="wallpaper" style="background-image:url(http://i61.tinypic.com/2znub2f.jpg);">

<img class="img4" src="http://i57.tinypic.com/dcuxd.jpg">
<img class="img4" src="http://i57.tinypic.com/o08gzq.jpg">
<img class="img4" src="http://i60.tinypic.com/2uynhhk.jpg">
<img class="img4" src="http://i59.tinypic.com/3483wxu.jpg">

</div>

</td></tr></table><table class="vic_table"><tr><td>

<font class="h8">Short Title Here</font>


<div class="about2">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div>




<img class="img1" style="float:left;" src="http://i61.tinypic.com/33x78ty.jpg">

<div class="about4">

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit.

</div>


</td></tr></table><table class="vic_table"><tr><td>

 <font class="h11">Butterflies in a Jar ● Clip Their Wings ● Snip-Snip</font>


</td></tr></table><table class="vic_table"><tr><td>

<div class="hbox3" style="float:left;margin-bottom:10px; background-image:url(http://i60.tinypic.com/auzebn.jpg);">

<div class="hbox3a">
<font class="h12">Title or Name</font>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div></div>

<div class="hbox3" style="float:right; margin-bottom:10px;background-image:url(http://i60.tinypic.com/auzebn.jpg);">

<div class="hbox3a">
<font class="h12">Title or Name</font>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div></div>




<div class="hbox3" style="float:left;background-image:url(http://i60.tinypic.com/auzebn.jpg);">

<div class="hbox3a">
<font class="h12">Title or Name</font>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div></div>

<div class="hbox3" style="float:right;background-image:url(http://i60.tinypic.com/auzebn.jpg);">

<div class="hbox3a">
<font class="h12">Title or Name</font>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div></div>

</td></tr></table><table class="vic_table"><tr><td>

<font class="h1">Don’t they know I’m a predator?</font>


<div class="about5">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div>

<div class="colorize">
<font class="h2">Don’t they know they are the prey?</font>
</div>

</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="BCapL"></DIV>

-----------------------------INTERESTS---------------------------------

</td></tr></table></td></tr></table><table class="vicinterests_table"><tr><td valign="top" align="center"><table><tr><td>

<font class="cite">The above table marker MUST REMAIN where it is. </font>

</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="TCapR"></DIV>

</td></tr></table><table class="vic_table"><tr><td>

<table><tr><td>

<img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg">
<img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg">
<img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg">

</td><td><div class="about6">

<div class="about6Title">title goes here</div>

<div class="about6Text">
<p>For pictures that are not marked with sizes, refer to the below:
<p>The square images on the first and last text tables on the right side of the profile (swirls and strobes), the three images to the left of 'If I'm a danger to myself' and the same pic located under the 'Short Title Here' section are all 50px width by 50px height.
<p>The small images of buildings on the first and last tables  on the right side of the profile are 50px width by 190px height;
<p>The area size for the image beneath "Living is a bloody business" is 180px width by 85px height.
<p>The area size for the image above "The pestilence of decadence" is 170px width by 70px height.
<p>The image on the left sidebar (circle) is 200px width by 200px height.

<p><B>Bold</b> <font class="b2">Bold2</font> <font class="b3">Bold3</font> <i>Italic</i> <font class="strong">Strong</font> <font class="u">Underline</font>
<font class="strike">Strike</font> I code for all sites.  If you are on a site like that allows for headers, special text, etc., you can use just the regular font tags with the < > around them instead of the 'font class' or simply leave them as they are.  They will work either way.

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div></div></td><td>

<img class="img9a" src="http://i62.tinypic.com/fbde8p.jpg">

</td></tr></table>



</td></tr></table><table class="vic_table"><tr><td>

<table><tr><td>

<img class="img10" src="http://i58.tinypic.com/14ihk41.jpg">

</td><td>

<font class="h10">Living is a bloody business</font>

<div class="hbox1" style="background-image:url(http://i61.tinypic.com/4uwi3d.jpg);">

<div class="hbox1a">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div></div>

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
    <param name="bgcolor" value="#c80000" />
    <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/e9xqmhfr86/ht.mp3&autoplay=1&bgcolor=c80000&loadingcolor=f2f3e9&buttoncolor=f2f3e9&slidercolor=f2f3e9" />
</object>

</td><td>

<img class="img10" src="http://i58.tinypic.com/14ihk41.jpg">

</td></tr></table>


</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent!important;"><tr><td>

<div class="picset">

<img class="img11" src="http://i61.tinypic.com/33x78ty.jpg">
<img class="img11" src="http://i61.tinypic.com/33x78ty.jpg">
<img class="img11" src="http://i61.tinypic.com/33x78ty.jpg">


</div>

<big>If I’m a danger to myself...</big>
<em>Just think what I could do to you</em>

</td></tr></table><table class="vic_table"><tr><td>

<table><tr><td><div class="mini">

<img class="img12" src="http://i61.tinypic.com/110m4qr.jpg">

<font class="h5">
The pestilence of decadence
<BR>I worship my emptiness
<BR>I’m ravaged by the damages of this hell

</font></div></td><td>

<div class="about3">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div><div class="title1">

<font class="h6">a title goes here</font>

</div></td></tr></table>


</td></tr></table><table class="vic_table"><tr><td>

<div class="lyricset">

<font class="lyric">Hush little baby don’t make a sound </font>
<font class="lyric2">Hush little baby don't make a move</font>
<font class="lyric3">This is gonna hurt me more than you</font>

</div>


</td></tr></table><table class="vic_table"><tr><td>

<div class="about7">

<p>Lorem ipsum dolor sit amet,adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<p>Lorem ipsum dolor sit amet,adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div>

<img class="img6" src="http://i61.tinypic.com/14ctafl.jpg">



</td></tr></table><table class="vic_table"><tr><td>

<font class="h13">Follow this simple rule:  Do it to them before they do it to you</font>


</td></tr></table><table class="vic_table"><tr><td>

<div class="about8frame">

<div class="about8">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


</div></div>


</td></tr></table><table class="vic_table"><tr><td>

<font class="h14">Just another lonely chapter in the book of lies</font>



</td></tr></table><table class="vic_table"><tr><td>

<table><tr><td>

<div class="hbox2" style="background-image:url(http://i61.tinypic.com/e5n5ad.jpg);">

<div class="hbox2a">
<font class="h12">Title or Name</font>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


</div></div></td><td>


<div class="hbox2" style="background-image:url(http://i57.tinypic.com/t66qzd.jpg);">

<div class="hbox2a">
<font class="h12">Title or Name</font>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div></div></td></tr></table>




</td></tr></table><table class="vic_table"><tr><td>

<table><tr><td>

<img class="img9b" src="http://i60.tinypic.com/jjnz7q.jpg">

</td><td><div class="about6">

<div class="about6Title">title goes here</div>

<div class="about6Text">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


</div></div></td><td>

<img class="img8b" src="http://i62.tinypic.com/23w2yrb.jpg">
<img class="img8b" src="http://i62.tinypic.com/23w2yrb.jpg">
<img class="img8b" src="http://i62.tinypic.com/23w2yrb.jpg">

</td></tr></table>


</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="BCapR"></DIV>


-----------------------------MUSIC---------------------------------

  </td></tr></table><table><tr><td>

<div class="backcoloring"></div><div class="vicframe"><div class="viccontrol">


<a class="first" href="#pg1">I</a>
<a class="first" href="#pg2">II</a>
<a class="first" href="#pg3">III</a>
<a class="first" href="#pg4">IV</a>

</div>


<img class="img5" src="http://i62.tinypic.com/2vd038z.jpg">


<div class="vicframeimg"><a id="pg1" href="#"><div class="stats">

<p><font class="h3">Personality</font>
<BR><b>Traits:</b> Input Info
<BR><b>Disorders:</b> Input Info
<BR><b>Addictions:</b> Input Info
<BR><b>Likes:</b> Input Info
<BR><b>Dislikes:</b> Input Info
<BR><b>Quirks:</b> Input Info

</div></a><a id="pg2" href="#"><div class="stats">

<p><font class="h3">Legal</font>
<BR><b>NAME:</b> Input info
<BR><b>NICKNAMES:</b> Input info
<BR><b>ALIASES:</b> Input info
<BR><b>DATE OF BIRTH:</b> Input info
<BR><b>PLACE OF BIRTH:</b> Input info
<BR><b>CURRENT RESIDENCE:</b> Input info

<p><font class="h3">Physical</font>
<BR><b>ETHNICITY:</b> Input info
<BR><b>HAIR COLOR:</b> Input info
<BR><b>EYE COLOR:</b> Input info
<BR><b>HEIGHT:</b> Input info
<BR><b>WEIGHT:</b> Input info
<BR><b>BIRTHMARKS/SCARS:</b> Input info


</div></a><a id="pg3" href="#"><div class="stats">

<p><font class="h3">Family</font>
<BR><b>MOTHER:</b> Input info
<BR><b>FATHER:</b> Input info
<BR><b>SISTER(S):</b> Input info
<BR><b>BROTHER(S):</b> Input info
<BR><b>Other Family:</b> Input info

<p><font class="h3">Relationships</font>
<BR><b>SEXUAL ORIENTATION:</b> Input info
<BR><b>RELATIONSHIP STATUS:</b> Input info
<BR><b>CURRENT RELATIONSHIP(S):</b> Input info
<BR><b>PAST RELATIONSHIP(S):</b> Input info

</div></a><a id="pg4" href="#"><div class="stats">

<p><font class="h3">Education</font>
<BR><b>High School</b> Input Info
<br><b>College</b> Input Info
<br><b>Major</b> Input Info
<br><b>Degree</b> Input Info

<p><font class="h3">Employment</font>
<BR><b>OCCUPATION:</b> Input info
<BR><b>JOB DESCRIPTION:</b> Input info
<BR><b>EMPLOYER:</b> Input info
<BR><b>SKILLSET:</b> Input info


</div></a></div><div class="linkage">
<a class="second" href="/logincomplete.php">H</a>
<a class="second" href="/invite_friend.php?friend_id=xxxxxx">A</a>
<a class="second" href="/send_message.php?member_id=xxxxxx">M</a>
<a class="second" href="/add_testimonial.php?member_id=xxxxxx">C</a>
<a class="second" href="/gallery.php?member_id=xxxxxx">P</a>
<a class="second" href="/view_member_blog.php?member_id=xxxxxx">B</a>

</div></div>



-----------------------------MOVIES---------------------------------

 </td></tr></table></td></tr></table><table class="vicmovies_table"><tr><td valign="top" align="center"><table><tr><td>

</td></tr></table><table><tr><td>

<div class="hbox4" style="background-image:url(http://i58.tinypic.com/1y4bc9.jpg);">

<div class="hbox2a">
<p>In the event that you want to put some straight links to connections somewhere on the layout (in one of the tables, in the hover boxes, etc, use this for the coding:


<a class="conn" href="/#">Name here</a>
<a class="conn" href="/#">Name here</a>
<a class="conn" href="/#">Name here</a>
<a class="conn" href="/#">Name here</a>

<p>***IMPORTANT*** Never put links inside a mock J-script treatment section (the black sidebar to the left of this layout) UNLESS you make a table to house those links.  For further instructions, refer back to the original coding.

</div></div>