base code;

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

::-webkit-scrollbar {
width: 3px;
height: 10px;
padding-top: 40px; }

::-webkit-scrollbar-track {
background-color:transparent; }

::-webkit-scrollbar-thumb {
height: 30px;
width: 3px;
background-color: transparent; }

::-webkit-scrollbar-track-piece {
height: 30px;
width: 30px; }

::-moz-selection, ::selection
{background: #470000; color: #ffffff; }

::selection
{background: #470000; color: #ffffff; }


body{
background-image:url('');
background-color: gray;
background-repeat:repeat;
background-attachment:fixed;
}

#text, body, td{
color:silver;
font-family:calibri;
font-size:10.5px;
line-height:10px;
letter-spacing:;
padding:5px;
}

b, strong {
color: gray;
font-family: tahoma;
font-size: 8.5px;
letter-spacing: 1px;
text-shadow:0px 0px 3px black;
text-transform: uppercase;
text-decoration: none;
font-weight: lighter; }

i {
color: white;
font-family: times;
font-size: 11px;
text-shadow:0px 0px 3px black;
text-transform: none;
font-weight: lighter;
letter-spacing: 1px;
}

u {
color: white;
font-family: calibri;
font-size: 9.5px;
text-transform: uppercase;
text-shadow:0px 1px 3px black;
letter-spacing: 2px;
text-decoration: none;
border-bottom: dotted 1px black; }

h2 {
color: silver;
font-size: 10px;
text-align: center;
letter-spacing: 5px;
text-shadow:0px 0px 3px black;
font-weight: lighter;
font-family: courier new;
text-transform: uppercase;
}


a:active, a:link, a:visited{
color:gray;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
transition:all 1s ease-out;
-o-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}

a:hover{
cursor:cross;
color:silver;
text-decoration:none;
transition:all 1s ease-out;
-o-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}

#header{
font-size:15px;
line-height:20px;
font-family:georgia;
font-weight:normal;
text-transform:uppercase;
font-style:italic;
letter-spacing:-2px;
text-align:right;
padding-right:5px;
background-color:#1c1917;
color:red;
}

a:link.nav, a:visited.nav, a:active.nav {
color: black;
font-family: times;
text-transform: none;
text-decoration: none;
font-style: normal;
font-weight: none;
letter-spacing: 1px;
border-bottom: dotted 0px black;
font-size:25px;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;}


a:hover.nav {
color: silver;
font-family: times;
text-align: center;
font-size:25px;
font-style: normal;
letter-spacing: 1px;
border-bottom: dotted 0px black;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;}


#son{
background-color:none;
border:0px solid #1c1917;
width:500px;
height:500px;
overflow:auto;
position:absolute;
left:685px;
top:0%;
margin-left:-150px;
margin-top:120px;
opacity:.70;
}

#bitch{
background-color:#0a0908;
border:1px solid #2c0500;
box-shadow:1px 1px 20px #000;
width:400px;
height:393px;
overflow:auto;
position:absolute;
padding: 5px;
border-radius: 30px;
z-index:;
right: 700px;
top: 100px;
opacity:.70;
text-align:justify;
}

#title{
width:400px;
height:200px;
overflow:auto;
position:absolute;
right:600px;
top:0%;
margin-left:90px;
margin-top:65px;
letter-spacing:3px;
font-family:times;
font-size:50px;
font-style: italic;
line-height:40px;
text-transform: none;
color:black;
opacity:0.4;
}

#holy{
width:400;
height:370;
overflow-y:hidden;
}

#shit{
width:400;
height:370;
overflow:auto;
}
</style>

  <div id="image">
  </div>

<div id="title">
Name
</div>


<div id="son">
<ul id="navigation">
<a class="nav" href="#1">〉</a>  <br><br><br>
<a class="nav" href="#2">〉</a>  <br><br><br>
<a class="nav" href="#3">〉</a>  <br><br><br>
<a class="nav" href="#4">〉</a>  <br><br><br>
<a class="nav" href="#5">〉</a>  <br><br><br>
<a class="nav" href="#6">〉</a>

</ul>
</div>

<div id="bitch">
<div id="holy">
<div id="shit">

<a name="1"></a>
<div id="text">
<h2>stats</h2>
<b>Name</b> <font style="float: right;"> --- </font><br>
<b>Nicknames</b> <font style="float: right;"> --- </font><br>
<b>Age</b> <font style="float: right;"> --- </font><br>
<b>GENDER</b> <font style="float: right;"> --- </font><br>
<b>Species</b> <font style="float: right;"> --- </font><br>
<b>Orientation</b> <font style="float: right;"> --- </font><br>
<b>Status</b> <font style="float: right;"> --- </font><br>
<b>Position</b> <font style="float: right;"> --- </font><br>
<b>ORIGINS</b> <font style="float: right;"> --- </font><br>
<b>Location</b> <font style="float: right;"> --- </font><br>
<b>occupation</b> <font style="float: right;"> --- </font><br><br>
<h2>physique</h2>
<b>HEIGHT</b> <font style="float: right;"> --- </font><br>
<b>WEIGHT</b> <font style="float: right;"> --- </font><br>
<b>STATURE</b> <font style="float: right;"> --- </font><br>
<b>FUR</b> <font style="float: right;"> --- </font><br>
<b>Sound</b> <font style="float: right;"> --- </font><br>
<b>HAIR</b> <font style="float: right;"> --- </font><br>
<b>EYES</b> <font style="float: right;"> --- </font><br>
<b>mods</b> <font style="float: right;"> --- </font><br>
<b>size</b> <font style="float: right;"> ---  </font><br>
<b>feel</b> <font style="float: right;"> --- </font><br>
</div></div>

<div id="shit">
<a name="2"></a>
<div id="text">
<h2>background</h2>
history.
</div>
</div>

<div id="shit">
<a name="3"></a>
<div id="text">
<h2>friends & family</h2><center><br>
<big><a href="">friend</a> <br>
</center>

</div>
</div>

<div id="shit">
<a name="4"></a>
<div id="text">
<h2>gallery</h2><br>
<a href="">link.</a>
</div>
</div>

<div id="shit">
<a name="5"></a>
<div id="text">
<h2>lyrics</h2><br>

lyrics.
</div>
</div>


<div id="shit">
<a name="6"></a>
<div id="text">
<h2>out of character</h2>
<BR>
OOC.

<br><br><div align="right">
Layout © Kieta.</div>

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