saeva

<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700|Oswald:300,400,700|Dynalight|Tangerine:400,700);

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

.vicarious { Structure }
body {
width:100%;
height:100%;
background-color: 191919;
background-image:url();
background-repeat:repeat;
background-attachment:fixed;
background-position:center center;
}

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

.vic-LEFT-SIDE_table, .vic-RIGHT-SIDE_table  {
visibility:visible;
z-index:2;
position:absolute;
top:0%;
left:50%;
border:0px;
margin-top:205px;
height:auto;
display:inline-block;
padding:0px;
}

.vic-LEFT-SIDE_table { width:502px; height:auto; margin-left:-500px;}
.vic-LEFT-SIDE_table tr { margin:0px;  }
.vic-LEFT-SIDE_table td { margin:0px; max-width:500px;}

.vic-RIGHT-SIDE_table { width:502px; height:auto; margin-left:10px; }
.vic-RIGHT-SIDE_table tr {margin:0px;  }
.vic-RIGHT-SIDE_table td { margin:0px; max-width:500px;  }


#back {
visibility:visible;
position:fixed;
top:0%;
z-index:-1;
padding:0px;
left:50%;
margin-top:0px;
margin-left:-515px;
width:1040px;
height:100%;
background-color: 000000;
background-image:url(http://i62.tinypic.com/1zgrmvm.jpg);
background-repeat:repeat;
background-position:center center;
}

.vic_table {
width:100%;
margin-bottom:4px;
border:1px solid #111111;
background-color: 222222;
overflow:hidden;
display:block;
}

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

.vic-LEFT-SIDE_table .vic_table td {width:500px;}
.vic-RIGHT-SIDE_table .vic_table td {width:500px;}



 .vicarious{ Google Chrome Scrollbar }
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {border: 1px solid #000000 ;background-color:transparent;}
::-webkit-scrollbar-thumb {border:1px solid  #000000;background-color:323232; }

.vicarious { General Text }

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

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

b {
font-family: 'Roboto Condensed', sans-serif;
font-weight:700;
font-size:7pt;
text-transform:uppercase;
color: 4f4f4f;
}

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

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

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

.strong, strong {
letter-spacing:3px;
font-family: "Oswald", Helvetica, sans-serif;
font-size: 11px;
text-transform:uppercase;
line-height:110%;
color: 555555;
text-shadow:  -1px -1px 0 #222222, 1px -1px 0 #323232, -1px 1px 0 #222222, 1px 1px 0 #000000;
}

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

small {
font-size:18px;
color:f0f7e7;
text-shadow:  -1px -1px 0 #323232, 1px -1px 0 #323232, -1px 1px 0 #323232, 1px 1px 0 #323232;
text-transform:uppercase;
}

big {
color:323232;
font-size:24px;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
}

.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%;
}


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


.vicarious { Divs }

/* Top Div */

#topper {
top:0%;
left:50%;
z-index:1000;
position:fixed;
margin-top:0px;
margin-left:-500px;
height:200px;
width:1010px;
overflow:hidden;
background-color:222222;
border:1px solid #111111;
}

#topper .namefield {
position:absolute;
height:150px;
line-height:150px;
font-size:50px;
width:825px;
margin-top:25px;
margin-left:25px;
background-color: 191919;
font-family: 'Dynalight', cursive;
color: cdcdcd;
}

#topper .circleX {
position:absolute;
height:184px;
width:184px;
margin-top:5px;
margin-left:800px;
-webkit-border-radius: 360px;
-moz-border-radius: 360px;
border-radius: 360px;
border:3px solid #323232;
background-color: 191919;
}

#topper .imageX {
position:absolute;
height:174px;
width:174px;
margin-top:10px;
margin-left:805px;
-webkit-border-radius: 360px;
-moz-border-radius: 360px;
border-radius: 360px;
border:3px solid #323232;
background-size: 174px 174px;
background-repeat:no-repeat;
}


#topper .info {
position:absolute;
height:174px;
width:174px;
margin-top:10px;
margin-left:805px;
-webkit-border-radius: 360px;
-moz-border-radius: 360px;
border-radius: 360px;
border:3px solid #323232;
background-color:191919;
opacity:0;
-webkit-transition: all .5s ease 0.1s;
-moz-transition:all .5s ease 0.1s;
-ms-transition:all .5s ease 0.1s;
-o-transition: all .5s ease 0.1s;
transition: all .5s ease 0.1s;
}

