- bluebird

<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: #FFF;
background-image: url('http://i.picpar.com/fykb.jpg');
background-attachment: fixed;
background-position: bottom left;
background-repeat: no-repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color: #B5CCEB; 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: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
big {color: #ECD5C3; font-size: 15px; font-weight: light; margin-left: 15px; letter-spacing: 0px; font-family: Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #43150E 0px 0px 1px;}
small {color: #3B2F7F; font-size: 18px; font-weight: light; letter-spacing: -1px; font-family: verdana; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

::-webkit-scrollbar-button:vertical:{background-color: #C8DEF5;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: #C8DEF5; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: #C8DEF5; 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: 'Pacifico';
  src: url('http://www.fontsaddict.com/fontface/pacifico.ttf');
}

h1{
background-color: #240024;
color: #EDEDEE;
font-size: 13px;
font-family: Century Gothic;
line-height: 15px;
text-align: center;
margin-top: 0px;
letter-spacing: 2px;
text-transform: lowercase;
}

#title {
position: fixed;
top: 172px;
left: 625px;
z-index: 550;
color: #C8DEF5;
font-size: 60px;
line-height: 80px;
letter-spacing: 2px;
font-family: 'Pacifico';
text-shadow: #F0EFF7 2px 3px 4px;
z-index: 600;
}

#pokemon {
position: fixed;
z-index: 100;
left: 580px;
height: 200px;
width: 700px;
top: 238px;
z-index: 5;
background-color: #B0CCE2;
border: #C8DEF5 3px Solid;
}

#conquest {
top: 0px;
left: 0px;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 50px;
padding: 90px;
border: #C8DEF5 1px solid;
background-color: #F0EFF7;
}

#warlord {
position: fixed;
left: 1055px;
top: 253px;
width: 207px;
height: 170px;
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;
}

#navi{
position: fixed;
left: 650px;
top: 430px;
width: 600px;
height: autopx;
background-color: transparent;
overflow: hidden;
z-index: 2000000;
}

.box {
position: fixed;
left: 595px;
top: -260px;
height: 160px;
width: 450px;
padding: 5px;
color: #070707;
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: 5000;
}

.box:target {
top: 260px;
left: 595px;
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;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 80px;
height: 20px;
color: #020202;
margin: 5px;
background-color: #F0EFF7;
border: 1px Solid #C8DEF5;
text-align: center;
line-height: 17px;
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: #F0EFF7;
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

a {
color: #C8DEF5;
text-decoration: none;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur819.cur'), default;
}

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

.ghost{
height: 50px;
width: 50px;
border: CBDAF1 2px solid;
opacity: 0.7;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
}

</style>

<div id="no" oncontextmenu="return false;">

<div id="title">fly away, little bluebird</div>

<div id="pokemon">
<div id="conquest">
<div id="warlord">
<b>O1.</b> rule.
<br><b>O2.</b> rule.
<br><b>O3.</b> rule.
<br><b>O4.</b> rule.
<br><b>O5.</b> rule.
<br><b>O6.</b> rule.
<br><b>O7.</b> rule.
<br><b>O8.</b> rule.
<br><center>will update this more later.</center>
</div>
</div></div>

<div id="navi">
<a class="nav" href="#one">Dossier</a>
<a class="nav" href="#two">History</a>
<a class="nav" href="#three">Background</a>
<a class="nav" href="#four">Abilities</a>
<a class="nav" href="#five">Inventory</a>
<a class="nav" href="#six">Comrades</a>
</div>

<div id="one" class="box">
<center><b>Name:</b> Answer<a title="Nicknames here">*</a> <b>Gender:</b> Femme <b>Age:</b> Adult <b>Homeland:</b> Answer <b>Hair:</b> Blue with white highlights
<br><b>Eye Hue:</b> Light blue <b>Height:</b> Five foot, four inches <b>Orientation:</b> Heterosexual <b>Marital:</b> Single.
<br><b>Race:</b> Human <b>Occupation:</b> Cleric <b>Alignment:</b> True Neutral </center>

<p>Persona here.</p>

</div>

<div id="two" class="box">

</div>

<div id="one" class="box">

</div>

<div id="one" class="box">

</div>

<div id="five" class="box">

</div>

<div id="six" class="box">
<a href="profile.php?user=" target="_blank" title="60x60"><img src="" class="ghost"></a>
<a href="profile.php?user=" target="_blank" title="60x60"><img src="" class="ghost"></a>
<a href="profile.php?user=" target="_blank" title="60x60"><img src="" class="ghost"></a>
<a href="profile.php?user=" target="_blank" title="60x60"><img src="" class="ghost"></a>
<a href="profile.php?user=" target="_blank" title="60x60"><img src="" class="ghost"></a>
<a href="profile.php?user=" target="_blank" title="60x60"><img src="" class="ghost"></a>
</div>