Layout 143a

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

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

IMAGES

This layout will code image sizes for you.  For the sake of simplicity you may make all photos 250px width by 250px height EXCEPT the 'default' photo in Like to Meet and the 'banner' size photo in Music. The tall 'default' image is 350px width by 500px height.  The 'banner' (Vicbox) image in Music is 500px width by 300px height.



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

MUSIC PLAYER

REPLACE MY MUSIC PLAYER WITH YOUR OWN.

Read the cited note under the music player for additional instructions.

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


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=Raleway:400,900|Playfair+Display+SC|Marck+Script|Oswald|Dynalight|Roboto+Condensed:400,700);

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

.vicarious { Structure }

body {
background-color: dbc2c2;
background-image:url( );
background-repeat:repeat;
background-attachment:fixed;
background-position:center center;
}

.vicarious{ Google Chrome Scrollbar }

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {border: 1px solid #000000;
background-color:transparent;}
::-webkit-scrollbar-thumb {border: 4px double #000000;background-color:ffffff;-webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px;}

.vicarious {Tables }

table, tr, td {background-color:transparent;}

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

.viclike2meet_table {  width:350px;height:auto;margin-left:-335px; }
.viclike2meet_table tr { margin:0px;  }
.viclike2meet_table td { margin:0px; max-width:350px; overflow:hidden;   }

.vicinterests_table{ width:500px; height:auto;margin-left:20px;}
.vicinterests_table tr { margin:0px; }
.vicinterests_table td { margin:0px; max-width:500px; overflow:hidden;  }

.vicbooks_table{
visibility:visible;
z-index:5;
position:fixed;
top:0%;
left:0%;
overflow:none;
width:110%;
height:230px;
margin-top:-10px;
margin-left:-10px;
}

.vicbooks_table tr { margin:0px; }
.vicbooks_table td { margin:0px; overflow:none; width:110%;  }

.vic_table {
padding:0px;
margin:0px;
width:100%;
margin-bottom:4px;
border:0px solid;
background-color:e6e6e6;
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 { text }

table, tr, td, li, p, div, .text, .btext, a, b, i {
font-family:tahoma;
font-size:7pt;
line-height:100%;
color: 4e4e4e;
padding:0px;
margin:0px;
text-decoration:none;
text-transform:none;
}

p {text-align:justify; margin-top: 5px;text-indent:10px; }
p:first-line {  }
p:first-letter { font-size: 9pt; }


b {
font-size:8pt;
text-transform:uppercase;
font-family: 'Roboto Condensed', sans-serif;
color: 000000;
}

i {
font-size:10pt;
color: 424242;
font-family: 'Dynalight', cursive;
}

.u, u {
color: 202020;
text-decoration:underline;
}

.strike, strike {
color: 4e4e4e ;
text-decoration:line-through;
letter-spacing:1pt;
}

.strong, strong {
font-family:courier new;
font-size: 9pt;
text-transform:uppercase;
color: 454545;
font-weight:900;
}

em {
font-family:brush script mt;
font-size:11pt;
color: 4b4b4b;
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .h7, h7, .h8, h8, .h9, h9, .h10, h10, .h11, h11, .h12, h12, .one, one, .two, two, .three, three, small, big {
padding:0px;
margin:0px;
overflow:hidden;
display:block;
}

.h1, h1 {
font-size:11pt;
font-family: 'Marck Script', cursive;
height:15px;
line-height:15px;
padding:5px;
text-align:right;
}

.h2, h2 {
font-size:20pt;
font-family: 'Oswald', sans-serif;
height:28px;
line-height:28px;
padding:5px;
margin:5px;
background-color:d6bcbc;
text-align:center;
text-transform:uppercase;
letter-spacing: 2pt;
color:ffffff;
outline:dashed;
outline-offset:-3px;
outline-width:1px;
}


.h3, h3 {
font-family: 'Roboto Condensed', sans-serif;
font-size:11pt;
height:15px;
line-height:15px;
padding:5px;
text-align:center;
text-transform:uppercase;
}

.h4, h4 {
font-family: 'Raleway', sans-serif;
font-size:9pt;
height:10px;
line-height:10px;
padding:5px;
text-align:center;
text-transform:uppercase;
}

.blockquote, blockquote {
height:auto;
display:block;
text-align:justify;
margin:5px 5px 5px 10px;
padding: 5px 5px 5px 10px;
border-left:10px double #151515;
background-color:transparent;
}

.cite {font-size:0px; color:transparent;display:block; height:0px;}


.vicarious { Divs }

/* IMMT Interests/Movies/Music/TV  */

/* IMMT - Crown Emblem Table */

#CrownTable {
width:500PX;
height:500px;
overflow:hidden;
}

#CrownTable .title {
font-family: 'Dynalight', cursive;
width:490px;
height:30px;
line-height:30px;
display:block;
text-align:right;
padding:5px;
font-size:20pt;
position:absolute;
text-transform:none;
margin-top:20px;
margin-left:0px;
overflow:hidden;
color:ffffff;
background-color:000000;
}

#CrownTable .about {
height:350px;
padding:5px;
position:absolute;
margin:70px;
overflow:auto;
background-color:efefef;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#CrownTable .circle {
width:50PX;
height:50px;
-webkit-border-radius: 360px;
-moz-border-radius: 360px;
border-radius: 360px;
overflow:hidden;
background-color:transparent;
border:10px groove #d6bcbc;
position:absolute;
font-size:40px;
line-height:40px;
display:block;
color:d6bcbc;
text-align:center;
z-index:2;
margin-top:425px;
margin-left:425px;
text-shadow: 2px 2px 5px rgba(0, 0, 0, .75);
}