#topper:hover .info {
opacity:1;
}

#topper .info .textbox {
width:110px;
height:110px;
margin:30px;
padding:2px;
overflow:auto;
text-align:center;
}

#topper .info .textbox .strong, #topper .info .textbox strong {
display:block;
text-align:center;
margin:5px 0px;
padding:0px 0px 2px 0px;
border-bottom:1px solid #111111;
font-size: 10px;
}

#topper a {
text-align:center;
display:block;
font-size:0px;
color: transparent;
position:absolute;
margin-left:775px;
width:10px;
height:10px;
line-height:10px;
background-color: cdcdcd;
text-decoration:none;
text-transform:uppercase;
padding:0px;
letter-spacing:1px;
-webkit-transition: all .5s ease 0.1s;
-moz-transition:all .5s ease 0.1s;
-ms-transition:all .5s ease 0.1s;
-o-transition: all .5s ease 0.1s;
transition: all .5s ease 0.1s;
overflow:hidden;
}

#topper a.lk1 {margin-top:35px; }
#topper:hover a.lk1 {margin-left:50px; }

#topper a.lk2 {margin-top:59px; }
#topper:hover a.lk2 {margin-left:175px;}

#topper a.lk3 {margin-top:83px; }
#topper:hover a.lk3 {margin-left:300px;}

#topper a.lk4 {margin-top:107px; }
#topper:hover a.lk4 { margin-left:425px;}

#topper a.lk5 {margin-top:131px;}
#topper:hover a.lk5 { margin-left:550px;}

#topper a.lk6 {margin-top:155px;}
#topper:hover a.lk6 { margin-left:675px;}


#topper:hover a {
color: 444444;
font-size:8px;
margin-top:180px;
width:100px;
background-color:transparent;
}

#topper a:hover {
color: cdcdcd;
}


/* Left Side Tables */


.BriefBioTable{
position:relative;
width:500px;
height:500px;
overflow:hidden;
background-position:left bottom;
background-repeat:no-repeat;
background-size:500px 65px;
}

.BriefBioTable .briefBio {
position:absolute;
margin-top:10px;
margin-left:10px;
width:210px;
height:405px;
padding:5px;
overflow:auto;
background-color: 191919;
}

.BriefBioTable .pic {
position:absolute;
margin-top:10px;
margin-left:238px;
width:250px;
height:250px;
overflow:hidden;
border:1px solid #323232;
}

.BriefBioTable .pic img {
width:250px;
height:250px;
overflow:hidden;
}

.BriefBioTable .quoteBox {
position:absolute;
margin-top:260px;
margin-left:238px;
width:252px;
height:165px;
overflow:hidden;
background-color: 323232;
}

.BriefBioTable .quotebox .quote1 {
margin-top:15px;
height:30px;
overflow:hidden;
padding:0px 5px;
background-color: eeeeee;
color:323232;
display:block;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
font-weight:700;
font-size:25px;
line-height:30px;
text-align:center;
}

.BriefBioTable .quotebox .quote2 {
margin-top:10px;
height:75px;
overflow:hidden;
padding:0px 5px;
color:000000;
display:block;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
font-weight:700;
font-size:25px;
text-align:center;
background-color:transparent;
}

.BriefBioTable .music {
position:absolute;
margin-top:395px;
margin-left:264px;
width:200px;
height:25px;
overflow:hidden;
background-color:transparent;
}

.StatsTable {
position:relative;
width:500px;
height:500px;
overflow:hidden;
background-color:323232;
}

.StatsTable .tabsBox {
position:absolute;
margin-left:5px;
margin-top:5px;
width:490px;
height:490px;
overflow:hidden;
}

.StatsTable .tabsBox .tabA, .StatsTable .tabsBox .tabB {
width:100%;
height:94px;
overflow:hidden;
background-color:000000;
}

.StatsTable .tabsBox .tabA {
margin-bottom:5px;
}

.StatsTable .tabsBox .title1 {
position:absolute;
margin-left:-210px;
margin-top:5px;
height:80px;
width:200px;
border:2px solid #323232;
background-color:191919;
color: cdcdcd;
height:80px;
line-height:80px;
overflow:hidden;
display:block;
text-align:center;
font-size:17px;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
}

