- song & dance.

<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: #000000;
background-image: url('http://31.media.tumblr.com/tumblr_ldc2yqOSrw1qcdtsho1_500.jpg');
background-attachment: fixed;
background-position: bottom left;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/others/oth-7/oth666.cur'), default;
}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color:#838894; font-weight:normal; margin-left: 10px; 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: #3B2F7F; font-size: 35px; font-weight: light; margin-left: 30px; 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: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; 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;}

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

h1{
font: 12px verdana;
font-variant: small-caps;
color: #555555;
height: 33px;
text-transform: none;
letter-spacing: 1px;
border-bottom: none;
background-color: none;
line-height: 8px;
text-align: justify;
margin: 1px;
padding: 1px;
}

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

h3 {
z-index:-20;
color: #996699;
height: 20px;
width: %100px;
font-size: 10px;
line-height: 40px;
font-weight: normal;
letter-spacing: 3px;
font-family: terminal;
text-transform: uppercase;
text-shadow: #9B6B45 0px 0px 2px;
text-align: left;
margin-top: 0px;
}

#no{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 999999;
}

#line{
position: fixed;
z-index: 100;
left: 450px;
height: 30px;
width: 470px;
top: 345px;
z-index: 850;
background-color: #353B5F;
}

.navi{
position: absolute;
top: 335px;
left: 485px;
z-index:900;
}

#apollo{
position: fixed;
z-index: 100;
left: 450px;
height: 100%;
width: 450px;
top: 0px;
z-index: 650;
background-image: url('http://media-cache-ec0.pinimg.com/736x/25/3b/29/253b2967e5d9bc20b8831fa01da0e063.jpg');
background-attachment: fixed;
background-position: 450px 0px;
background-size: 500px 700px;
background-repeat: no-repeat;
background-color: #212121;
border-left: 10px Solid #353B5F;
border-right: 10px Solid #353B5F;
}

