Layout 147

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

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

IMAGE SIZES:

Image sizes are located in 'Television'
 ............................

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,800,100,200,300,500,600,700,900|Josefin+Sans|Oswald:300,400,700|Six+Caps|Dynalight|Great+Vibes|Tangerine:400,700|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-image:url(http://i58.tinypic.com/2ziy2yt.jpg);
background-color:5a5862;
background-repeat:repeat;
background-attachment:fixed;
background-position:center center;
}

table, tr, td { background-color:transparent; border:0px; padding:0px; margin:0px; }

.vicinterests_table, .viclike2meet_table  {
visibility:visible;
z-index:2;
position:absolute;
top:0%;
left:50%;
border:0px;
margin-top:5px;
height:auto;
display:inline-block;
padding:0px;
}

.vicinterests_table{ width:300px; height:auto; margin-left:-205px;  }
.vicinterests_table tr { }
.vicinterests_table td { margin:0px; max-width:300px;  }

.viclike2meet_table { width:500px; height:auto;  margin-left:102px;  }
.viclike2meet_table tr { }
.viclike2meet_table td { margin:0px; max-width:500px;   }

.vic_table {
width:100%;
margin-bottom:4px;
border:0px solid #090809;
background-color:514f58;
overflow:hidden;
display:block;
-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

.vic_table tr { }
.vic_table td { width:100%;  }

 .vicarious{ Google Chrome Scrollbar }
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {border: 1px solid #1b1a1d;background-color:transparent;}
::-webkit-scrollbar-thumb {border: 4px double #bdbcc0; background-color:36343a; -moz-border-radius-topright: 90px;-webkit-border-top-right-radius: 90px;border-top-right-radius: 90px;-moz-border-radius-bottomleft: 90px;-webkit-border-bottom-left-radius: 90px;border-bottom-left-radius: 90px;}

.vicarious { General Text }

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

p {
text-align:justify;
margin-top: 5px;
text-indent:10px;
word-wrap: break-word;
}

p::first-line {  }
p::first-letter {   }

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

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

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

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

.strong, strong {
font-family: "Oswald", Helvetica, sans-serif;
font-size: 9pt;
text-transform:uppercase;
color: cdcccf;
line-height:110%;
}

em {
font-family: 'Tangerine', cursive;
font-weight:700;
font-size:16pt;
color: dedddf;
}

.vicarious { Headers }

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .h7, h7, .h8, h8, .h9, h9, .h10, h10, .h11, h11, .h12, h12, .h13, h13, .h14, h14, .h15, h15, .one, one, .two, two, .three, three, .blockquote, blockquote {
margin:0px;
padding:0px;
display:block;
text-transform:none;
line-height:100%;
}

.h1, h1 {
font-family: 'Josefin Sans', sans-serif;
text-align:center;
padding:5px;
font-size:40pt;
color:acabb0;
text-transform:uppercase;
}

.h2, h2 {
font-family: 'Tangerine', cursive;
text-align:right;
padding:5px;
font-size:15pt;
color:7a7981;
background-color:37363d;
border-top:2px solid #303033;
}


.h3, h3 {}

.h4, h4 {
font-family: 'Josefin Sans', sans-serif;
text-align:center;
padding:5px;
font-size:30pt;
color:acabb0;
text-transform:uppercase;
border-bottom:2px solid #d7d6d9;
}

.h7, h7 {
margin:31px 0px 31px 0px;
padding:2px;
font-family: "Oswald", Helvetica, sans-serif;
font-size:22px;
height:22px;
line-height: 22px;
text-align: center;
background-color:090809;
color:cdcccf;
text-transform:uppercase;
}


.h13, h13 {
padding: 5px;
font-family: 'Great Vibes', cursive;
letter-spacing: 0pt ;
font-size:16pt;
line-height: 90%;
text-align:right;
color:514f58;
border-bottom:2px solid #4e4c55;
}


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

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

.vicarious { Divs }

/* Divider */

#wood {
visibility:visible;
z-index:2;
position:fixed;
top:0%;
left:50%;
border:0px;
margin-top:0px;
margin-left:-290px;
padding:0px;
background-image:url(http://i61.tinypic.com/15wjtw2.jpg);
background-repeat:repeat-y;
background-position:top center;
width:70px;
height:100%;
-webkit-box-shadow: 10px 2px 12px 0px rgba(0, 0, 0, 0.68);
-moz-box-shadow:    10px 2px 12px 0px rgba(0, 0, 0, 0.68);
box-shadow:         10px 2px 12px 0px rgba(0, 0, 0, 0.68);
}

/* Subtract Wallpaper */

#back {
visibility:visible;
z-index:1;
position:fixed;
top:0%;
left:50%;
border:0px;
margin-top:0px;
margin-left:-290px;
padding:0px;
background-color:514f58;
width:100%;
height:100%;
}

/* Decotitle */

.decoTitle {
background-image:url(http://i57.tinypic.com/bff2v7.jpg);
background-position:center center;
background-repeat:no-repeat;
margin:0px;
padding:0px;
width:300px;
height:88px;
overflow:hidden;
}

/* Sidebar */

#sidebar, #sidebar .frame, #sidebar .decoTitle-sidebar, #sidebar .box, #sidebar .linx, #sidebar .music {
-webkit-transition: all 0.6s ease-in-out 0s;
-moz-transition: all  0.6s ease-in-out 0s;
-ms-transition: all  0.6s ease-in-out 0s;
-o-transition: all  0.6s ease-in-out 0s;
transition: all  0.6s ease-in-out 0s;
}

#sidebar:hover, #sidebar:hover .decoTitle-sidebar, #sidebar:hover .box, #sidebar:hover .linx, #sidebar:hover .music {
-webkit-transition: all 0.6s ease-in-out .6s;
-moz-transition: all  0.6s ease-in-out .6s;
-ms-transition: all  0.6s ease-in-out .6s;
-o-transition: all  0.6s ease-in-out .6s;
transition: all  0.6s ease-in-out .6s;
}

#sidebar {
visibility:visible;
z-index:2;
position:fixed;
top:0%;
left:50%;
border:0px;
margin-top:0px;
margin-left:-605px;
background-color:transparent;
padding:0px;
width:300px;
height:100%;
}