.StatsTable:hover .title1 {
margin-left:5px;
}

.StatsTable .textbox {
margin-left:215px;
margin-top:5px;
padding:5px;
width:260px;
height:74px;
background-color: 191919;
overflow:auto;
text-align:justify;
}

.StatsTable .photo {
position:absolute;
margin-left:125px;
margin-top:0px;
background-size:375px 500px;
background-repeat:no-repeat;
width:375px;
height:500px;
overflow:hidden;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
}

.StatsTable:hover .photo {
margin-left:500px;
}

.LyricsTable {
background-position:left bottom;
background-repeat:no-repeat;
background-size:500px 300px;
position:relative;
width:500px;
height:500px;
overflow:hidden;
}

.LyricsTable small {
text-shadow:  -1px -1px 0 #a7a7a7, 1px -1px 0 #a7a7a7, -1px 1px 0 #a7a7a7, 1px 1px 0 #a7a7a7;
}

.LyricsTable .LyricsA {
position:absolute;
margin-top:0px;
margin-left:0px;
width:460px;
height:160px;
padding:15px;
overflow:hidden;
color:606060;
font-size:20px;
background-color:252525;
border:5px solid #191919;
text-align:justify;
line-height:102%;
-webkit-box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.2);
-moz-box-shadow:    inset 0px 0px 0px 10px rgba(255, 255, 255, 0.2);
box-shadow:         inset 0px 0px 0px 10px rgba(255, 255, 255, 0.2);
}