.info{
position: absolute;
margin-top: 0px;
margin-left: 0px;
width: 435px;
height: 440px;
border: 3px Solid #383349;
background-color: #EDEDEE;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

.image{
position: absolute;
margin-top: 450px;
margin-left: 0px;
width: 435px;
height: 150px;
border: 3px Solid #383349;
background-color: #EDEDEE;
z-index: 200;
opacity: 1;
}

.box {
position: fixed;
left: 0px;
top: -500px;
width: 450px;
height: 600px;
padding: 5px;
color: #212121;
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: 100;
}

.box:target {
top: 50px;
left: 0px;
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;
z-index: 100;
}

.box2 {
position: fixed;
right: -13px;
top: -500px;
width: 450px;
height: 600px;
padding: 5px;
color: #212121;
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: 100;
}

.box2:target {
top: 50px;
right: -13px;
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;
z-index: 100;
}

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: 50px;
height: 15px;
color: #0c163b;
background-color: #EDEDEE;
text-align: center;
line-height: 13px;
border: 2px solid #666666;
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: #EDEDEE;
border: 2px solid #666666;
color: #5F4952;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

a.heal:link, a.heal:active, a.heal:visited{
letter-spacing: 1px;
text-transform: normal;
display: inline-block;
font-family: verdana;
font-variant: small-caps;
padding-top: 8.5px;
font-size: 30px;
width: 50px;
height: 30px;
color: #555555;
background-color: #EDEDEE;
text-align: center;
line-height: 12px;
border: 2px solid #666666;
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;
border-radius: 240px;
-moz-border-radius: 240px;
}

a.heal:hover{
background-color: #EDEDEE;
border: 2px solid #666666;
color: #0c163b;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
border-radius: 240px;
-moz-border-radius: 240px;
}

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

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

.demi {
margin-top: 1px;
height: 60px;
width: 60px;
margin-left: 3px;
margin-top: 21px;
border: #C05F41 2px solid;
opacity: 0.7;
}

.demi:hover {
margin-top: 1px;
height: 60px;
width: 60px;
margin-left: 3px;
margin-top: 21px;
border: #070707 2px solid;
opacity: 1;
}

</style>

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

<div id="apollo"></div>
<div id="line"></div>

<div class="navi">
<a class="nav" href="#one">I</a>
<a class="nav" href="#two">II</a>
<a class="nav" href="#three">III</a>
<a href="http://www.listenonrepeat.com/watch/?v=zA51ULpB34Q" class='heal'>✿</a>
<a class="nav" href="#four">IV</a>
<a class="nav" href="#five">V</a>
<a class="nav" href="#six">VI</a>
</div>

<div id="one" class="box">
<div class="info">
<font style=float:left><b>Name</b></font> <font style=float:right>Mezaros, Ceresia Alaine</font><br>
<font style=float:left><b>Goes By</b></font> <font style=float:right>Cerise</font><br>
<font style=float:left><b>Moniker(s)</b></font> <font style=float:right>Cer, Ceri, Ceres, Healer.</font><br>
<font style=float:left><b>Gender</b></font> <font style=float:right>Female</font><br>
<font style=float:left><b>Age</b></font> <font style=float:right>Early Twenties.</font><br>
<font style=float:left><b>D.O.B</b></font> <font style=float:right>?</font><br>
<font style=float:left><b>Hair Colour</b></font> <font style=float:right>Jet Black with Royal Blue highlights</font><br>
<font style=float:left><b>Eye Hue</b></font> <font style=float:right>Baby Blue</font><br>
<font style=float:left><b>Height</b></font> <font style=float:right>5'5"</font><br>
<font style=float:left><b>Weight</b></font> <font style=float:right>Disclosed</font><br>
<font style=float:left><b>Skin Colour</b></font> <font style=float:right>Peachy</font><br>
<font style=float:left><b>Alignment</b></font> <font style=float:right>Neutral</font><br>
<font style=float:left><b>Affiliation</b></font> <font style=float:right>Herself.</font><br>
<font style=float:left><b>Marital Status</b></font> <font style=float:right>Singular, partner selective.</font><br>
<font style=float:left><b>Sexual Orientation</b></font> <font style=float:right>Heterosexual.</font><br> <br>

<big>❝</big> It flies so silently through the dark on its four wings that it may not be noticed even when nearby. <br> <br>
</div>
<div class="image"><img src="http://i.picpar.com/jQN.png" width="435" height="150"></img></div>
</div>

<div id="two" class="box2">
<div class="info">
Persona
</div>
<div class="image"><img src="http://i.picpar.com/kQN.png" width="435" height="150"></img></div>
</div>


<div id="three" class="box">
<div class="info">
History
</div>
<div class="image"><img src="http://i.picpar.com/oQN.png" width="435" height="150"></img></div>
</div>

<div id="four" class="box2">
<div class="info">
Abilities
</div>
<div class="image"><img src="http://i.picpar.com/pQN.png" width="435" height="150"></img></div>
</div>


<div id="five" class="box">
<div class="info">
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x80" class="demi"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x80" class="demi"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x80" class="demi"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x80" class="demi"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x80" class="demi"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x80" class="demi"></a>
</div>
<div class="image"><img src="http://i.picpar.com/qQN.png" width="435" height="150"></img></div>
</div>

<div id="six" class="box2">
<div class="info">
<small>⚛</small>; --- <br>
<small>⚛</small>; --- <br>
<small>⚛</small>; --- <br>
<small>⚛</small>; --- <br>
<small>⚛</small>; --- <br>
<small>⚛</small>; --- <br>
<small>⚛</small>; --- <br>
<small>⚛</small>; --- <br>
<small>⚛</small>; --- <br>
<small>⚛</small>; --- <br>
</div>
<div class="image"><img src="http://i.picpar.com/lQN.png" width="435" height="150"></img></div>
</div>