#CrownTable .line1, #CrownTable .line2, #CrownTable .line3, #CrownTable .line4, #CrownTable .line5  {
position:absolute;
z-index:1;
overflow:hidden;
}

#CrownTable .line1, #CrownTable .line2  {
width:0px;
}

#CrownTable .line1 {
height:200px;
border-left:2px dotted #000000;
margin-top:225px;
margin-left:470px;
}

#CrownTable .line2 {
height:175px;
border-left:2px solid #d6bcbc;
margin-top:250px;
margin-left:465px;
}

#CrownTable .line3, #CrownTable .line4, #CrownTable .line5  { height:0px; }

#CrownTable .line3 {
width:200PX;
border-top:1px dashed #000000;
margin-top:475px;
margin-left:230px;
}

#CrownTable .line4 {
width:165PX;
border-top:2px solid #d6bcbc;
margin-top:478px;
margin-left:270px;
}

#CrownTable .line5 {
width:180PX;
border-top:1px dotted #000000;
margin-top:483px;
margin-left:255px;
}


/* IMMT - Banner Image Table */

.vicbox {
width: 500px;
height: 300px;
margin: 0px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
overflow:hidden;
}

.vicbox .mask, .vicbox .content {
width: 500px;
height: 300px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
background-color: rgba(255,255,255,0.9);
opacity:0;
transition: all 0.3s ease-in 0.4s;
-webkit-transition: all 0.3s ease-in 0.4s;
-moz-transition: all 0.3s ease-in 0.4s;
-o-transition: all 0.3s ease-in 0.4s;
}

.vicbox:hover .mask {
opacity:1;
transition-delay: 0s;
}

.vicbox img {
width: 500px;
height: 300px;
overflow:hidden;
display: block;
position: relative;
transition: all 0.4s ease-in-out 0.5s;
-webkit-transition: all 0.4s ease-in-out 0.5s;
-moz-transition: all 0.4s ease-in-out 0.5s;
-o-transition: all 0.4s ease-in-out 0.5s;
}

.vicbox:hover img {
transition-delay: 0s;
}

.vicbox .h2, .vicbox h2 {
height:auto;
width:auto;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: ffffff;
text-align: center;
position: relative;
font-size: 23pt;
line-height:100%;
margin: 20px 10px 0px 10px;
padding: 5px;
letter-spacing: 0pt;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
opacity:0;
transform: scale(10);
transition: all 0.3s ease-in-out 0.1s;
-webkit-transition:all 0.3s ease-in-out 0.1s;
-moz-transition:all 0.3s ease-in-out 0.1s;
-o-transition: all 0.3s ease-in-out 0.1s;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
background: transparent;
}

.vicbox:hover .h2, .vicbox:hover h2 {
opacity: 1;
transform: scale(1);
transition-delay: 0.1s;
}

