LAYOUT 134a

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

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


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.

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.



//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

ELITEROLEPLAYERS.NET USERS:  PLEASE BE SURE TO READ THE SPECIAL INSTRUCTIONS BEFORE COMING TO ME WITH QUESTIONS REGARDING TABLE ALIGNMENT

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////



............................
MUSIC PLAYER

REPLACE MY MUSIC PLAYER WITH YOUR OWN.

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

............................
MASTHEAD BANNER

The banner is located at the END of ABOUT ME.  Replace my link with your link to your uploaded image.

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

HOVER PICS

To Change the hover over pics/icons, locate div style classes like the below and replace the http address with a DIRECT link to your uploaded photo image:

<div class="hbox1" style="background-image:url(http://......);">


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

CONNECTION ICON PICS

There is no magic to this set-up for image replacement.  You will see <img src="http//:..."> for each icon pic.  Just put your url to your uploaded pic in place of mine.

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

PARAGRAPH - SPECIAL

Paragraph first letter and first line:

If you don't want the color to change for the first line of your paragraph, just delete this from the Color Palette near the end of About ME:
p:first-line {color:898c92;}

If you don't want any adjustments to the first line and letter of the paragraph, remove this from the Font Styles in About Me:
p:first-letter {font-size:15pt;}
p:first-line {font-size:10pt;}

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

 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.



!!!!!!!!!!!!!!!!!!!!SPECIAL INSTRUCTIONS!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!FOR ELITERPERS.NET USERS ONLY!!!!!!!!!!!!!!!!!!

The tables will be a bit off on Elite.  You will need to adjust the following:

Find the below NEAR the TOP of About Me and change the top and left marker as notated below (MAKE SURE you have the right one for INTERESTS and NOT Like to Meet)

.vicarious{Interests Tables Placement (Up/Down/Left/Right) Codes}
object, embed, table table table { position:relative; top:-20px; left:10px;}
table table table table{border:0px; position:static;}

(CONTINUED FOR ELITERPERS.NET ONLY) If you use Google Chrome more so than FF, NOW adjust the LIKE TO MEET table placement for LEFT as such:

.vicarious{Like To Meet Tables Placement (Up/Down/Left/Right) Codes}
td.text table {position:relative; top:-20px; left:-4px;  }
td.text object, td.text embed, td.text table table {position:static;}