#sidebar:hover {
background-color:37363f;
}

#sidebar .frame {
z-index:2;
position:absolute;
margin-top:50px;
margin-left:0px;
width:300px;
height:300px;
opacity:1;
}

#sidebar:hover .frame {
opacity:0;
}

.frame img {
position:absolute;
margin-top:36px;
margin-left:36px;
width:228px;
height:228px;
}

#sidebar .decoTitle-sidebar {
position:absolute;
margin-top:20px;
margin-left:0px;
opacity:0;
}

#sidebar:hover .decoTitle-sidebar {
opacity:1;
}

#sidebar .box {
z-index:3;
position:absolute;
margin-top:110px;
margin-left:25px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width:242px;
height:242px;
background-color:6a6871;
border:4px double #090809;
overflow:hidden;
opacity:0;
}

#sidebar:hover .box {
opacity:1;
}

#sidebar .inner {
padding:5px;
width:232px;
height:232px;
overflow:auto;
text-align:center;
}

#sidebar big {
display:block;
margin:20px 5px 10px 5px;
padding:2px;
line-height:30%;
font-size:14pt;
background-color:514f58;
color:acabb0;
text-transform:uppercase;
text-align:center;
font-family: "Oswald", Helvetica, sans-serif;
}

#sidebar .music {
z-index:3;
position:absolute;
margin-top:440px;
margin-left:0px;
width:300px;
height:20px;
text-align:center;
opacity:0;
}

#sidebar:hover .music {
opacity:1;
}

#sidebar .linx {
z-index:3;
position:absolute;
margin-top:380px;
margin-left:0px;
width:300px;
height:60px;
text-align:center;
opacity:0;
}

#sidebar:hover .linx {
opacity:1;
}

#sidebar a {
background-image:url(http://i59.tinypic.com/t9e9gk.jpg);
background-repeat:repeat;
background-position:center center;
display:inline-block;
padding:0px;
-webkit-border-radius: 360px;
-moz-border-radius: 360px;
border-radius: 360px;
background-color:7a7981;
-webkit-animation: spin 10s infinite linear;
-moz-animation: spin 10s infinite linear;
-ms-transition: spin 10s infinite linear;
-o-transition: spin 10s infinite linear;
animation: spin 10s infinite linear;
-webkit-transition: background-color 0.6s ease-in-out .6s;
-moz-transition: background-color  0.6s ease-in-out .6s;
-ms-transition: background-color  0.6s ease-in-out .6s;
-o-transition: background-color 0.6s ease-in-out .6s;
transition: background-color  0.6s ease-in-out .6s;
-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.75);

}