.vicbox .about  {
position: relative;
padding: 10px 5px 5px 5px;
margin:0px 10px;
text-align: left;
overflow:auto;
height:190px;
opacity:0;
transform: scale(10);
transition: all 0.3s ease-in-out 0.2s;
-webkit-transition:all 0.3s ease-in-out 0.2s;
-moz-transition:all 0.3s ease-in-out 0.2s;
-o-transition: all 0.3s ease-in-out 0.2s;
}

.vicbox:hover .about {
opacity:1;
transform: scale(1);
transition-delay: 0.2s;
}

.about .innie {
width:150px;
height:150px;
overflow:hidden;
float:left;
border:5px dashed #151515;
margin:0px 5px 5px 0px;
}


/* IMMT - Additional Tables */

#Additional {
width:500px;
height:110px;
overflow:hidden;
border-bottom:2px solid #d7d7d7;
-webkit-box-shadow: 0px 5px 0px 0px rgba(181, 181, 181, 0.75);
-moz-box-shadow:    0px 5px 0px 0px rgba(181, 181, 181, 0.75);
box-shadow:         0px 5px 0px 0px rgba(181, 181, 181, 0.75);
}

#Additional .title1, #Additional .title1, #Additional .pic, #Additional .pic2, #Additional .info {
transition:All .6s linear 0s;
-webkit-transition:All .6s linear 0s;
-moz-transition:All .6s linear 0s;
-o-transition:All .6s linear 0s;
}

#Additional .title1 {
z-index:7;
font-size:16pt;
width:480px;
height:30px;
line-height:30px;
color:000000;
text-align:right;
padding:60px 15px 10px 5px;
margin-top:0px;
margin-left:0px;
position:absolute;
display:block;
overflow:hidden;
font-family: 'Raleway', sans-serif;
text-transform:none;
letter-spacing:1pt;
}

#Additional:hover .title1 {
margin-left:-510px;
opacity:0;
overflow:hidden;
}

#Additional .title2 {
z-index:8;
font-size:6pt;
width:370px;
height:10px;
line-height:10px;
color:ebebeb;
text-align:left;
padding:2px 5px 2px 125px;
background-color:0f0f0f;
position:absolute;
margin-top:40px;
margin-left:0px;
display:block;
overflow:hidden;
text-transform:uppercase;
font-family: 'Raleway', sans-serif;
letter-spacing:3pt;
}

#Additional:hover .title2 {
margin-left:510px;
opacity:0;
transition:All .6s linear .6s;
-webkit-transition:All .6s linear .6s;
-moz-transition:All .6s linear .6s;
-o-transition:All .6s linear .6s;
}

#Additional  .pic, #Additional .pic2 {
z-index:9;
width:80px;
height:80px;
background-size:80px 80px;
position:absolute;
margin-top:10px;
margin-left:25px;
overflow:none;
border:5px solid #0f0f0f;
perspective: 800px;
perspective-origin: 50% 100px;
}

#Additional .pic {opacity:1;}
#Additional .pic2 {opacity:0;}


#Additional:hover .pic, #Additional:hover .pic2  {
margin-left:395px;
transition:All .6s linear 1.2s;
-webkit-transition:All .6s linear 1.2s;
-moz-transition:All .6s linear 1.2s;
-o-transition:All .6s linear 1.2s;
}

#Additional:hover .pic {opacity:0;transform:rotateX(180deg);}
#Additional:hover .pic2{opacity:1; transform:rotateX(360deg) }

#Additional .info {
opacity:0;
z-index:10;
font-size:16pt;
width:0px;
height:80px;
padding:5px;
margin-top:10px;
margin-left:25px;
position:absolute;
overflow:hidden;
background-color: ffffff;
}

.info p {}

#Additional:hover .info {
width:350px;
opacity:1;
overflow:auto;
transition:All .6s linear 1.2s;
-webkit-transition:All .6s linear 1.2s;
-moz-transition:All .6s linear 1.2s;
-o-transition:All .6s linear 1.2s;
}

.Deco {
background-image:url(http://i61.tinypic.com/2yvnsoy.jpg);
background-repeat:repeat;
width:auto;
height:10px;
overflow:hidden;
display:block;
}

/* IMMT - Extra Table */

#IMMTEXTRA {
width:490PX;
height:150px;
padding:5px;
overflow:auto;
}


