— Natalie.

<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/DNJ.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth648.cur'), default;
}

b, strong {font-family: calibri; font-size: 11px; font-variant: small-caps; color: #b95830; font-weight:normal; letter-spacing: 0px;}
i {color: #B67D82; font-family: century gothic; 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: #e7a78b; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #444444 0px 0px 1px;}
small {color: #e9c8c0; font-size: 14px; font-weight: light; letter-spacing: -1px; padding-top: 5px; margin-left: 20px; font-family: century gothic; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

@import url(http://fonts.googleapis.com/css?family=Grand+Hotel);

::-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: #B67D82;
text-transform: lowercase;
letter-spacing: -1px;
text-align: center;
background-color: none;
line-height: 2px;
text-align: justified;
font-family: century gothic;
text-shadow: #444444 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: 10px verdana;
font-variant: small-caps;
color: #444444;
text-align: right;
border-bottom: #212121 2px Solid;
margin: 1px;
padding: 0px;}

#no{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}

.queen{
position: absolute;
left: 10px;
top: 10px;
width: 235px;
height: 404px;
}

.reckoning{
position: fixed;
right: 60px;
bottom: 0px;
background: url('http://i.picpar.com/JNJ.png');
border: 3px solid #b38468;
width: 250px;
height: 424px;
}

.image {
opacity: 0;
width: autopx;
height: 210px;
background-color: transparent;
text-align: justify;
overflow: auto;
-ms-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
-webkit-transition: opacity .3s linear; }

.image:hover {
opacity: 1; }

.poke{
position: absolute;
margin-top: 8px;
margin-left: 10px;
width: 230px;
height: 399px;
background-color: #e5af85;
border-bottom: 10px Solid #b38468;
color: #444444;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

.box {
position: fixed;
right: -1000px;
bottom: -170px;
width: 500px;
height: 600px;
padding: 0px;
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 {
bottom: -170px;
right: 410px;
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;
}

#Navi {
position: absolute;
right: 12px;
bottom: 115px;
width: 50px;
}

a.nav:link, a.nav:active, a.nav:visited{
display: inline-block;
margin: 5px;
width: 30px;
height: 30px;
background-color: #e5af85;
border: 2px solid #b38468;
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: 240;
}

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

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

.m1{
position: absolute;
margin-left: 0px;
top: 0px;
background: url('http://media.tumblr.com/tumblr_m9cxqmUzSr1ruz9j7.gif');
border: 3px solid #b38468;
width: 120px;
height: 120px;
background-size: 120px 120px;
}

.m2{
position: absolute;
margin-left: 0px;
top: 153px;
background: url('http://imagizer.imageshack.us/scaled/large/832/moyp.gif');
border: 3px solid #b38468;
width: 120px;
height: 120px;
background-size: 120px 120px;
}

.m3{
position: absolute;
margin-left: 0px;
top: 304px;
background: url('http://media.tumblr.com/tumblr_m9cxq1kRAe1ruz9j7.gif');
border: 3px solid #b38468;
width: 120px;
height: 120px;
background-size: 120px 120px;
}

.howl{
margin-top: 0px;
height: 60px;
width: 60px;
margin-left: 6.5px;
margin-top: 21px;
border: #aa4935 2px solid;
opacity: 0.7;
}

.howl:hover {
margin-top: 0px;
height: 60px;
width: 60px;
margin-left: 6.5px;
margin-top: 21px;
border: transparent 2px solid;
opacity: 1;
}

a {
color: #ecc4ad;
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="no" oncontextmenu="return false;">

<div class="reckoning"><div class="queen">
<img src="http://24.media.tumblr.com/c14171487aeeea59d4e9a8a355eceb96/tumblr_mfge20X7E41qbi98so1_500.jpg" width="230" height="404"></img>
</div>

<div class="image">
<div class="poke">
bla bla bla ooc goes here. more will be filled out soon dont worry!
<br>Luce is my best friend. dont mess with her! c:

<br><br>Natalie Rhodes - 23 - American - 5'6" - closest to Lucy & Derek - Werewolf - Emma Stone fc.


</div></div></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">
<div class="m1"></div> <div class="m2"></div> <div class="m3"></div>

<div class="info">
<b>Bold!</b> <i>Italics!</i> <u>Underline!</u> <big>Big!</big> <small>Small!</small> <a href="link">Link!</a>
</div></div>

<div id="two" class="box">
<div class="m1"></div> <div class="m2"></div> <div class="m3"></div>

<div class="info">

</div></div>

<div id="three" class="box">
<div class="m1"></div> <div class="m2"></div> <div class="m3"></div>

<div class="info">

</div></div>

<div id="four" class="box">
<div class="m1"></div> <div class="m2"></div> <div class="m3"></div>

<div class="info">
- Is in love with the idea of love, has never actually been out on a real date before or in love for that matter.
<br>- If she had gone to Hogwarts, she either would of been sorted into Hufflepuff or Gryffindor.
<br>- Views Derek as a older brother figure, seeing as to they are always arguing / messing with each other.
<br>- Lucy is her childhood best friend.
<br>- Has been hiding the fact that she was a werewolf from Lucy since Nat knew about it. Knows that if she tells her, it would crush her.
<br>- Wants Luce to have the most normal life possible, a reason of why she hadn't told her yet.
<br>- Has lost people before because of her transformations.
</div></div>

<div id="five" class="box">
<div class="m1"></div> <div class="m2"></div> <div class="m3"></div>

<div class="info">
<a href="/profile.php?userid=280323" target="_blank" title="Derek, The Big Bad Wolf."><img src="http://i.cubeupload.com/jINLmQ.png" class="howl"></a>
<a href="/profile.php?userid=280217" target="_blank" title="Luce, The Best Friend."><img src="http://i.cubeupload.com/1fi1jg.png" class="howl"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="howl"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="howl"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="howl"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="howl"></a>
</div></div>