#sidebar a.LK1 {
background-size:20px 20px;
width:20px;
height:20px;
margin:12.5px 5px;
}

#sidebar a.LK2 {
background-size:25px 25px;
width:25px;
height:25px;
margin:10px 5px;
}

#sidebar a.LK3 {
background-size:30px 30px;
width:30px;
height:30px;
margin:7.5px 5px;
}

#sidebar a.LK4 {
background-size:35px 35px;
width:35px;
height:35px;
margin:5px;
}

#sidebar a.LK1:Hover,
#sidebar a.LK2:Hover,
#sidebar a.LK3:hover,
#sidebar a.LK4:hover {
background-size:15px 15px;
width:35px;
height:35px;
margin:5px;
}

#sidebar a:hover {
background-color:514f58;
-webkit-transition: all 0.6s ease-in-out .6s;
-moz-transition: all 0.6s ease-in-out .6s;
-ms-transition:all 0.6s ease-in-out .6s;
-o-transition: all 0.6s ease-in-out .6s;
transition: all 0.6s ease-in-out .6s;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}



/* Name Table */

#namebox {
width:500px;
height:160px;
overflow:hidden;
background-image:url(http://i57.tinypic.com/zl6rk4.jpg);
background-repeat:repeat;
background-position:center center;
background-color:514f58;
border-top:15px solid #6a6871;
border-bottom:15px solid #6a6871;
}

.pearla, .pearlb {
position:absolute;
background-color:eeeeef;
border:4px double #dedddf;
margin-top:60px;
width:32px;
height:32px;
-webkit-border-radius: 360px;
-moz-border-radius: 360px;
border-radius: 360px;
-webkit-box-shadow: inset 1px 0px 22px -2px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    inset 1px 0px 22px -2px rgba(50, 50, 50, 0.75);
box-shadow:         inset 1px 0px 22px -2px rgba(50, 50, 50, 0.75);
}

.pearla { margin-left:20px; }
.pearlb { margin-left:440px; }

.nameplate {
position:absolute;
margin-top:5px;
margin-left:80px;
width:340px;
height:150px;
background-image:url(http://i57.tinypic.com/29xhnc6.jpg);
background-repeat:no-repeat;
background-position:center center;
}

.nameplate .h6 {
padding:5px;
display:block;
margin-top:50px;
text-align:center;
font-size: 30px;
height:40px;
line-height:40px;
-webkit-box-shadow: inset 1px 0px 22px -2px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    inset 1px 0px 22px -2px rgba(50, 50, 50, 0.75);
box-shadow:         inset 1px 0px 22px -2px rgba(50, 50, 50, 0.75);
background-color:eeeeef;
font-family: 'Great Vibes', cursive;
color:acabb0;
}

/* Side by Side Pic/Text Table */

#L2Mbox {
width:500px;
height:310px;
overflow:hidden;
}

#L2Mbox img {
position:absolute;
margin-top:5px;
margin-left:295px;
width:200px;
height:300px;
overflow:hidden;
}

#L2Mbox .textbox {
position:absolute;
margin-top:60px;
margin-left:5px;
padding:5px;
width:267px;
height:227px;
overflow:auto;
background-color:6a6871;
border:4px double #090809;
}

#L2Mbox .titles {
position:absolute;
margin-top:5px;
margin-left:5px;
height:47px;
width: 278px;
overflow:hidden;
background-color:6a6871;
border:4px double #090809;
}

#L2Mbox .one {
text-align:center;
margin:0px;
padding:2px 5px;
color:acabb0;
font-size:16px;
height:16px;
line-height:16px;
letter-spacing:3pt;
font-family: 'Raleway', sans-serif;
text-transform:uppercase;
}

#L2Mbox .two {
text-align:center;
margin:0px;
padding:2px 5px;
background-color:090809;
color:cdcccf;
font-size:11px;
height:11px;
line-height:11px;
letter-spacing:2pt;
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
}