/* Like to Meet  Tables */

/* Like to Meet Table 1 */

#LTM1 {
width:350px;
height:500px;
overflow:hidden;
}

#LTM1 .Default {
position:absolute;
margin:0px;
width:350px;
height:500px;
overflow:hidden;
opacity:1;
z-index:1;
background-size:350px 500px;
transition:All 1s ease 0s;
-webkit-transition:All 1s ease 0s;
-moz-transition:All 1s ease 0s;
-o-transition:All 1s ease 0s;
}

#LTM1:hover .default {
opacity:.2;
}

#LTM1 .innerbox {
position:absolute;
overflow:hidden;
opacity:0;
z-index:2;
width:275px;
height:380px;
padding:10px;
margin:0px 0px 0px 25px;
border:1px solid #c2b0ad;
background-color:e7e7e7;
outline:dashed;
outline-offset:-6px;
outline-width:1px;
-webkit-box-shadow: 4px 4px 2px 0px rgba(176, 176, 176, 0.75);
-moz-box-shadow:    4px 4px 2px 0px rgba(176, 176, 176, 0.75);
box-shadow:         4px 4px 2px 0px rgba(176, 176, 176, 0.75);
transition:All 1s linear 0s;
-webkit-transition:All 1s linear 0s;
-moz-transition:All 1s linear 0s;
-o-transition:All 1s linear 0s;
}

.innerbox .text {
width:255px;
height:360px;
margin:5px;
padding:5px;
overflow:auto;
text-align:left;
}

.innerbox .h1, .innerbox h1 {
margin-top:10px;
width:auto;
height:20px;
line-height:20px;
padding:5px;
text-align:center;
overflow:none;
font-family: 'Oswald', sans-serif;
color:efefef;
font-size:13pt;
background-color:000000;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
border-bottom:5px solid #000000;
outline:dashed;
outline-color:d6bcbc;
outline-offset:-3px;
outline-width:1px;
}

#LTM1:hover .innerbox {
overflow:auto;
opacity:1;
margin:50px 0px 0px 25px;
}


/* Like to Meet Table 2 */

#LTM2 {
width:350px;
height:380px;
overflow:hidden;
background-color:000000;
outline:solid;
outline-offset:-10px;
outline-width:5px;
outline-color:d6bcbc;
}

#LTM2 .title, .under .plus, .under .title2 {
position:absolute;
overflow:hidden;
display:block;
text-align:center;
text-transform:none;
color:ffffff;
font-family: 'Playfair Display SC', serif;
}

#LTM2 .title {
position:absolute;
margin-top:20px;
margin-left:25px;
width:290px;
height:29px;
overflow:hidden;
line-height:29px;
display:block;
text-align:center;
padding:5px;
font-size:20pt;
text-transform:none;
color:ffffff;
font-family: 'Playfair Display SC', serif;
border-bottom:1px solid #ffffff;
}

#LTM2 .about {
position:absolute;
margin-top:65px;
margin-left:25px;
color:ebebeb;
width:280PX;
height:240px;
padding:10px;
text-align:justify;
overflow:auto;
}

#LTM2 p {color:ebebeb; }

#LTM2 .about::-webkit-scrollbar-thumb {background-color:dbc2c2;}

#LTM2 .under {
position:absolute;
margin-top:330px;
margin-left:25px;
width:300px;
height:25px;
background-color:000000;
overflow:hidden;
}


#LTM2 .under, .under .plus {
transition:All .6s linear 0s;
-webkit-transition:All .6s linear 0s;
-moz-transition:All .6s linear 0s;
-o-transition:All .6s linear 0s;
}

#LTM2 .under:hover {
margin-top:25px;
height:330px;
}

#LTM2 .title, .under .title2 {
border-bottom:1px solid #ffffff;
}

#LTM2 .title {
margin-top:20px;
margin-left:25px;
width:290px;
height:29px;
line-height:29px;
padding:5px;
font-size:20pt;
}

.under .plus, .under .title2 {
margin-top:0px;
margin-left:0px;
width:290px;
padding:0px 5px;
font-size:15pt;
}

.under .plus {
height:25px;
line-height:25px;
opacity:1;
}

.under:hover .plus {opacity:0;}