!!!!!!!!!!!!!!! END SPECIAL INSTRUCTIONS !!!!!!!!!!!!!!!




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




                        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---------------------------------
 <BODY oncontextmenu="return false" onselectstart="return false" ondragstart="return false">

 <style type="text/css">@import url("https://googledrive.com/host/0B79YHAkeE7SuSjRYNk1ucE5hUW8 ");@import url(http://fonts.googleapis.com/css?family=Special+Elite|Rancho|Qwigley|Dorsa|Mystery+Quest|Voltaire|Righteous&effect=decaying);

/* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */
.vicarious { LAYOUT 134a // Layouts available @ http://vicarious-hs.tumblr.com/ }
/* - -DO NOT REARRANGE MY CODING!! ORDER IS IMPORTANT! - - */

.vicarious{ Background Properties }
body {
width:100%;
height:100%;
background-image: url("");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center center;
}

.vicarious { Table Properties }
table, tr, td { background-color:transparent; border:0;}
table table {
background-color:transparent;
border-left:0px double #000000 ;
border-right:0px double #000000;
}

table table table  { background-color:transparent; display: inline-table; border:0px solid; }


.vic_table {
padding:5px;
margin-bottom:5px;
border:1px solid ; }
.vic_table tr { margin:0px; }
.vic_table td { margin:0px; width:100%; }

.vicarious{Like To Meet Tables Placement (Up/Down/Left/Right) Codes}
td.text table {position:relative; top:-20px; left:-9px;  }
td.text object, td.text embed, td.text table table {position:static;}

.vicarious{Interests Tables Placement (Up/Down/Left/Right) Codes}
object, embed, table table table { position:relative; top:0px; left:0px;}
table table table table{border:0px; position:static;}

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

.vicarious { Font Styles }
a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p, i, b, em  {
font-family: tahoma;
font-size: 8pt ;
line-height: 90% ;
text-decoration:none;
}

P { text-align:justify; }
p:first-letter {font-size:15pt;}
p:first-line {font-size:10pt;}

I {
font-size:12pt;
font-family: brushscript mt;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

EM {
font-size:16pt;
font-family: 'Qwigley', cursive;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.strike, strike {
text-decoration:line-through;
}

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

.strong, strong {
font-weight:bolder;
font-size:11pt;
}

B, .B2, B2, .B3, B3, .B4, B4 {
font-family:copperplate gothic light;
font-size:7pt;
font-weight:bold;
text-transform:uppercase;
line-height:100%;
letter-spacing: 0pt;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

B{
font-family:georgia;
}

.B2, B2  {
letter-spacing:1pt;
}

.B3, B3 {
font-size:9pt;
letter-spacing:1pt;
}

.B4, B4 {
font-size:13pt;
letter-spacing:2pt;
}

a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited, a.cons, a.cons:link, a.cons:active, a.cons:visited {
font-family: 'Voltaire', sans-serif;
font-size:15pt;
text-align:center;
text-transform:uppercase;
display:block;
font-weight:bold;
text-decoration:none;
-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;
margin-bottom:2px;
padding:0px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

a.first, a.first:link, a.first:active, a.first:visited{ width:46px; line-height:35px;height:35px;}
a.first:hover { font-size:25pt; text-decoration: line-through;  }
a.second, a.second:link, a.second:active, a.second:visited { line-height:50px;height:50px; width:50px; }
a.cons, a.cons:link, a.cons:active, a.cons:visited {font-size:8pt;letter-spacing:2pt;line-height:100%; text-align:right; padding-right:5px;}
a.cons:hover {letter-spacing:1pt;}

.h1, .h2, .h3,  .h4, .h5, .h6, .h7, .h8, .h9, h1, h2, h3, h4, h5, h6, h7, h8, h9, small, big {
font-family: copperplate gothic light;
line-height:100%;
text-align:center;
display:block;
font-size: 11pt ;
padding:0px;
margin:0px;
text-decoration:none;
}

.h1, h1   {
font-family: 'Mystery Quest', cursive;
font-size: 12pt ;
margin:5px 0px ;
border-bottom:2px solid;
font-weight:bold;
}

.h2, h2  {
font-family: 'Voltaire', sans-serif;
letter-spacing:1pt;
font-size:24pt;
line-height:160%;
text-transform:uppercase;
}

.h3, h3 {
font-family: 'Rancho', cursive;
text-align:left;
padding-left:5px;
margin-top:10px;
font-size: 12pt ;
}

.h4, h4 {
font-family: 'Voltaire', sans-serif;
font-weight:bold;
text-align:left;
font-size: 10pt ;
border-bottom:2px solid;
margin-top:5px;
}

.h5, h5 {
font-family: 'Dorsa', sans-serif;
font-weight:bold;
font-size: 46pt ;
letter-spacing:1pt;
}

.h6, h6  {
letter-spacing:1pt;
font-size:20pt;
}

.h7, h7  {
font-family: 'Mystery Quest', cursive;
text-transform:uppercase;
letter-spacing:-1pt;
font-size:20pt;
}

.h8, h8 {
font-weight:bold;
font-family: 'Dorsa', sans-serif;
letter-spacing:2pt;
font-size:18pt;
margin:5px 0px;
}

small {
font-family: 'Dorsa', sans-serif;
letter-spacing:0pt;
font-size:12pt;
text-transform:uppercase;
}

big {
font-family: 'Righteous', cursive;
letter-spacing:0pt;
font-size:28pt;
text-transform:uppercase;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.lyric, .lyric2, .lyric3, .lyric4, .lyric5, .lyric6, .lyric7, lyric, lyric2, lyric3, lyric4, lyric5, lyric6, lyric7  {
font-family: 'Special Elite', cursive;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
text-decoration:none;
padding:0px;
margin:0px;
display:block;
text-align:center;
line-height:60%;
}

.lyric, lyric {Font-size:14pt; text-align:left; margin-left:5px;margin-top:5px;line-height:60%;}
.lyric2, lyric2 {Font-size:12pt;line-height:35%;}
.lyric3, lyric3 {Font-size:13pt;text-align:right; margin-right:5px;line-height:85%;}
.lyric4, lyric4 {Font-size:13pt;text-align:left; margin-left:5px;}
.lyric5, lyric5 {Font-size:12pt;letter-spacing:1.8pt;}
.lyric6, lyric6 {Font-size:13pt;text-align:left; margin-left:5px;line-height:100%;}
.lyric7, lyric7 {Font-size:15pt;letter-spacing:1pt;text-align:right; margin-right:5px; margin-bottom:5px;}

.vicarious{ Img / Div  Style Classes}

.img1  {margin:5px 0px; width:82px; height:82px; overflow:hidden; }
.img2  {width:100px; height:100px; overflow:hidden; }

.VC   {
width:265px;
height:220px;
overflow:auto;
padding-left:10px;
padding-right:5px;
text-align:justify;
}

.vicframe   {
width:500px;
height:225px;
text-align:center;
background-position:top right;
background-repeat:no-repeat;
}

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

.leftside {
height:100%;
width:50px;
position:fixed;
overflow:none;
z-index:1000;
-webkit-transition: all 0.5s linear 2s;
-moz-transition: all  0.5s linear 2s;
-ms-transition: all  0.5s linear 2s;
-o-transition: all  0.5s linear 2s;
transition: all  0.5s linear 2s;
top:0%;
left:0%;
margin-top:10px;
margin-left:-490px;
}


body:hover .leftside {
margin-left:0px;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all  0.5s linear 0s;
-ms-transition: all  0.5s linear 0s;
-o-transition: all  0.5s linear 0s;
transition: all  0.5s linear 0s;
}

.about{
width:415px;
height:130px;
overflow:auto;
padding:5px;
text-align:justify;
}

.statsL {
float:left;
width:200px;
height:220px;
overflow:hidden;
}

.statsR {
float:right;
width:215px;
height:220px;
overflow:auto;
text-align:left;
}

.pers {
width:210px;
height:75px;
overflow:auto;
text-align:left;
margin-bottom:5px;
}

.music {
width:210px;
height:20px;
overflow:hidden;
text-align:center;
}

.hbox1 {
width:150px;
height:150px;
overflow:hidden;
margin:10px 5px;
}

.hbox1a {
width:140px;
height:140px;
padding:5px;
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:hover   {
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
overflow:auto;
}


.vicariousmasthead {
position:absolute;
width:950px;
height:500px;
padding:3px;
border:1px solid ;
top:0%;
left:50%;
margin-top:5px;
margin-left:-475px;
z-index:1 !important;
visibility:visible !important;
display:block !important;
}

.vicarious{ Masthead CSS }
 .v {display:none;}
body.bodyContent, body, v v v.x {margin-top:490px;margin-left:0px;}
div.profileWidth table div ul, div.clearfix v v.v {top:0px !important;}

.vicarious{ Color Palette}

 body { background-color:34383a;  }

::-webkit-scrollbar-track {background-color:000000 ; border-color:000000 ;}
::-webkit-scrollbar-thumb {background-color:4c4945;   border-color:000000 ;}

.vic_table, table table table, .vicariousmasthead  {background-color:333333; border-color:666666; }

.about, .pers, .statsR, .vc, .hbox1a  {background-color:232323; }
.music  {background-color:333333;  }
.leftside, .vicframe  {background-color:transparent; }

a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p  { color:4f5959; }
p:first-line {color:898c92;}
I { color:ebebeb; }
EM { color:ebe7e8; }
B {color:696e71;}
.B2, B2, .B3, B3, .B4, B4  {color:948e87; }
.strong, strong {color:d3cbcf; }
.strike, strike {color:efeae7; }

a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited {color:7f766d;background-color:transparent; }
a.first:hover,  a.second:hover {color:717a7a; }
a.cons, a.cons:link, a.cons:active, a.cons:visited {color:696e71 ; background-color:3b4141; }
a.cons:hover {color:726864; }

.h1, h1   {color:505558;  border-color:34393d;}
.h2, h2 {color:726864 ; background-color:3b4141; }
.h3, h3 { color:8c9492 ;  }
.h5, h5 { color:b8bab9 ;  }
.h4, h4 {color:746865 ;background-color:1a1b1b; border-color:34393d;}
.h6, h6 {color:000000;background-color:3b4141; }
.h7, h7 {color:adb3b1; }
.h8, h8 {color:596162; }
small {color:0d0c0b;background-color:77706a; }
big {color:77706a;background-color:3b4547; }
.lyric, lyric { color:b3b8ba;}
.lyric2, lyric2  {color:574f4c;}
.lyric3, lyric3  {color:667176; }
.lyric4, lyric4  {color:484240; }
.lyric5, lyric5 {color:7c8a8b }
.lyric6, lyric6  {color:807570; }
.lyric7, lyric7  {color:697175; }


.vicarious{ Hide Codes }
.profileInfo,  .userProfileURL,  .friendsComments, .blacktext12, .friendSpace, .blurbs, .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;}
.vicarious{Misc Codes}
p.breakhere { page-break-after: always }
br{line-height:10px!important;}


.vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}


</style></td></tr></table></td></tr></table><div class="vicariousmasthead">


<img src="http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/l10_zpsd1f05af4.jpg~original">


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


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

</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:500px; display:block; word-wrap:break-word">

<font class="h2">Your Name Here</font>


<font class="h8">Verse 1 - Verse 2 - Verse 3 - Verse 4</font>

<img src="http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/l_zps0b4afcd6.jpg~original">

<font class="h8">Multi-Para to Novella, Third Person POV</font>

 </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:500px; display:block; word-wrap:break-word">


<table><tr>


<td><div class="hbox1" style="background-image:url(http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/l17_zpsfa5e427f.jpg~original);">
<div class="hbox1a">

This is box 1.  Text goes here.

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

<td><div class="hbox1" style="background-image:url(http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/l17_zpsfa5e427f.jpg~original);">
<div class="hbox1a">

This is box 2.  Text goes here.

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

<td><div class="hbox1" style="background-image:url(http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/l17_zpsfa5e427f.jpg~original);">
<div class="hbox1a">

This is box 3.  Text goes here.

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


</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:500px; display:block; word-wrap:break-word">

<font class="h5">Main Connections</font>

</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:500px; display:block; word-wrap:break-word">

<div class="vicframe" style="background-image:url(http://i40.tinypic.com/140xnw3.jpg);"><div class="viccontrol">

<table><tr>
<td><a class="second" href="#conn1"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
<td><a class="second" href="#conn2"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
<td><a class="second" href="#conn3"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
<td><a class="second" href="#conn4"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
</tr><tr>
<td><a class="second" href="#conn5"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
<td><a class="second" href="#conn6"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
<td><a class="second" href="#conn7"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
<td><a class="second" href="#conn8"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
</tr><tr>
<td><a class="second" href="#conn9"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
<td><a class="second" href="#conn10"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
<td><a class="second" href="#conn11"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
<td><a class="second" href="#conn12"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
</tr><tr>
<td><a class="second" href="#conn13"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
<td><a class="second" href="#conn14"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
<td><a class="second" href="#conn15"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
<td><a class="second" href="#conn16"><img src="http://i.imgur.com/wTA99l4.jpg"></a></td>
</tr></table>

</div><div class="vicframeimg">


<a id="conn1" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 1 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>

<img align=left src="http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/l22_zpsbf91791c.jpg~original">
I have included a pic (aligned to the left)in Connection 1's box to show you that you can put a larger pic in here before the text field, but if you just want text, remove the image.  BE HELLUVA CAREFUL NOT TO DROP ANY OF THESE CODE TAGS.
</div></td></tr></table></a>

<a id="conn2" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 2 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

<a id="conn3" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 3 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

<a id="conn4" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 4 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

<a id="conn5" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 5 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

<a id="conn6" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 6 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

<a id="conn7" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 7 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

<a id="conn8" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 8 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

<a id="conn9" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 9 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

<a id="conn10" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 10 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

<a id="conn11" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 11 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

<a id="conn12" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 12 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

<a id="conn13" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 13 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

<a id="conn14" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 14 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

<a id="conn15" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 15 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

<a id="conn16" href="#"><table><tr><td><div class="VC">
<font class="h4">Connection 16 Here</font>
<a class="cons" href="/FRIENDID">View Profile</a>
Text goes here
</div></td></tr></table></a>

</div></div>


<font class="h6">Friends - Fiends - Foes</font>


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

</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:425px; display:block; word-wrap:break-word">


<font class="h5">The Devil Is In The Details</font>

</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:425px; display:block; word-wrap:break-word">


<div class="about">

<p>This is your About Me section.  Input your biographical information here.

<font class="h1">General Layout Info</font>

<p>Always replace the XXXXXX in the links with your friend ID number.  Links are located in the "Music" section of this layout.  For links to your mains, put the friend id number for your connections where you see FriendID.

<p>Banner:  To replace the image in the banner portion of this layout, go to About Me and scroll down to the bottom.  Put your http address for your uploaded image in place of the current one between the " and ".

<p>REMINDER:  For ALL images, always use the DIRECT LINK provided to you by your image hosting site.

<p>For images that are hover boxes, find the background-image:url("http://..."); area and replace my http address with yours.

<p>Replace the provided music player with one of your own.  Use the color codes in that object coding as a guide.

<p>The first letter of a paragraph will be enlarged and the first line of a paragraph will have a different color.  If you do not want this effect, you can remove the paragraph codes in About Me or you can simply use the page break code <BR> tag in front of your paragraphs instead of the p tag (as seen in the beginning of this paragraph of instructions).


<p>For your reference, these are the header codes, etc found in this layout.


<font class="h1">Header1</font>
<font class="h2">Header2</font>
<font class="h3">Header3</font>
<font class="h4">Header4</font>
<font class="h5">Header5</font>
<font class="h6">Header6</font>
<font class="h7">Header7</font>
<font class="h8">Header8</font>

<font class="lyric">Line 1 of lyrics</font>
<font class="lyric2">Line 2 of lyrics</font>
<font class="lyric3">Line 3 of lyrics</font>
<font class="lyric4">Line 4 of lyrics</font>
<font class="lyric5">Line 5 of lyrics</font>
<font class="lyric6">Line 6 of lyrics</font>
<font class="lyric7">Line 7 of lyrics</font>

<BR><B>Bold</b> <i> Italic</i> <em>Emphasized text</em>

<BR>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 etc between < these > brackets.  For that reason, I turn them into font classes with a period in front and script them as I have done below.  If you are on a website that allows regular header, underline, strong, etc coding, you can just use regular header coding for all of the header, lyric, special text labels OR just leave them as they are.  They will work for you either way.  SEE THE INSTRUCTIONS FOR THIS LAYOUT FOR SPECIFIC DETAILS AND EXAMPLES.
<BR><BR>
<font class="b2">Bold2</font>
<font class="b3">Bold3</font>
<font class="b4">Bold4</font>
<font class="strong">Strong</font>
<font class="strike">Strike</font>
<font class="u">Underline</font>

<BR><BR>I have also included the below two special text classes that are fine as is and need no modification on any site.

<big>big</big>
<small>Small</small>


</div>

<font class="h6">Past - Present - Future</font>


</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:425px; display:block; word-wrap:break-word">

<font class="h7">Homicidal Tendencies</font>

<table><tr><td>

<img class="img2" src="http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/l22_zpsbf91791c.jpg~original">

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

<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
<BR>This is the section for your personality.  Add additional details as needed.


</div><div class="music">

<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="#333333" />
    <param name="FlashVars" value="mp3=http%3A//k002.kiwi6.com/hotlink/wsq2887c51/the_hunger_games_-_deep_shadows_soundtrack_www.mp3fiber.com_.mp3&autoplay=1&bgcolor=333333&loadingcolor=696e71&buttoncolor=696e71&slidercolor=696e71" />
</object>

</div></td><td>

<img class="img2" src="http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/l22_zpsbf91791c.jpg~original">

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

<font class="h8">I don't care if you're offended</font>

</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:425px; display:block; word-wrap:break-word">

<font class="h1">The Short and Sweet of It</font>

<div class="statsL">
<img src="http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/l1_zps633210fd.jpg~original">

</div><div class="statsR">

<font class="h3">Legal</font>

<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

<font class="h3">Physical</font>

<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

<font class="h3">Family</font>

<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

<font class="h3">Relationships</font>

<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

<font class="h3">Education</font>

<b>High School</b> Input Info
<br><b>College</b> Input Info
<br><b>Major</b> Input Info
<br><b>Degree</b> Input Info

<font class="h3">Employment</font>

<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>


</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:425px; display:block; word-wrap:break-word">


<font class="lyric">Try to remember how it felt</font>
<font class="lyric2">To just make up your own steps</font>
<font class="lyric3">And let anklebiters</font>
<font class="lyric4">Chew up, spit out someone else</font>
<font class="lyric5">Fall in love with yourself</font>
<font class="lyric6">Because someday you’re gonna be</font>
<font class="lyric7">The only one you’ve got</font>



</td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:425px; display:block; word-wrap:break-word">

<img class="img1" src="http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/l25_zpsa9a1c828.jpg~original">

<img class="img1" src="http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/l25_zpsa9a1c828.jpg~original">

<img class="img1" src="http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/l25_zpsa9a1c828.jpg~original">

<img class="img1" src="http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/l25_zpsa9a1c828.jpg~original">

<img class="img1" src="http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/l25_zpsa9a1c828.jpg~original">


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

 </td></tr></table></td></tr></table><table  cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:450px; display:block; word-wrap:break-word">


<div class="leftside">
<a class="first" href="/logincomplete.php" title="Home">H</a>
<a class="first" href="/invite_friend.php?friend_id=xxxxxx" title="Add">A</a>
<a class="first" href="/send_message.php?member_id=xxxxxx" title="Message">M</a>
<a class="first" href="/add_testimonial.php?member_id=xxxxxx" title="Comment">C</a>
<a class="first" href="/gallery.php?member_id=xxxxxx" title="Photos">P</a>
<a class="first" href="/view_member_blog.php?member_id=xxxxxx" title="Blogs">B</a>
</div>