#L2Mbox .three {
text-align:center;
margin:0px;
padding:2px 5px;
color:acabb0;
font-size:8px;
height:8px;
line-height:8px;
letter-spacing:2pt;
font-family: 'Six Caps', sans-serif;
text-transform:uppercase;
}

/* 3 Vol. Table */

#tales {
height:248px;
width:500px;
overflow:hidden;
}

.sider {
position:absolute;
margin-top:15px;
height:200px;
width:205px;
padding:5px;
text-align:justify;
background-color:6a6871;
border:4px double #090809;
}

.sider-xxx, .sider-yyy, .sider-zzz  {
z-index:3;
overflow-x:hidden;
overflow-y:auto;
-webkit-transition: all 0.6s linear .6s;
-moz-transition: all  0.6s linear .6s;
-ms-transition: all  0.6s linear .6s;
-o-transition: all  0.6s linear .6s;
transition: all  0.6s linear .6s;
}

.sider-xxx {margin-left:15px;}
.sider-yyy {margin-left:262px;}
.sider-zzz {margin-left: 138.5px;}

.sider-xxx:hover, .sider-yyy:hover, .sider-zzz:hover {
z-index:4;
width:452px;
margin-left:15px;
-webkit-transition: all 0.6s linear .6s;
-moz-transition: all  0.6s linear .6s;
-ms-transition: all  0.6s linear .6s;
-o-transition: all  0.6s linear .6s;
transition: all  0.6s linear .6s;
}

.sider .title {
padding:0px;
margin:0px;
height:50px;
width:195px;
display:block;
text-align:center;
overflow:hidden;
-moz-border-radius-bottomright: 90px;
-webkit-border-bottom-right-radius: 90px;
border-bottom-right-radius: 90px;
-moz-border-radius-bottomleft: 90px;
-webkit-border-bottom-left-radius: 90px;
border-bottom-left-radius: 90px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.75);
background-image:url(http://i58.tinypic.com/2ziy2yt.jpg);
background-color:5a5862;
background-repeat:repeat;
background-position:center center;
background-size:250px 135px;
-webkit-transition: all .6s linear .6s;
-moz-transition: all  .6s linear .6s;
-ms-transition: all .6s linear .6s;
-o-transition: all  .6s linear .6s;
transition: all  .6s linear .6s;
}

.sider-xxx:hover .title, .sider-yyy:hover .title, .sider-zzz:hover .title {
width:430px;
margin-left:11px;
-webkit-transition: all 0.6s linear .6s;
-moz-transition: all  0.6s linear .6s;
-ms-transition: all  0.6s linear .6s;
-o-transition: all  0.6s linear .6s;
transition: all  0.6s linear .6s;
}

.sider small, .sider big {
display:block;
position:absolute;
padding:5px 0px;
margin-top:10px;
margin-left:5px;
width:185px;
line-height:20px;
font-size:12pt;
text-align:center;
text-transform:uppercase;
color:bdbcc0;
background-color:090809;
-moz-border-radius-bottomright: 90px;
-webkit-border-bottom-right-radius: 90px;
border-bottom-right-radius: 90px;
-moz-border-radius-bottomleft: 90px;
-webkit-border-bottom-left-radius: 90px;
border-bottom-left-radius: 90px;
}


.sider small, .sider-xxx:hover small, .sider-yyy:hover small, .sider-zzz:hover small, .sider big, .sider-xxx:hover big, .sider-yyy:hover big, .sider-zzz:hover big  {
-webkit-transition: all .6s linear .6s;
-moz-transition: all  .6s linear .6s;
-ms-transition: all .6s linear .6s;
-o-transition: all  .6s linear .6s;
transition: all  .6s linear .6s;
}

.sider small {opacity:1; }
.sider-xxx:hover small, .sider-yyy:hover small, .sider-zzz:hover small {opacity:0; }

.sider big {opacity:0; }
.sider-xxx:hover big, .sider-yyy:hover big, .sider-zzz:hover big  {opacity:1; width:420px; }


/* About Table */

.about {
margin:15px;
padding:5px;
width:452px;
height:136px;
text-align:justify;
overflow:auto;
background-color:6a6871;
border:4px double #090809;
}