.under .title2 {
height:24px;
line-height:24px;
opacity:0;
transition:All .6s linear .6s;
-webkit-transition:All .6s linear .6s;
-moz-transition:All .6s linear .6s;
-o-transition:All .6s linear .6s;
}

.under:hover .title2 {opacity:1;}

.under .about2 {
position:absolute;
margin-top:30px;
margin-left:0px;
width:280px;
height:280px;
padding:10px;
overflow:auto;
text-align:justify;
}

.under .about2::-webkit-scrollbar-thumb {background-color:dbc2c2;}


/* Like to Meet Table 3 */

#LTM3 {
width:350PX;
height:215px;
overflow:hidden;
}

#LTM3 .about {
background-color:efefef;
width:300px;
height:215px;
overflow:auto;
margin:0px 20px;
padding:0px 5px;
}

#toppx  {
margin:0px;
padding:0px;
height:140px;
width:350px;
}

#toppx .line {
background-color:000000;
position:absolute;
margin-top:65px;
margin-left:0px;
width:350px;
height:10px;
overflow:none;
}

#toppx .biggie {
position:absolute;
margin-top:15px;
margin-left:115px;
width:100px;
height:100px;
background-size:100px 100px;
overflow:none;
border:5px solid #000000;
}

#toppx .smallie1, #toppx .smallie2 {
position:absolute;
margin-top:30px;
width:70px;
height:70px;
background-size:70px 70px;
overflow:none;
border:5px solid #000000;
}

#toppx .smallie1 {margin-left:20px;}
#toppx .smallie2 {margin-left:240px;}

#bottom {
width:350PX;
height:85px;
overflow:hidden;
}

#bottom .line {
position:absolute;
margin-left:0px;
margin-top:42px;
width:350px;
height:2px;
background-image:url(http://i57.tinypic.com/28wgdh3.jpg);
background-repeat:repeat;
overflow:auto;
}

#bottom  .xmark1, #bottom .xmark2 {
position:absolute;
margin-left:163px;
margin-top:5px;
width:25px;
height:75px;
background-color:transparent;
}

#bottom .xmark1 {
background-image:url(http://i62.tinypic.com/5r478.jpg);
transform: rotate(45deg) ;
-webkit-transform: rotate(45deg) ;
-moz-transform: rotate(45deg) ;
-o-transform: rotate(45deg) ;
-ms-transform: rotate(45deg) ;
}

#bottom .xmark2{
background-image:url(http://i62.tinypic.com/5r478.jpg);
transform: rotate(135deg) ;
-webkit-transform: rotate(135deg) ;
-moz-transform: rotate(135deg) ;
-o-transform: rotate(135deg) ;
-ms-transform: rotate(135deg) ;
}


/* Like to Meet Connection Links Table */

#LK2MEETlinksTable {
background-color: 151515;
width:346px;
height:auto;
overflow:hidden;
border:2px solid #000000;
}

#LK2MEETlinksTable .left, #LK2MEETlinksTable .right {
width:48%;
overflow:auto;
height:95px;
margin-top:3px;
}

#LK2MEETlinksTable .left { float:left;}
#LK2MEETlinksTable .right { float:right; }

#LK2MEETlinksTable a {
background-color:151515;
color:ffffff;
font-size:7pt;
display:block;
text-align:center;
height:17px;
line-height:17px;
margin-bottom:2px;
font-family: 'Roboto Condensed', sans-serif;
outline:solid;
outline-color:d6bcbc;
outline-offset:-3px;
outline-width:1px;
text-transform;uppercase;
text-decoration:none;
letter-spacing:0pt;
transition:All .6s linear 0s;
-webkit-transition:All .6s linear 0s;
-moz-transition:All .6s linear 0s;
-o-transition:All .6s linear 0s;
border-width:0px 5px 0px 5px;
border-color:d6bcbc;
border-style:dashed;
}

#LK2MEETlinksTable a:hover {
background-color: d6bcbc;
color: fefefe;
border-color:fefefe;
text-decoration:line-through;
letter-spacing:2pt;
outline-color:fefefe;
}

/* Like to Meet Extra Table */

#LTMEXTRA {
width:340PX;
height:150px;
padding:5px;
overflow:auto;
}

/* Books Table - Top of Profile */

