— ᴘᴏᴏʀ ᴜɴғᴏʀᴛᴜɴᴀᴛᴇ sᴏᴜʟs ᴠՁ.

<style type="text/css">
.pfor{display: none; }
#profile { border: 0px; background-color: transparent; }
</style>

<style type="text/css">
body {
font-family: arial narrow;
font-size: 10px;
background-color: #FFFFFF;
background-image: url('http://i.picpar.com/I3z.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
background-position: 0px 150px;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
}

b, strong {font-family:'century gothic'; font-variant: small-caps; font-size:15px; color: #800000; font-weight:normal; letter-spacing: -1px;}
i {color: #B67D82; font-family: verdana; font-variant: small-caps; font-size: 10.5px; letter-spacing:0px;}
u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
s {color: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #FF99D6 0px 0px 1px;}
big {color: #181818; font-size: 12px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #DED6AA 0px 0px 1px;}
small {color: #663366; font-size: 14px; font-weight: light; letter-spacing: -1px; padding-top: 5px; font-family: century gothic; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

— do not take this code, its not yours, nor will it be. i worked hard on this. —
— do not take this code, its not yours, nor will it be. i worked hard on this. —
— do not take this code, its not yours, nor will it be. i worked hard on this. —

::-webkit-scrollbar-button:vertical:{background-color: #111111;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color:#111111; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color:#111111; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px; width: 3px; background-color:transparent;}

h1{
font: 10px verdana;
font-variant: small-caps;
color: black;
text-transform: none;
letter-spacing: 1px;
border-bottom: none;
background-color: none;
line-height: 8px;
text-align: right;
border-left: #212121 10px Solid;
margin: 1px;
padding: 0px;}

h2{
font-size: 23px;
font-variant: small-caps;
color: #444444;
text-transform: lowercase;
letter-spacing: -1px;
text-align: right;
background-color: none;
line-height: 2px;
text-align: center;
font-family: century gothic;
text-shadow: #9b919c 2px 3px 4px;
margin-top: 5px;
margin-bottom: 8px;
display: block;
background-color: #151413;
border-right: 1px solid #4B4330;
padding: 0px;
font-weight: normal;
}


#Img{
position: fixed;
background-image:url("http://i.picpar.com/GT8.png");
background-repeat: no-repeat;
background-size: 460px 600px;
top: 80px;
left: 900px;
width: 459px;
height: 577px;
border: #9B919C 4px solid;
border-radius: 0px 260px 260px 0px;
-moz-border-radius: 260px 0px 0px 260px;
}

#line{
position: fixed;
background-image: url('http://i.picpar.com/vnw.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
z-index: 100;
left: 805px;
height: 575px;
width: 90px;
top: 80px;
z-index: 9;
border: 5px Solid #9B919C;
background-color: #212121;
}

#Navi {
position: fixed;
left: 526px;
top: 370px;
-webkit-transform: rotate(-90deg);
z-index: 11;
}

#Title{
position: fixed;
top: 30px;
left: 788px;
color: #FEFEFE;
font-size: 55px;
line-height: 80px;
letter-spacing: 3px;
font-family: lavanderia sturdy;
text-shadow: #74545F 2px 3px 4px;
z-index: 11;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: normal;
display: inline-block;
font-family: verdana;
font-variant: small-caps;
font-size: 10px;
width: 85px;
height: 10px;
color: #ededee;
background-color: #323232;
text-align: center;
line-height: 10px;
border: 2px solid #9B919C;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}

a.nav:hover{
background-color: #9B919C;
border: 2px solid #323232;
color: #ededee;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

.box {
position: fixed;
right: 0px;
top: 85px;
width: 350px;
height: 565px;
padding: 5px;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
border: 3px Solid #CCCCCC;
background-color: #EDEDEE;
opacity: 0;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
z-index: 200;
}

.box:target {
top: 85px;
right: 580px;
opacity: 1;
overflow: auto;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
z-index: 200;
}

.snow {
margin-top: 1px;
height: 80px;
width: 80px;
margin-left: 3px;
margin-top: 8px;
border: #6B5360 2px solid;
opacity: 0.7;
}

.snow:hover {
margin-top: 1px;
height: 80px;
width: 80px;
margin-left: 3px;
margin-top: 8px;
border: #6B5360 2px solid;
opacity: 1;
}

a {
color: #E3DDF0;
text-decoration: none;
}

a:hover {
color: #888888;
text-decoration: none;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
}

#character{
position: fixed;
left: -45px;
top: 20px;
}

#credit{
position:fixed;
bottom:0px;
right:0px;
z-index:450;
}

— do not take this code, its not yours, nor will it be. i worked hard on this. —

</style>

<div id="img"></div>

<div id="Navi">
<a class="nav" href="#ooc">OOC</a>
<a class="nav" href="#dossier">Stats</a>
<a class="nav" href="#character">Persona</a>
<a class="nav" href="#abilities">Abilities</a>
<a class="nav" href="#skills">Skills</a>
<a class="nav" href="#history">Background</a>
</div>

<div id="ooc" class="box">
<h2> Out of Character. </h2>
<h1> Read, understand, follow. </h1>

<b>000</b>
<br><br><b>001</b>
<br><br><b>002</b>
<br><br><b>003</b>
<br><br><b>004</b>
<br><br><b>005</b>
<br><br><b>006</b>
<br><br><b>007</b>
<br><br><b>008</b>
<br><br><b>009</b>
<br><br><b>010</b>
</div>

<div id="dossier" class="box">
<h2> Dossier.</h2>
WIP.
</div>

<div id="character" class="box">
<h2> Appearance & Personality. </h2>
WIP.
</div>

<div id="abilities" class="box">
<h2> Abilities. </h2>
WIP.
</div>

<div id="skills" class="box">
<h2> Skill Set. </h2>
WIP.
</div>

<div id="history" class="box">
<h2> Background Information. </h2>
WIP.
</div>

<div id="line">
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
</div>

<div id="title">unfortunate souls</div>

<div id="character">
<img src="http://i.picpar.com/NT8.png"></img>
</div>

<div id="credit"><A TARGET="_blank" HREF="/profile.php?user=Remi" title="Copyright"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></A>