- esme.

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

<style type="text/css">
body {
font-family: verdana;
font-size: 10px;
background-color: #FFFFFF;
background-image: url('http://i.picpar.com/bfA.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
background-position: 0px 150px;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
}

b, strong {font-family:'century gothic'; font-variant: small-caps; font-size: 15px; color: #9B919C; font-weight:normal; letter-spacing: -1px;}
i {color: #B67D82; font-family: verdana; font-variant: small-caps; font-size: 10.5px; 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: #9B919C; 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: #663366; font-size: 14px; font-weight: light; letter-spacing: -1px; padding-top: 5px; font-family: century gothic; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

— do not take this code, its not yours, nor will it be. i worked hard on this. —
— do not take this code, its not yours, nor will it be. i worked hard on this. —
— do not take this code, its not yours, nor will it be. i worked hard on this. —

::-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;}

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

h2{
font-size: 35px;
font-variant: small-caps;
color: #EDEDEE;
text-transform: normal;
letter-spacing: -1px;
text-align: right;
background-color: none;
line-height: 0px;
text-align: center;
font-family: grand hotel;
text-shadow: #669966 2px 3px 4px;
padding: 0px;
font-weight: normal;
}

#line{
position: fixed;
background-image: url('http://i.picpar.com/vnw.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
z-index: 100;
left: 0px;
height: 260px;
width: 400px;
top: 397px;
z-index: 9;
border-top: 5px Solid #2B3A35;
border-bottom: 5px Solid #2B3A35;
background-color: #212121;
}

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

.container {
top: 0px;
left: 400px;
padding: 2px;
width: 508px;
position: absolute;
background-color: #EDEDEE;
border-left: 5px Solid #2B3A35;
border-right: 5px Solid #2B3A35;
background-image: url('http://i.picpar.com/vnw.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
z-index: 150;
}

.info {
float: left;
margin: 1px;
width: 380px;
height: 104px;
margin-left: 10px;
font-family: century gothic;
font-variant: small-caps;
background-color: #020202;
border: 3px Solid #669966;
color: #FEFEFE;
text-align: justify;
}

.icon {
float: left;
padding: 2px;
width: 100px;
height: 100px;
background-color: #020202;
border: 3px Solid #669966;
color: #FEFEFE;
margin: 0px;
text-align: justify;
}

.Navi {
position: absolute;
left: 160px;
top: 178px;
width: auto;
z-index: 9999999999;
}

.craft{
height: 70px;
width: 70px;
margin-top: 7px;
margin-left: 1px;
display: inline-block;
border: #669966 2px solid;
opacity: 0.7;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
}

.craft:hover {
opacity: 1;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
}

.box {
position: fixed;
left: 5px;
top: -300px;
width: 340px;
height: 370px;
padding: 5px;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
border-left: 20px Solid #2B3A35;
border-right: 20px Solid #2B3A35;
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;
z-index: 200;
}

.box:target {
top: 10px;
left: 5px;
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: 200;
}

.spell{
height: 100px;
width: 100px;
display: block;
opacity: 0.7;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
}

.spell:hover {
opacity: 1;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
}

a.spook:link, a.spook:active, a.spook:visited{
background-color: #669966;
display: inline-block;
margin: 5px;
width: 110px;
height: 20px;
font-family: verdana;
font-variant: small-caps;
font-size: 10;
color: #EDEDEE;
text-decoration: none;
letter-spacing: 1px;
text-transform: normal;
text-align: center;
line-height: 21px;
-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;}

a.spook:hover{
background-color: #EDEDED;
color: #222;}

.links{
position:fixed;
margin-top: 140px;
margin-left: 155px;
width: 245px;
height: autopx;
background-color: transparent;
}

.words{
position:fixed;
margin-top: -5px;
margin-left: 155px;
width: 245px;
font-face: verdana;
font-size: 10px;
font-variant: small-caps;
height: autopx;
background-color: transparent;
}

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

a:hover {
color: transparent;
display: inline-block;
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="line">

<div class="links">
<a href="/profile.php?user=Club%20Rose" class="spook">GROUP PAGE</a>
<a href="http://www.youtube.com/watch?v=LqI78S14Wgg" class="spook">THEME</a>
</div>

<div class="words">
<h2>Esme</h2>
At the curtain’s call, it's the last of all<br>
When the lights fade out, all the sinners crawl<br>

So they dug your grave and the masquerade<br>
Will come calling out at the mess you've made<br>

Don't wanna let you down, but I am hell bound<br>
Though this is all for you, don't wanna hide the truth<br>
</div>

<div class="navi">
<a class="nav" href="#one"><img src="http://img89.imageshack.us/img89/1663/closecrop.png" class="craft"></a>
<a class="nav" href="#two"><img src="http://img213.imageshack.us/img213/1779/incharacter.png" class="craft"></a>
<a class="nav" href="#three"><img src="http://img231.imageshack.us/img231/2388/sexytt.png" class="craft"></img></a>
</div>

<div class="image"><img src="http://i.picpar.com/xY9.jpg" width="150" height="260"></div>
</div>

<div class="container">
<div class="icon"><a href="/profile.php?userid=233655" target="blank"><img src="http://i41.tinypic.com/jadxdl.jpg" class="spell"></a></div>
<div class="info">
bla bla bla words here.
</div>

<div class="icon"><a href="/profile.php?userid=269428" target="blank"><img src="http://i5.minus.com/jbCGRgezkkYLN_e.jpg" class="spell"></img></a></div>
<div class="info">
bla bla bla words here.
</div>

<div class="icon"></div>
<div class="info">
bla bla bla words here.
</div>

<div class="icon"></div>
<div class="info">
bla bla bla words here.
</div>

<div class="icon"></div>
<div class="info">
bla bla bla words here.
</div>

<div class="icon"></div>
<div class="info">
bla bla bla words here.
</div></div>

<div id="one" class="box">
<big>OO1</big>: Do not take me seriously if I'm joking around in the room. The only time I am, is if I'm dealing with admin things.
<br><big>OO2</big>: Founder and Head Admin of the Club Rose group & room. Please come to if you have any questions ( if they couldn't have been answered on the group page ), comments ( positive sounding ones! ), or concerns.
<br><big>OO3</big>: I am Semi-PM friendly. I suppose.
<br><big>OO4</big>: No profile/effort placed into the profile = No RP.
<br><big>OO5</big>: I AFK a lot, forgive me.
<br><big>OO6</big>: Real life is top priority over anything as I have a job and other things to take care of. Remember this.
<br><big>OO7</big>: I made this layout for me & me only. Leave it be & do not steal.
<br><big>OO8</big>: Drama will not be tolerated by me. Bother someone else.
<br><big>OO9</big>: OOC does not mean nor equal IC. Do not get the two mixed up.
<br><big>O10</big>: Third person; Semi to Multi para. Literate. No txt speak.
<br><big>O11</big>: Outside contact are given to long-termed roleplayers & people whom I generally like.
<br><big>O12</big>: I idle a lot. RPC can't keep my attention long enough to stay glued to it. It happens. I also sleep with my comp running so yea.
<br><big>O13</big>: Realistic pictures only. No animated ones. No, I will not change this.
<br><big>O14</big>: Forever a WIP & Forever being updated with new information.
<br><big>O15</big>: Thank you for taking the time to read this profile and I hope that we will get to roleplay soon!
</div>

<div id="two" class="box">
<h1> Stats. </h1>
<b>Name</b> <font style=float:right> Arellano, Renesmee </font><br>
<b>Alias</b> <font style=float:right> Esme, etc.</font><br>
<b>Gender</b> <font style=float:right>Female.</font><br>
<b>Age</b> <font style=float:right>Twenty-three.</font><br>
<b>Birthdate</b> <font style=float:right>The 23rd of February, 1991</font><br>
<b>Sexual Orientation</b> <font style=float:right>Heterosexual</font><br>
<b>Marital Status</b> <font style=float:right>Singular, Partner selective.</a></font><br>
<b>Interest</b> <font style=float:right><A href="/profile.php?userid=269428" target="_blank">This guy, right here.</a></font><br>
<b>Residence</b> <font style=float:right>A room on the 3rd FL of the Club's building.</font><br>
<b>Occupation</b> <font style=float:right>Owner of Club Rose</font><br>
<b>Height/Weight</b> <font style=float:right> 05'07" / 136lbs</font><br>
<b>Race</b> <font style=float:right>Human</font><br>
<b>Eye Hue</b> <font style=float:right>Slate Blue</font><br>
<b>Hair Colour</b> <font style=float:right>Ginger</font><br>
<b>Affiliation</b> <font style=float:right>Herself, The Club.</font><br>
<b>Face Claim</b> <font style=float:right>Woll, Deborah Ann</font><br>
</div>

<div id="three" class="box">
- will add something here when the time comes. -
</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>