#ribbonBack, #ribbon, #photo {
position:fixed;
overflow:hidden;
background-color:d6bcbc;
z-index:5000;
visibility:visible;
}

#ribbonBack {
margin-top:0px;
width:120%;
height:20px;
}

#ribbon {
margin-left:-10px;
position:fixed;
margin-top:10px;
width:120%;
height:70px;
border-width:55px 0px 55px 0px;
border-color:232323;
border-style:solid;
outline:solid;
outline-offset:-10px;
outline-width:5px;
background-image:url(http://i61.tinypic.com/2yvnsoy.jpg);
}

#photo  {
top:0%;
left:50%;
width:150px;
height:150px;
background-size:150px 150px;
background-repeat:no-repeat;
margin-top:15px;
margin-left:-540px;
border:5px double #d6bcbc;
background-color:e6e6e6;
}

#photo .the411 {
position:absolute;
margin:0px;
background-color: rgba(255,255,255,0.9);
padding:15px;
width:120px;
height:120px;
overflow:auto;
z-index:2;
opacity:0;
transition:All .6s linear 0s;
-webkit-transition:All .6s linear 0s;
-moz-transition:All .6s linear 0s;
-o-transition:All .6s linear 0s;
}

#photo:hover .the411 { opacity:1; }

.the411 .strong, .the411 strong {
margin:10px 0px 0px 0px;
padding-bottom:3px;
border-bottom:1px solid #000000;
display:block;
}

#music {
visibility:visible;
position:fixed;
top:0%;
left:50%;
margin-top:150px;
margin-left:500px;
z-index:10000;
height:20px;
width:20px;
overflow:hidden;
background-image:url(http://oi61.tinypic.com/2cymogl.jpg);
background-repeat:no-repeat;
background-size:20px 20px;
transition:All 1s linear 0s;
-webkit-transition:All 1s linear 0s;
-moz-transition:All 1s linear 0s;
-o-transition:All 1s linear 0s;
}

#music embed, #music object {opacity:0;}
#music:hover embed, #music:hover object {opacity:1;}
#music:hover {width:200px; margin-left:320px;}


/* Heroes Table - Links */

@-moz-keyframes swing{
    0%{-moz-transform:rotate(-3deg)}
    50%{-moz-transform:rotate(3deg)}
    100%{-moz-transform:rotate(-3deg)}
}
@-webkit-keyframes swing{
    0%{-webkit-transform:rotate(-3deg)}
    50%{-webkit-transform:rotate(3deg)}
    100%{-webkit-transform:rotate(-3deg)}
}

#link1 {
width:150px;
height:300px;
padding:0px 5px;
margin-top:180px;
margin-left:-540px;
top:0%;
left:50%;
z-index:4;
position:fixed;
}

#link1 .bbb, #link1 .aaa, #link1 .ccc, #link1 .ddd {
width:15px;
background: transparent;
margin-left:5px;
position: relative;
float: left;
}

#link1 .aaa {
height:200px;
-moz-animation: 3s ease 0s normal none infinite swing;
-moz-transform-origin: center top;
-webkit-animation:swing 3s infinite ease-in-out;
-webkit-transform-origin:top;
}

#link1 .bbb {
height:220px;
-moz-animation: 4.5s ease 0s normal none infinite swing;
-moz-transform-origin: center top;
-webkit-animation:swing 4.5s infinite ease-in-out;
-webkit-transform-origin:top;
}

#link1 .ccc {
height:260px;
-moz-animation: 2.6s ease 0s normal none infinite swing;
-moz-transform-origin: center top;
-webkit-animation:swing 2.6s infinite ease-in-out;
-webkit-transform-origin:top;
}

#link1 .ddd {
height:190px;
-moz-animation: 1.8s ease 0s normal none infinite swing;
-moz-transform-origin: center top;
-webkit-animation:swing 1.8s infinite ease-in-out;
-webkit-transform-origin:top;
}

#link1:hover .bbb, #link1:hover .aaa, #link1:hover .ccc, #link1:hover .ddd {
-moz-animation: 0s ease 0s normal none ;
-moz-transform-origin: center top;
-webkit-animation:0s ease-in-out;
-webkit-transform-origin:top;
}

