— ᴛᴀᴋᴇ ɪᴛ ᴀʟʟ ᴀᴡᴀʏ.

<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: #F7F7F7;
background-image: url('');
background-attachment: fixed;
background-position: bottom right;
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: #CC9966; 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: 20px; 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: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height: 0px ;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:0px;width:3px; background-color:transparent;}

@import url(http://fonts.googleapis.com/css?family=Nexalight);
@import url(http://fonts.googleapis.com/css?family=Aphrodite Pro);
@import url(http://fonts.googleapis.com/css?family=Asenine);

h1 {
font-size: 40px;
background-color: none;
color: #222;
font-family: asenine;
font-weight: normal;
margin: 8px;
line-height: 12px;
text-transform: uppercase;
text-align: center;
}

h2 {
align: right;
font-family: verdana;
color: #222;
font-size: 15px;
font-weight: normal;
font-variant: small-caps;
text-transform: lowercase;
padding-bottom: 2px;
letter-spacing: -1px;
text-align: center;
}

#info {
position: fixed;
top: 0px;
height: 100%;
right: 0px;
width: 250px;
background-color: #F9FAFC;
background-image: url('http://i.picpar.com/5w7.png');
background-repeat: no-repeat;
background-position: bottom center;
border-left: 10px solid #070707;
border-right: 10px solid #070707;
}

#ooc{
position: absolute;
width: 207;
height: 150;
top: 110px;
right: 15px;
background-color: #f1ecd9;
border: #ccc4a5 solid 1px;
overflow: hidden;
padding: 5px;
text-align: justify; }

#image{
width: 1090px;
height: 280px;
position: fixed;
top: 0px;
left: 0px;
z-index:1;
background-position: 300px -120px;
border: 5px solid #070707;
background-color: #E8C6AB;
background-image: url('http://i.picpar.com/N25.png');
background-repeat: no-repeat;
}

#roster{
width: 1092px;
height: 100px;
position: fixed;
top: 558.5px;
left: 0px;
z-index: 1;
overflow: auto;
border: 4px solid #070707;
background-color: #E8C6AB;
}

#Groups {
position: absolute;
left: 0px;
top: 287px;
width: 300px;
height: 267px;
background-color: #EDEDEE;
overflow: auto;
text-align: justify;
font-face: verdana;
font-size: 10px;
font-variant: small-caps;
color: #212121;
border: 4px Solid #070707;
line-height: 13px;
z-index: 500;
}

#Plot{
position: absolute;
left: 303px;
top: 287px;
width: 490px;
height: 267px;
background-color: #EDEDEE;
overflow: auto;
text-align: justify;
font-face: verdana;
font-size: 10px;
font-variant: small-caps;
color: #212121;
border: 4px Solid #070707;
line-height: 13px;
z-index: 500;
}

#Updates {
position: absolute;
left: 790px;
top: 287px;
width: 300px;
height: 267px;
background-color: #EDEDEE;
overflow: auto;
text-align: justify;
font-face: verdana;
font-size: 10px;
font-variant: small-caps;
color: #212121;
border: 4px Solid #070707;
line-height: 13px;
z-index: 500;
}

.group {
margin-top: 7px;
height: 80px;
width: 80px;
margin-left: 9px;
border: 3px Solid #B20C0F;
opacity: 0.9;
}

</style>

<div id="info"></div>
<div id="ooc"></div>
<div id="image"></div>

<div id="roster">
<a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
<a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
<a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
<a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
<a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
<a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
<a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
<a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
<a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
<a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
<a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
</div>

<div id="groups">
<big>RACE: Vampires</big> { Brief desription here. }<br>
<big>RACE: Lycans</big> { Brief desription here. }<br>
<big>RACE: Humans</big> { Brief desription here. }
</div>
<div id="plot">
Plot goes here.
</div>
<div id="updates">
Pretty updates.
<br><br>
<small>DATE</small>: Bla bla bla bla bla bla
</div>