.LyricsTable .LyricsB {
position:absolute;
margin-top:275px;
margin-left:325px;
width:130px;
height:130px;
padding:10px;
font-size:16px;
text-align:justify;
line-height:95%;
overflow:hidden;
background-color:191919;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

/* Right Side Tables */

.MainBioTable {
position:relative;
width:500px;
height:500px;
overflow:hidden;
}

.MainBioTable .line1, .MainBioTable .line2, .MainBioTable .line3, .MainBioTable .line4 {
position:absolute;
overflow:hidden;
background-color: 2c2c2c;
border:1px solid #505050;
}

.MainBioTable .line1 {
margin-top:10px;
margin-left:10px;
width:10px;
height:478px;
}

.MainBioTable .line2 {
margin-top:50px;
margin-left:27px;
width:10px;
height:438px;
}

.MainBioTable .line3 {
margin-top:478px;
margin-left:10px;
width:478px;
height:10px;
}

.MainBioTable .line4 {
margin-top:460px;
margin-left:10px;
width:438px;
height:10px;
}

.MainBioTable .title1 {
position:absolute;
margin-top:10px;
margin-left:50px;
width:435px;
height:30px;
overflow:hidden;
padding-left:5px;
background-color:323232;
color:cdcdcd;
display:block;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
font-weight:700;
font-size:20px;
line-height:30px;
text-align:left;
}


.MainBioTable .about1 {
position:absolute;
margin-top:50px;
margin-left:50px;
width:410px;
height:370px;
padding:10px;
overflow:auto;
background-color: 191919;
border:5px solid #323232;
text-align:justify;
}


.MainBioTable .square {
position:absolute;
margin-top:461px;
margin-left:10px;
width:19px;
height:19px;
overflow:hidden;
background-color:cdcdcd;
border:5px solid #444444;
}


.connTable {
position:relative;
width:500px;
height:500px;
background-color:323232;
overflow:hidden;
background-repeat:no-repeat;
background-size:400px 400px;
background-position:center;
}

.connTable .middlePic {
background-repeat:no-repeat;
background-size:200px 250px;
position:absolute;
width:200px;
height:250px;
margin-left:149px;
margin-top:124px;
border:1px solid #000000;
z-index:1;
}

 .conns {
position:absolute;
width:400px;
height:400px;
margin-top:50px;
margin-left:50px;
background-color:191919;
overflow:hidden;
opacity:0;
-webkit-transition: all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all  .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
z-index:2;
}

.connTable:hover  .conns {
opacity:1;
-webkit-transition: all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all  .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
}

.conn1, .conn2, .conn3, .conn4, .conn5, .conn6, .conn7, .conn8 {
position:absolute;
width:90px;
height:190px;
background-color:000000;
background-repeat:no-repeat;
background-position:left top;
background-size:90px 190px;
z-index:3;
-webkit-transition: all .4s linear 0s;
-moz-transition:all .4s linear 0s;
-ms-transition:all .4s linear 0s;
-o-transition: all .4s linear 0s;
transition: all .4s linear 0s;
}

.conn1, .conn2, .conn3, .conn4 {
margin-top:5px;
}


.conn5, .conn6, .conn7, .conn8 {
margin-top:205px;
}

.conn1, .conn5 {margin-left:5px;}
.conn2, .conn6 {margin-left:105px;}
.conn3, .conn7 {margin-left:205px;}
.conn4, .conn8 {margin-left:305px;}


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

.conn2:hover, .conn3:hover, .conn4:hover, .conn6:hover, .conn7:hover, .conn8:hover {
margin-left:5px;
}


.connText {
position:absolute;
margin-top:0px;
margin-left:100px;
opacity:0;
width:270px;
height:170px;
padding:5px;
overflow:auto;
background-color:191919;
border:5px solid #323232;
-webkit-transition: all .4s ease-in-out 0s;
-moz-transition:all .4s ease-in-out 0s;
-ms-transition:all  .4s ease-in-out 0s;
-o-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s;
}

.conn1:hover .connText, .conn2:hover .connText, .conn3:hover .connText, .conn4:hover .connText, .conn5:hover .connText, .conn6:hover .connText, .conn7:hover .connText, .conn8:hover .connText {
opacity:1;
-webkit-transition: all .4s ease-in-out .6s;
-moz-transition:all .4s ease-in-out .6s;
-ms-transition:all  .4s ease-in-out .6s;
-o-transition: all .4s ease-in-out .6s;
transition: all .4s ease-in-out .6s;
}

.connText big {
Color: cdcdcd;
font-size:18px;
line-height:100%;
display:block;
margin:5px 5px 0px 5px;
text-align:left;
border-bottom:5px solid #323232;
}

.connText a {
text-align:right;
font-family: "Oswald", Helvetica, sans-serif;
display:block;
font-size:7px;
color: cdcdcd;
height:14px;
line-height:14px;
background-color: 323232;
text-decoration:none;
text-transform:uppercase;
padding-right:10px;
margin:0px 5px;
letter-spacing:2px;
-webkit-transition: all .5s ease 0.1s;
-moz-transition:all .5s ease 0.1s;
-ms-transition:all .5s ease 0.1s;
-o-transition: all .5s ease 0.1s;
transition: all .5s ease 0.1s;
border-width: 2px 0px 2px 0px;
border-style:solid;
border-color: #444444;
overflow:hidden;
}

.connText a:hover {
letter-spacing: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>




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


<DIV ID="back"></DIV><div id="topper"><div class="namefield">

Perry "PK" Keith White

</div><div class="circleX"></div>

<div class="imageX" style="background-image:url(https://40.media.tumblr.com/ebfb8f64d5dccffe510756d259df2836/tumblr_npbdt9TrW51qcvru5o1_500.jpg);">

</div><div class="info"><div class="textbox">

<font class="strong">Verses</font>
Verse, Verse, Verse

<font class="strong">Writing Style</font>
Multi-para to Novella

<font class="strong">OOC</font>
Novus Senectus RP Only. Can Be Violent. Para +.


</div></div>


<a class="lk1" href="/logincomplete.php">Song</a>
<a class="lk2" href="/add_testimonial.php?member_id=xxxxxx">Song</a>
<a class="lk3" href="/send_message.php?member_id=xxxxxx">Song</a>
<a class="lk4" href="/gallery.php?member_id=xxxxxx">Song</a>
<a class="lk5" href="/view_member_blog.php?member_id=xxxxxx">Song</a>
<a class="lk6" href="/invite_friend.php?friend_id=xxxxxx">Song</a>

</div>






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

</td></tr></table></td></tr></table></td></tr></table><table class="vic-LEFT-SIDE_table" cellspacing="0" cellpadding="0"><tr><td valign="top" padding="0"><table cellspacing="0" cellpadding="0"><tr><td style="width:500px;">

<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 class="BriefBioTable" style="background-image:url(http://i62.tinypic.com/rjfqjr.jpg);">

<font class="cite">
The above 'background-image' is the black/gray strip at the bottom of the table.  If you want to replace it, the dimensions are 500px width by 65px height.
</font>

<div class="briefBio">

<p>Often high  or smoking a cigarette, PK can be found causing various reasons of mischief. Various times of life, he often is the type to find himself caught in sticky situations with no control over them. Everything relies on the ratio of a heart beat, a step in the tune. But why not have some fun along the way/


</div><div class="pic">

<img src="https://31.media.tumblr.com/b1634898c865e41fc31a53bfb790aeeb/tumblr_nqp66y8r6c1ralsuwo3_250.gif">

</div>
<div class="quoteBox"><div class="quote1">

Do You See When The Full Moon Rises

</div><div class="quote2">

Or Do You See When It Turns Red? I Sure Do.

</div></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="#323232" />
<param name="wmode" value="opaque" />
    <param name="FlashVars" value="mp3=http%3A//k003.kiwi6.com/hotlink/6h933jbsva/L-YFB.mp3&autoplay=1&bgcolor=323232&loadingcolor=cdcdcd&buttoncolor=cdcdcd&slidercolor=cdcdcd" />
</object>
</div>



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

<div class="statsTable"><div class="tabsBox">

<div class="tabA"><div class="title1">

Legal & Physical

</div><div class="textbox">

<b>Full Name:</B> PK
<BR><b>Nicknames:</B> Saeva
<BR><b>Aliases:</B> Saeva PK
<BR><b>Date Of Birth:</B> Input Info
<BR><b>Place Of Birth:</B> Input Info
<BR><b>Current Residence:</B> Novus Senectus
<BR><b>Ethnicity:</B> Input Info
<BR><b>Hair Color:</B> Black
<BR><b>Eye Color:</B> Navy Blue
<BR><b>Height:</B> Input Info
<BR><b>Weight:</B> Input Info
<BR><b>Birthmarks/Scars:</B> Various Scars / Mutilations

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

Family & Relationships

</div><div class="textbox">

<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>Sexual Orientation:</B> Straight
<BR><b>Relationship Status:</B> SIngle
<BR><b>Current Relationship(S):</B> None Existent.
<BR><b>Past Relationship(S):</B> Deceased.

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

Education & Employment

</div><div class="textbox">

<b>High School</B> Some HighSchool.
<BR><b>College</B> Input Info
<BR><b>Occupation:</B> Professional Bad Ass.
<BR><b>Job Description:</B> Input Info
<BR><b>Employer:</B> Input Info
<BR><b>Skills:</B> Input Info

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

Personality

</div><div class="textbox">

<b>Traits:</B> Laid Back. Funny.
<BR><b>Quirks:</B> Trusting. Open. Avoids Kids.
<BR><b>Habits:</B> Smoking. Singing. Hanging Out. Stalking People Intentionally.

<p>A go-getter with a sparky personality, but he isn't for the easily offended. He can easily catch a person off guard by being.. hostile in his vile humor. Often time PK keeps his guard up despite being an extrovert. A social butterfly with the ability to break ice in any awkward situation. It just takes a small few seconds to get comfortable in his presence although he tends to get out of hand with his jokes sometimes. More sensitive people should be cautious.

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

Other Details

</div><div class="textbox">

<p>PK despite his happy outer appearance is a broken man with lots of history. He found Novus Senectus to find acceptance when most of his life was a struggle. Always trying to hide from prosecution and often hurting the ones he was closest to.

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

<div class="photo" style="background-image:url(https://40.media.tumblr.com/e4e2ea3ae581f544903176ad3f2156ff/tumblr_nrka2rIFZj1rxmxjio1_1280.jpg);">

</div></div>


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

<div class="LyricsTable" style="background-image:url(https://40.media.tumblr.com/e4d156fdfbd4c4533bf8d0f0ef1609e6/tumblr_nrfhnd34JY1tpl43zo1_1280.jpg);">

<font class="cite">The background image above represents the bottom character image which is 500px width by 300px height.  If you replace this image, keep in mind that you have a second lyric box set on top of it.  Therefore, it's best to replace it with a photo of a person who is aligned to the left of the image like the one I have included so as not to have the box on top of the person's body.  Otherwise, you'll need to relocate the lyricsB box by going into About Me and changing the margin-left number.
</font>


<div class="lyricsA">

When the  <big>moon rises</big> everything fades away, <small>quicker than a scalpel to skin.</small>  And the scars that mark my body, they are deep and crude. <big>My existence is of blood</big>, and furthermore,  <big>sin and lies</big>.  I'm forged <small>of a fire</small> in me, a <big>beast within a storm</big> that rampages until <small>the sun rises</small> and shines.


</div><div class="lyricsB">

A Rush. A Struggle. Everything Falls As Damages Rises. Why So Much Collateral?.

</div></div>



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

<div style="width:430px; height:200px; overflow:auto; margin:25px; padding:5px; border:5px solid #323232; background-color:191919; text-align:justify;">

You Can Put Whatever You Want In Here.

</div>



</td></tr></table></td></tr></table></td></tr></table><table class="vic-RIGHT-SIDE_table" cellspacing="0" cellpadding="0"><tr><td valign="top" padding="0"><table cellspacing="0" cellpadding="0"><tr><td  style="width:500px;">

<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="https://40.media.tumblr.com/b7f033ba1542e71dc7ee59a5bc7fe10a/tumblr_npgppyU2kc1uu9wpdo1_500.jpg">


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

<div class="MainBioTable"><div class="line1"></div><div class="line2"></div><div class="line3"></div><div class="line4"></div><div class="square"></div>


<div class="title1">
Everything Is Chaos. Silent Chaos.</small>.
</div>

<div class="about1">
<p>You Can Put Pk's History Here.
<BR>

<b>Bold</b>
<i>Italic</i>
Emphasize
<font class="u">Underline</font>
<font class="strike">strike</font>
<font class="strong">strong</font>



</div></div>


-----------------------------TV---------------------------

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


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

<font class="cite">
The above background image is the black/gray rectangular print.  If you want to swap it out, the image size is 400px by 400px.
</font>

<div class="middlePic" style="background-image:url(https://38.media.tumblr.com/0d4a4994ec7836d3d13a5ae65e7b588b/tumblr_nqipktQB5c1srzz5uo1_500.gif);"></div>

<div class="conns">

<div class="conn1" style="background-image:url(https://41.media.tumblr.com/88f6e7c6d33b240b4d980fac9daabe92/tumblr_nq69k7fgXd1txeyyko2_500.jpg);">

<div class="connText">

<big>Natalia Montez</big>
<a href="http://1.roleplay.chat/profile.php?user=Vigorata">View Profile</a>

<p>A Friend, The Keeper of the Keys.


</div></div>


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

<div class="connText">

<big>Connection 2</big>
<a href="/#">View Profile</a>

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

</div></div>


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

<div class="connText">

<big>Connection 3</big>
<a href="/#">View Profile</a>

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

</div></div>


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

<div class="connText">

<big>Connection 4</big>
<a href="/#">View Profile</a>

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

</div></div>


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

<div class="connText">

<big>Connection 5</big>
<a href="/#">View Profile</a>

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

</div></div>


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

<div class="connText">

<big>Connection 6</big>
<a href="/#">View Profile</a>

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

</div></div>

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

<div class="connText">

<big>Connection 7</big>
<a href="/#">View Profile</a>

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

</div></div>

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

<div class="connText">

<big>Connection 8</big>
<a href="/#">View Profile</a>

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

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


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

<div style="width:430px; height:200px; overflow:auto; margin:25px; padding:5px; border:5px solid #323232; background-color:191919; text-align:justify;">

Extra Table. Adjust height, etc. as needed.  Duplicate as needed.

</div>


<font class="cite">

Character Photo Dimensions

Topper Image Sizes:
Div class imageX (Photo in circle) = 174px by 174px ( You can put in a 200 by 200 pic, a 500 by 500 pic, etc.  The photo will auto-resize to the appropriate dimensions. Just don't load a pic that is not AT LEAST 174 by 174.).

Left Side Tables

BriefBioTable/Div class pic = 250px width by 250px height.
StatsTable/Div class photo = 375px width by 500px height.
LyricsTable = 500px width by 300px height.


Right Side Tables
First Table = 500px width by 500px height.
ConnTable/Div class middlePic = 200px width by 250px height.
ConnTable/Div Class Conn1, etc (Earn It/Connection Images) = 90px width by 190px height.
</font>