#Link1 .line {
height:100%;
width:5px;
margin-left:5px;
margin-top:0px;
background-image:url(http://i58.tinypic.com/2upzkwg.jpg);
background-repeat:repeat;
}

#Link1 .star {
height:15px;
width:15px;
margin-left:0px;
overflow:hidden;
}

.star a {
text-align:center;
color:eaeaea;
line-height:15px;
font-size:15px;
text-shadow: 0px 0px 10px rgba(255, 255, 255, .75);
display:block;
overflow:hidden;
text-transform:none;
text-decoration:none;
}


 .vicarious{ Hide Codes }
.profileInfo, .userProfileURL, .friendsComments, .blurbs, .blacktext12, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfiledetail,  .userAlbums, .whitetext12, .orangetext15, .lightbluetext8, .blacktext12, .navigationBar, tr#groups,  .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;}
.clearfix {display:none !important;position:absolute!important;}
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 code must remain at the top.  FULL tables below can be rearranged.

***Image Sizing Instructions***
This layout will code image sizes for you.  For the sake of simplicity you may make all photos 250px width by 250px height EXCEPT the 'default' photo in Like to Meet and the 'banner' size photo in Music. The tall 'default' image is 350px width by 500px height.  The 'banner' (Vicbox) image in Music is 500px width by 300px height.
</font>


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

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


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

<div id="LTM1">

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

<div class="innerbox"><div class="text">

<font class="h1">Legal & Physical</font>

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

<font class="h1">Personality</font>

<b>Type</b> Input Info
<br><b>Traits</b> Input Info
<br><b>Quirks</b> Input Info

<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

<font class="h1">Family & Relationships</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
<BR><b>STATUS:</b> Input info
<BR><b>ORIENTATION:</b> Input info
<BR><b>CURRENT:</b> Input info
<BR><b>FORMER:</b> Input info

<font class="h1">Education & Employment</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
<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></div></div>


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

<font class="h3">AIM:  ContactInfo</font>


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

<div id="LTM2">

<div class="title">Title Here</div>

<div class="about">

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

</div><div class="under">
<div class="plus">+</div>
<div class="title2">Something Here </div>
<div class="about2">

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

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


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

<div id="toppx"><div class="line"></div>

<div class="smallie1" style="background-image:url(http://i58.tinypic.com/24pxpcp.jpg);"></div>
<div class="biggie" style="background-image:url(http://i60.tinypic.com/14mc9zr.jpg);"></div>
<div class="smallie2" style="background-image:url(http://i59.tinypic.com/2z8pb10.jpg);"></div>

</div><div id="LTM3"><div class="about">

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

</div></div><div id="bottom"><div class="line"></div><div class="xmark2"></div><div class="xmark1"></div></div>


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

<div id="LK2MEETlinksTable"><div class="left">

<a href="/#">Connection Name</a>
<a href="/#">Connection Name</a>
<a href="/#">Connection Name</a>
<a href="/#">Connection Name</a>
<a href="/#">Connection Name</a>

</div><div class="right">

<a href="/#">Connection Name</a>
<a href="/#">Connection Name</a>
<a href="/#">Connection Name</a>
<a href="/#">Connection Name</a>
<a href="/#">Connection Name</a>

</div></div>


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

<div id="LTMEXTRA">

<p>This is an extra table.
<em>Emphasized</em>
<b>Bold</b>
<i>Italics</i>
<font class="u">underline</font>
<font class="strike">strike</font>
<font class="strong">strong</font>

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

</div>


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

<div id="LTMEXTRA">

<p>This is an extra table.
<em>Emphasized</em>
<b>Bold</b>
<i>Italics</i>
<font class="u">underline</font>
<font class="strike">strike</font>
<font class="strong">strong</font>

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

</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 code must remain at the top.  FULL tables below can be rearranged.
</font>

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

<div id="CrownTable">

<div class="title">A Little Something Here</div>

<div class="about">

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.


</div><div class="circle">♚</div>

<div class="line1"></div><div class="line2"></div><div class="line3"></div><div class="line4"></div><div class="line5"></div></div>


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

<font class="h1">A little something here</font>



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

<div class="vicbox">

<img src="http://i59.tinypic.com/33oi71s.jpg">

<div class="mask">

<font class="h2">Title</font>

<div class="about">

<p><img class="innie" src="http://i59.tinypic.com/2h83504.jpg">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

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


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

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

