— ғʀᴏsᴛʙɪᴛᴇ.

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

<style type="text/css">
body {
font-family: arial narrow;
font-size: 10px;
background-color: #2F315E;
background-image: url('http://media.tumblr.com/tumblr_m20frmbrCC1r7qwna.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur816.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: #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: #555555; font-size: 11px; 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;}

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

#Pic {
position: fixed;
top: 75px;
left: 100px;
width: 200px;
height: 300px;
background-color: #EDEDEE;
background-image:url('http://i5.minus.com/jb2cMbAISJLXB0.jpg');
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 200px 300px;
border: #838894 5px solid;
-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;
transition: all 0.5s ease-in-out;
}

#songone, #songtwo, #songthree, #songfour, #songfive, #songsix {
position: fixed;
left: 105px;
width: 200px;
height: 50px;
opacity: 0.0;
background-color: rgba(0, 0, 0, 0.8);
font: normal small-caps normal 10px/50px 'arial';
text-align: center;
color: #ffffff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
z-index: 4;
}
#songone {
position: fixed;
top: 80px;
}
#songtwo {
position: fixed;
top: 130px;
}
#songthree {
position: fixed;
top: 180px;
}
#songfour {
position: fixed;
top: 230px;
}
#songfive {
position: fixed;
top: 280px;
}
#songsix {
position: fixed;
top: 330px;
}
#songone:hover, #songtwo:hover, #songthree:hover, #songfour:hover, #songfive:hover, #songsix:hover {
opacity: 1.0;
letter-spacing: 1px;
}

#ooc{
position: fixed;
top: 390px;
left: 99px;
width: 206.5px;
height: 150px;
overflow: hidden;
text-align: justify;
line-height: 13px;
font-size: 12px;
background-color: #EDEDEE;
font-face: century gothic;
font-variant: small-caps;
color: #212121;
overflow: auto;
border: 2px #838894 Solid;
z-index: 500;
}

#Navi {
position: fixed;
left: 97px;
top: 548px;
width: auto;
}

a.nav:link, a.nav:active, a.nav:visited{
text-decoration: none;
width: 31px;
height: 20px;
margin: 2px;
display: inline-block;
background-color: #CCCCCC;
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: 3px Solid #838894;
}

a.nav:hover{
background-color: #838894;
width: 31px;
height: 25px;
margin: 2px;
border: 3px Solid #CCCCCC;
border:none;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

.box {
position: fixed;
left: 0px;
top: 75px;
width: 250px;
height: 453px;
padding: 5px;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
border: 3px Solid #CCCCCC;
background-color: #EDEDEE;
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;
}

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

#title{
position: fixed;
top: 10px;
left: 100px;
z-index: 550;
color: #999999;
font-size: 80px;
line-height: 80px;
letter-spacing: -3px;
font-family: lavanderia delicate;
text-shadow: #070707 2px 3px 4px;
z-index: 600;}

#line{
position:fixed;
background-image: url('http://media.tumblr.com/tumblr_lposkprBvG1qlzq96.jpg');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
z-index: 100;
left: 0px;
height: 100%;
width: 90px;
top: 0px;
z-index: 9;
border-right: 5px Solid #9b919c;
background-color: #212121;
}

.snow {
margin-top: 1px;
height: 80px;
width: 80px;
margin-left: 3px;
margin-top: 21px;
border: #838894 2px solid;
opacity: 0.7;
}

.snow:hover {
margin-top: 1px;
height: 80px;
width: 80px;
margin-left: 3px;
margin-top: 21px;
border: #838894 2px solid;
opacity: 1;
}

a {
color: #690000;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

a:hover {
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

#credit{
position:fixed;
bottom:0px;
right:0px;
z-index:450;}

</style>

<div id="pic"></div>

<div id="ooc">
<center><i>Hover the pics for links!</i></center>
<br><b>001</b> Made for the Erue Roleplay found on that of RPC. No other verse.
<br><b>002</b> ERP's are not rare with me so I don't deny that I take part in it. They are only for long-termed roleplays. Once the character is committed to someone, if it happens, she will be devoted to him or her entirely.
<br><b>003</b> My internet is bad, very bad. So I apologize in advance if I leave the RP without notice.
<br><b>004</b> I am not that much PM friendly and will only converse with people that I know. If I see that you seem like a nice person, that is when I will branch out to you.
<br><b>005</b> Outside contact information, which is skype, will only be given out once earned. Not before.
<br><b>006</b> Please be literate when roleplaying with me. I don't mind a few typos every now and again, as we are all human. But still, I would like to be able to read it, without having to decipher it or ask you what you meant with your post.
<br><b>007</b> This layout is mine and I would like it if no one steals it. Though, if you would like to use it, just <i>please</i> credit me for it? Thank you.
<br><b>008</b> Thank you for taking the time to read this profile and I hope that we will get to roleplay soon!
</div>

<div id="Navi">
<a class="nav" href="#one"></a>
<a class="nav" href="#two"></a>
<a class="nav" href="#three"></a>
<a class="nav" href="#four"></a>
<a class="nav" href="#five"></a>
</div>

<div id="one" class="box">
<b>Name</b>: Rhodes, Gwyneira (pronounced "Gwin-eye-ra") Cecile
<br><b>Title</b>: Bee.
<br><b>Gender</b>: Female
<br><b>Age</b> Twenty-two
<br><b>Date of Birth</b>: The seventh of July, unknown year.
<br><b>Zodiac Sign</b>: Cancer
<br><b>Race</b>: Mutant
<br><b>Hair Colour</b>: Silver
<br><b>Hair Length</b>: Mid-back length
<br><b>Hair Style</b>: The end strands are mostly wavy.
<br><b>Eye Hue</b>: Periwinkle
<br><b>Body Type</b>: Feminine
<br><b>Weight</b>: One hundred and twenty-one pounds.
<br><b>Height</b>: Five feet, two inches.
<br><b>Residency</b>: Little Europa, Erue
<br><b>Family</b>: Mother (Deceased) / Father (Unknown)
<br><b>Alignment</b>: True Neutral
<br><b>Workforce Designation</b>: Artist.
<br><b>Skin Colour</b>: Peached Ivory
<br><b>M. Status</b>: Singular, partner selective.
<br><b>Orientation</b>: Demisexual

</div>

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

<div id="three" class="box">
Abilities
</div>

<div id="four" class="box">
History
</div>

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

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

<a href="http://newpublicrp.webs.com/" target="_blank"><div id="songone">Erue Group Page</div></a>
<a href="" target="_blank"><div id="songtwo">Sample Post</div></a>
<a href="http://www.youtube.com/watch?v=nlcIKh6sBtc" target="_blank"><div id="songthree">Royals - Lorde</div></a>
<a href="http://www.youtube.com/watch?v=zZpUhAk3t5I" target="_blank"><div id="songfour">Erase the Pain - Time is Up</div></a>
<a href="http://www.youtube.com/watch?v=CevxZvSJLk8" target="_blank"><div id="songfive">Roar - Katy Perry</div></a>
<a href="http://www.youtube.com/watch?v=XjwZAa2EjKA" target="_blank"><div id="songsix">Unconditionally - Katy Perry</div></a>

<div id="line">
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
</div>

<div id="credit"><a href="http://devilrose.webstarts.com/" title="Copyright"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></img></a></div>