- yuuki.

<style type="text/css">

@import url(http://fonts.googleapis.com/css?family=Share);

@import url(http://fonts.googleapis.com/css?family=Raleway:100,300,400);

@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);

body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
::-webkit-scrollbar {width: 0px; }
::-webkit-scrollbar-track { background-color:transparent; }
::-webkit-scrollbar-thumb { background-color: #ffffff; width:0; border: 1px solid #ffffff; padding: 0px;}




::selection {
  background: #cccccc;
color: #fff;
}

::-moz-selection {
  background: #cccccc;
color: #fff;
}

body {
background-attachment: fixed;
background-align: top center;
background: #6a8a83;

}

.pfor {
display: none;
}

#profile {
background: none;
border: none;
position: fixed;
margin: auto;
top: 220px;
bottom: 0;
left: 380px;
right: 0;
z-index: 10;
}

#ooc {
position: fixed;
width: 615px;
height: 40px;
left: 380px;
top: 455px;
background-color: #000;
border-bottom: 10px solid;
border-color: #87a29b;
overflow: auto;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
border-radius: 24px 24px;
z-index: 2000;
}

#ooc:hover {
position: fixed;
top: 500px;
border-color: transparent;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
border-radius: 10px 10px;
z-index: 5;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
margin: 5px;
text-transform: normal;
display: inline-block;
font-family: verdana;
font-variant: small-caps;
font-size: 10px;
width: 100px;
height: 15px;
color: #555555;
background-color: #D7AAA6;
text-align: center;
line-height: 14px;
border: 3px solid #D77672;
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;
z-index: 1;
}

a.nav:hover{
background-color: #D7AAA6;
border: 3px solid #D77672;
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

</style>

<div id="profile"><img src="http://i.picpar.com/bOHb.png" style="border: 8px solid #87a29b;"></div>

<div id="ooc">
<a class="nav" href="#intro">ooc</a>
<a class="nav" href="#stats">dossier</a>
<a class="nav" href="#persona">persona</a>
<a class="nav" href="#history">skills</a>
<a class="nav" href="#inventory">relations</a>
</div>