<font class="h2">▪ Before Anyone Else ▪</font>


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

<div id="Additional">

<div class="title1">Connection One</div>
<div class="title2">Short Quote</div>

<div class="pic" style="background-image:url(http://i62.tinypic.com/mbs3lt.jpg);"></div>

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

<div class="info">

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

</div></div><div class="deco"></div>


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


<div id="Additional">

<div class="title1">Connection Two</div>
<div class="title2">Short Quote</div>


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

<div class="pic2" style="background-image:url(http://i62.tinypic.com/mbs3lt.jpg);"></div>


<div class="info">

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

</div></div><div class="deco"></div>


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

<div id="Additional">

<div class="title1">Connection Three</div>
<div class="title2">Short Quote</div>

<div class="pic" style="background-image:url(http://i62.tinypic.com/mbs3lt.jpg);"></div>

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

<div class="info">

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

</div></div><div class="deco"></div>



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


<div id="Additional">

<div class="title1">Connection Four</div>
<div class="title2">Short Quote</div>


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

<div class="pic2" style="background-image:url(http://i62.tinypic.com/mbs3lt.jpg);"></div>


<div class="info">

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

</div></div><div class="deco"></div>



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

<div id="Additional">

<div class="title1">Connection Five</div>
<div class="title2">Short Quote</div>

<div class="pic" style="background-image:url(http://i62.tinypic.com/mbs3lt.jpg);"></div>

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

<div class="info">

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

</div></div><div class="deco"></div>


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

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

<div id="IMMTEXTRA">

<p>This is an extra table.
<em>Emphasized</em>
<b>Bold</b>
<i>Italics</i>
<font class="u">underline</font>
<font class="strike">strike</font>
<font class="strong">strong</font>

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

</div>


-----------------------------Television--------------------------------

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

<div id="IMMTEXTRA">

<p>This is an extra table.
<em>Emphasized</em>
<b>Bold</b>
<i>Italics</i>
<font class="u">underline</font>
<font class="strike">strike</font>
<font class="strong">strong</font>

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

</div>

-----------------------------BOOKS--------------------------------

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

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

<div id="ribbonBack"></div><div id="ribbon"></div>


<div id="photo" style="background-image:url(http://i57.tinypic.com/hu26q0.jpg);">

<div class="the411">

<Strong>Verses</strong>
Verse, Verse, Verse, Verse

<Strong>Writing Style</strong>
Multi-para to Novella

<Strong>Dues</strong>
S:0 | C:0 | M:0

</div></div><div id="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="#232323" />
<param name="wmode" value="opaque" />
    <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/guhgarxky7/CH_NS.mp3&autoplay=1&bgcolor=232323&loadingcolor=e6e6e6&buttoncolor=e6e6e6&slidercolor=e6e6e6" />
</object>

</div>


<font class="cite">You will note a line of code that starts with param name="wmode" above.  The normal player that you add from mp3.flash does not contain this.  If you are replacing the full player, make sure to add it into your code.  Firefox can be buggy with flash players. This will keep it hidden until it's hovered over.</font>



-----------------------------HEROES--------------------------------
</td></tr></table></td></tr></table><table><tr><td valign="top" align="center"><table><tr><td>
<div id="link1">

<div class="aaa"><div class="line"></div><div class="star">

<a title="Home" href="/logincomplete.php">✮</a>


</div></div><div class="bbb"><div class="line"></div><div class="star">

<a title="Add" href="/invite_friend.php?friend_id=xxxxxx">✵</a>


</div></div><div class="ccc"><div class="line"></div><div class="star">

<a title="Message" href="/send_message.php?member_id=xxxxxx">✶</a>


</div></div><div class="ddd"><div class="line"></div><div class="star">

<a title="Comment" href="/add_testimonial.php?member_id=xxxxxx">✤</a>


</div></div><div class="aaa"><div class="line"></div><div class="star">

<a title="Photos" href="/gallery.php?member_id=xxxxxx">❋</a>


</div></div><div class="bbb"><div class="line"></div><div class="star">

<a title="Blogs" href="/view_member_blog.php?member_id=xxxxxx">✵</a>


</div></div><div class="ccc"><div class="line"></div><div class="star">

<a title="Extra" href="/#">✹</a>


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