- lion heart.

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

<style type="text/css">
body {
font-family: verdana;
font-size: 10px;
background-color: #2F315E;
background-image: url('http://fc04.deviantart.net/fs70/i/2013/115/e/d/steampunk_lace_widget_background_by_stampmakerlkj-d62q8m5.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color:#af7a5f; font-weight:normal; letter-spacing: -1px;}
i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; 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: #303646; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family:Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #DED6AA 0px 0px 1px;}
small {color: #5a3931; font-size: 15px; font-weight: light; letter-spacing: -1px; font-family:Romans; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

::-webkit-scrollbar-button:vertical:{background-color: #000;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color:#000; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color:#000; 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;}

@font-face {
  font-family: 'Aspergit Light';
  src: url('http://www.fontsaddict.com/fontface/aspergit-light1.ttf');
}

#top{
position: fixed;
top: 130px;
left: 520px;
height: 60px;
width: 400px;
z-index:550;
line-height: 60px;
background-color: #30130b;
-webkit-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;
z-index: 400;
}

#img{
position: fixed;
top: 160px;
left: 520px;
width: 150px;
height: 300px;
line-height: 13px;
font-size: 12px;
background-color: #EDEDEE;
background-image: url('http://i.picpar.com/7Web.png');
background-repeat: no-repeat;
background-size: 150px 300px;
border: 3px #492a23 Solid;
z-index:3000;}

#title {
position: fixed;
top: 138px;
left: 680px;
z-index: 550;
color: #EDEDEE;
font-size: 40px;
line-height: 80px;
letter-spacing: 2px;
font-family: 'Aspergit Light';
text-shadow: #520000 2px 3px 4px;
z-index: 600;
}

#container{
position: fixed;
top: 190px;
left: 520px;
width: 394px;
height: 475px;
overflow: hidden;
text-align: justify;
line-height: 13px;
font-size: 10px;
background-color: #F0E9D6;
font-face: verdana;
font-variant: small-caps;
color: #212121;
overflow: auto;
border: 3px #30130b Solid;
z-index:300;}

#Friends{
position: fixed;
top: 465px;
left: 523px;
width: 150px;
height: 203px;
overflow: hidden;
background-color: #EDEDEE;
border-right: 3px #492a23 Solid;
z-index:500;}

#navi {
position: fixed;
left: 664px;
top: 190px;
width: autopx;
background-color: transparent;
z-index: 1000;
}

.box {
position: fixed;
right: -5100px;
top: 10px;
width: 240px;
height: 385px;
padding: 5px;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
background-color: transparent;
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: 950;
}

.box:target {
top: 210px;
left: 672px;
opacity: 1;
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;
}

.snow {
height: 60px;
width: 60px;
margin-left: 4px;
margin-top: 3px;
border: #610505 1px solid;
opacity: 0.7;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 40px;
height: 15px;
color: #0f0000;
margin: 5px;
background-color: transparent;
text-align: center;
line-height: 10px;
font-variant: small-caps;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;}

a.nav:hover{
background-color: transparent;
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

a {
font-family: verdana;
font-variant: small-caps;
text-decoration: none;
color: #121212;
background-color: transparent;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth641.cur');
}

a:hover {
color: transparent;
background-color: transparent;
}

</style>

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

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

<div id="friends">
<a href="profile.php?user=" target="_blank"><img src="" class="snow"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="snow"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="snow"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="snow"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="snow"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="snow"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="snow"></a>
</div>

<div id="navi">
<a class="nav" href="#one">i.</a>
<a class="nav" href="#two">ii.</a>
<a class="nav" href="#three">iii.</a>
<a class="nav" href="#four">iv.</a>
<a class="nav" href="#five">v.</a>
</div>

<div id="one" class="box">
<font style=float:left><b>Name</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Gender</b></font> <font style=float:right>Femme</font><br>
<font style=float:left><b>Age</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>D.O.B</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Zodiac</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Hair Colour</b></font> <font style=float:right>Answer.</font><br>
<font style=float:left><b>Eye Hue</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Body Type</b></font> <font style=float:right>Feminine</font><br>
<font style=float:left><b>Height</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Weapon</b></font> <font style=float:right>None.</font><br>
<font style=float:left><b>Marital Status</b></font> <font style=float:right>Single</font><br>
<font style=float:left><b>Sexual Orientation</b></font> <font style=float:right>Heterosexual</font><br>
</div>

<div id="two" class="box">
<small>Indecisive</small> - Words here. <br><br>
<small>Stubborn</small> - Words here. <br><br>
<small>Quick-Tempered</small> - Words here. <br><br>
</div>

<div id="three" class="box">
history here.
</div>

<div id="three" class="box">
inventory here.
</div>

<div id="three" class="box">
ooc here.
</div>