.wallpBack {
border-top:5px solid #242327;
border-bottom:5px solid #242327;
height:15px;
width:500px;
overflow:hidden;
margin:5px 0px;
background-image:url(http://i58.tinypic.com/2ziy2yt.jpg);
background-color:5a5862;
background-repeat:repeat;
background-position:center center;
background-size:250px 135px;
}

.img1 { margin:5px 0px 15px 0px; }


/* Stats Table */

.stats {
margin:10px;
width:272px;
height:232px;
overflow:hidden;
text-align:justify;
background-color:6a6871;
border:4px double#090809;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.stats .inner {
padding:5px;
width:262px;
height:222px;
overflow:auto;
}


.decoTitle-stats {
background-image:url(http://i57.tinypic.com/bff2v7.jpg);
background-position:center center;
background-repeat:no-repeat;
margin:10px 0px 5px 0px;
width:300px;
height:88px;
overflow:hidden;
}

/* Connections Table - 9 pics */

.conns {
width:300px;
height:300px;
overflow:hidden;
background-color:d9d8df;
}

.conns img {
float:left;
overflow:hidden;
margin:0px 5px 0px 0px;
width:80px;
height:80px;
border:5px solid #37363f;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all  0.2s ease-in-out;
-ms-transition: all  0.2s ease-in-out;
-o-transition: all  0.2s ease-in-out;
transition: all  0.2s ease-in-out;
}

.conn1:hover img, .conn2:hover img, .conn3:hover img, .conn4:hover img, .conn5:hover img, .conn6:hover img, .conn7:hover img, .conn8:hover img, .conn9:hover img {
width:50px;
height:50px;
border:20px solid #1b1a1d;
-webkit-border-radius: 360px;
-moz-border-radius: 360px;
border-radius: 360px;
-webkit-transition: all 0.6s ease-in-out .6s;
-moz-transition: all  0.6s ease-in-out .6s;
-ms-transition: all  0.6s ease-in-out .6s;
-o-transition: all  0.6s ease-in-out .6s;
transition: all  0.6s ease-in-out .6s;
}

.conns .info {
float:right;
margin:0px 0px 0px 5px;
padding:5px;
width:175px;
height:80px;
overflow:hidden;
background-color:d9d8df;
opacity:0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all  0.2s ease-in-out;
-ms-transition: all  0.2s ease-in-out;
-o-transition: all  0.2s ease-in-out;
transition: all  0.2s ease-in-out;
}

.conn1:hover .info, .conn2:hover .info, .conn3:hover .info, .conn4:hover .info, .conn5:hover .info, .conn6:hover .info, .conn7:hover .info, .conn8:hover .info, .conn9:hover .info {
opacity:1;
overflow:auto;
-webkit-transition: all 0.6s ease-in-out 1.2s;
-moz-transition: all  0.6s ease-in-out 1.2s;
-ms-transition: all  0.6s ease-in-out 1.2s;
-o-transition: all  0.6s ease-in-out 1.2s;
transition: all  0.6s ease-in-out 1.2s;
}

.conn1, .conn2, .conn3, .conn4, .conn5, .conn6, .conn7, .conn8, .conn9 {
background-color:d9d8df;
position:absolute;
margin-top: 7.5px;
width:90px;
height:90px;
overflow:hidden;
z-index:2;
-webkit-transition: all 0.2s linear;
-moz-transition: all  0.2s linear;
-ms-transition: all  0.2s linear;
-o-transition: all  0.2s linear;
transition: all  0.2s linear;
}

.conn1, .conn2, .conn3 {margin-top: 7.5px;}
.conn4, .conn5, .conn6 {margin-top: 105px;}
.conn7, .conn8, .conn9 {margin-top: 202.5px;}
.conn1, .conn4, .conn7 { margin-left: 7.5px; }
.conn2, .conn5, .conn8 { margin-left: 105px; }
.conn3, .conn6, .conn9 { margin-left: 202.5px;}

.conn1:hover, .conn2:hover, .conn3:hover, .conn4:hover, .conn5:hover, .conn6:hover, .conn7:hover, .conn8:hover, .conn9:hover {
width:285px;
z-index:3;
-webkit-transition: all 0.6s linear;
-moz-transition: all  0.6s linear;
-ms-transition: all  0.6s linear;
-o-transition: all  0.6s linear;
transition: all  0.6s linear;
}

.conn2:hover, .conn3:hover, .conn5:hover, .conn6:hover, .conn8:hover, .conn9:hover { margin-left: 7.5px; }

 .vicarious{ Hide Codes }
.profileInfo, .userProfileURL, .friendsComments, .blurbs, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfiledetail,  .userAlbums, .whitetext12, .orangetext15, .lightbluetext8, .blacktext12, .navigationBar, .btext, .redlink, .redtext, .blacktext10,  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></td></tr></table><table cellspacing="0" cellpadding="0" class="viclike2meet_table"><tr><td valign="top"><table cellspacing="0" cellpadding="0"  style="width:500px;"><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" cellspacing="0" cellpadding="0"><tr><td>

<div id="namebox"><div class="pearla"></div>

<div class="nameplate">
<font class="h6">Miss Vanessa Ives</font>

</div><div class="pearlb"></div></div>


</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>

<img src="http://i57.tinypic.com/2rc32wm.jpg">


</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>

<font class="h1">Penny Dreadful</font>

</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>
<div id="tales">

<div class="sider sider-xxx">
<div class="title">
<small>Vol. 2</small>
<big>Vol. 2 Secondary Title</big>
</div>

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


</div>

<div class="sider sider-yyy">
<div class="title">
<small>Vol. 3</small>
<big>Vol. 3 Secondary Title</big>
</div>

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


</div>


<div class="sider sider-zzz">
<div class="title">
<small>Vol. 1</small>
<big>Vol. 1 Secondary Title</big>
</div>

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


</div></div>


</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>

<img src="http://i61.tinypic.com/2uh7dky.jpg">

</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>


<div class="wallpback"></div>

<font class="h4">Title Here</font>
<font class="h2">A little quote goes here</font>

</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>


<div class="about">

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

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

</div>

<center><img class="img1" src="http://i60.tinypic.com/14eazkg.jpg"></center>



</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>


<div id="L2Mbox">

<img src="http://i58.tinypic.com/10pnejp.jpg">

<div class="titles">
<font class="one">Title One</font>
<font class="two">Title Two</font>
<font class="three">Quote goes here</font>
</div>

<div class="textbox">

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

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


</div></div>


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

 </td></tr></table></td></tr></table></td></tr></table><table class="vicinterests_table" cellspacing="0" cellpadding="0"><tr><td valign="top" padding="0"><table cellspacing="0" cellpadding="0"  style="width:300px;"><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" cellspacing="0" cellpadding="0"><tr><td>

<img src="http://i62.tinypic.com/59y0yx.jpg">

</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>

<div class="decoTitle">
<font class="h7">Personality</font>
</div>

<div class="stats"><div class="inner">

<p>Personality details go here.  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>

<center><img class="img1" src="http://i61.tinypic.com/akh9v7.jpg"></center>



</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>

<img src="http://i57.tinypic.com/j7vzih.jpg">



</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>

<div class="decoTitle decoTitle-stats">
<font class="h7">Details</font>
</div>

<div class="stats"><div class="inner">
<font class="strong">Legal</font>
<B>Name:</B> Input Info
<B>Nicknames:</B> Input Info
<B>Aliases:</B> Input Info
<B>Date Of Birth:</B> Input Info
<B>Place Of Birth:</B> Input Info
<B>Current Residence:</B> Input Info

<font class="strong">Physical</Font>
<B>Ethnicity:</B> Input Info
<B>Hair Color:</B> Input Info
<B>Eye Color:</B> Input Info
<B>Height:</B> Input Info
<B>Weight:</B> Input Info
<B>Birthmarks/Scars:</B> Input Info

<font class="strong">Family</Font>
<B>Mother:</B> Input Info
<B>Father:</B> Input Info
<B>Sister(S):</B> Input Info
<B>Brother(S):</B> Input Info
<B>Other Family:</B> Input Info

<font class="strong">Relationships</Font>
<B>Sexual Orientation:</B> Input Info
<B>Relationship Status:</B> Input Info
<B>Current Relationship(S):</B> Input Info
<B>Past Relationship(S):</B> Input Info

<font class="strong">Education</Font>
<B>High School</B> Input Info
<B>College</B> Input Info
<B>Major</B> Input Info
<B>Degree</B> Input Info

<font class="strong">Employment</Font>
<B>Occupation:</B> Input Info
<B>Job Description:</B> Input Info
<B>Employer:</B> Input Info
<B>Skillset:</B> Input Info

</div></div>

<center><img class="img1" src="http://i61.tinypic.com/akh9v7.jpg"></center>

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


</td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0"><tr><td>

<div class="conns"><div class="conn1">

<img src="http://i61.tinypic.com/2eoxqqd.jpg">

<div class="info">

<font class="h13">Connection Name</font>
<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.


</div></div><div class="conn2">

<img src="http://i62.tinypic.com/287fa85.jpg">

<div class="info">

<font class="h13">Connection Name</font>
<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.

</div></div><div class="conn3">

<img src="http://i59.tinypic.com/6ris6h.jpg">

<div class="info">

<font class="h13">Connection Name</font>
<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.

</div></div><div class="conn4">

<img src="http://i57.tinypic.com/14sk1eb.jpg">

<div class="info">

<font class="h13">Connection Name</font>
<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.

</div></div><div class="conn5">

<img src="http://i58.tinypic.com/ilvbmg.jpg">

<div class="info">

<font class="h13">Connection Name</font>
<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.


</div></div><div class="conn6">

<img src="http://i58.tinypic.com/53nxpx.jpg">

<div class="info">

<font class="h13">Connection Name</font>
<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.

</div></div><div class="conn7">

<img src="http://i62.tinypic.com/2nktfrc.jpg">

<div class="info">

<font class="h13">Connection Name</font>

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

</div></div><div class="conn8">

<img src="http://i60.tinypic.com/29atg9j.jpg">

<div class="info">

<font class="h13">Connection Name</font>
<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.


</div></div><div class="conn9">

<img src="http://i60.tinypic.com/29atg9j.jpg">

<div class="info">

<font class="h13">Connection Name</font>
<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.


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




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


</td></tr></table></td></tr></table><table cellspacing="0" cellpadding="0"><tr><td valign="top" align="center"><table cellspacing="0" cellpadding="0"><tr><td>

<div id="back"></div><div id="wood"></div> <div id="sidebar">

<div class="frame" style="background-image:url(http://i59.tinypic.com/v5igb9.jpg);">
<img src="http://i61.tinypic.com/t4vbio.jpg">

<font class="cite">

The background-image above is a silver frame.  The img src=.. is the actual image of Eva (228px x 228px).  Leave the background-image frame and add your image into the img src= spot instead.

If you want to omit the frame entirely and just have a photo, you can delete the img src= section and put a 300px x 300px image in the background-image url section instead.

</font>
</div>


<div class="decoTitle decoTitle-sidebar">
<font class="h7">Details</font>
</div>

<div class="box">
<div class="inner">

<big>Verses</big>

Verse - Verse - Verse - Verse

<big>Writing Style</big>

Multi-paragraphs to Novella

<big>Dues</big>
Starters (0) Comments (0) Messages (0)

<big>Contact</big>

AOL:  CONTACT INFO


</div></div><div class="linx">

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

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

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

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

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

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

<a class="lk1" title="Extra" href="/#"></a>


</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="#37363f" />
<param name="wmode" value="opaque" />
    <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/pn6r7nnk1m/PD.mp3&autoplay=1&bgcolor=37363f&loadingcolor=6a6871&buttoncolor=6a6871&slidercolor=6a6871" />
</object>
<font class="cite">You will note a line of code that starts with param name="wmode" above.  The normal player that you add from flash-mp3-player.net 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. The extra code will keep it hidden until the sidebar has been hovered over.</font>

</div></div>




-----------------------------Television-------------------------------
<font class="cite">

PHOTO DIMENSIONS

Sidebar image (inside frame) = 228px width x 228px height

Interests (Left side of profile)
Top to bottom
300px width x 350px height (height doesn't matter)
300px width x 200px height (height doesn't matter)
9 connection pics = 80px width x 80px height


Like to Meet (Right side of profile)
Top to bottom
500px width x 300px height (height doesn't matter)
500px width x 150px height (height doesn't matter)
200px width x 300px height
</font>