— Sʟʏᴛʜᴇʀɪɴ.

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

b, strong {font-family: century gothic; font-size: 11px; font-variant: small-caps; color:#2B3A35; font-weight:normal; letter-spacing: -1px;}
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: #EDEDEE; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family: century gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #2B3A35 0px 0px 1px;}
small {color: #006600; 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;}

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

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

#line {
position:fixed;
z-index: 100;
left: 0px;
height: 100%;
width: 10px;
top: 0px;
z-index: 9;
background-color: #006633;
}

#Pic {
position: fixed;
top: 0px;
left: 5px;
width: 250px;
height: 500px;
background-color: #EDEDEE;
background-image:url('http://24.media.tumblr.com/5770c02f1e8fd21a5cd251025ea08c1e/tumblr_mlfpv6SJgP1qgpng9o1_500.jpg');
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 250px 500px;
border: #006633 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;
-webkit-border-radius: 0 100px 0px 0;
border-radius: 0 100px 0px 0;
}

#ooc{
position: fixed;
top: 505px;
left: 5px;
width: 250px;
height: 150px;
text-align: justify;
line-height: 13px;
font-size: 10px;
background-color: #EDEDEE;
font-face: verdana;
font-variant: small-caps;
color: #212121;
overflow: auto;
border: 5px #006633 Solid;
z-index: 500;
}

.Navi {
position: absolute;
margin-left: 20px;
margin-top: 180px;
width: auto;
}

a.nav:link, a.nav:active, a.nav:visited{
margin: 3px;
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 200px;
height: 20px;
color: #ededee;
background-color: #212121;
text-align: center;
line-height: 13px;
font-variant: small-caps;
border: 2px solid #7A9385;
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 #7A9385;
color: #212121;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

.box {
position: fixed;
left: 0px;
top: 110px;
width: 300px;
height: 500px;
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 #666;
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: 110px;
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;
}

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

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

a {
color: #B67D82;
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;
}

.image {
opacity: 0;
width: autopx;
height: 500px;
background-color: #EDEDEE;
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;
-webkit-border-radius: 0 100px 0px 0;
border-radius: 0 100px 0px 0;
}

.image:hover {
opacity: 1; }

.text {
line-height: 1.5;
padding-top: 2px;
font-family: verdana;
font-variant: small-caps;
font-size: 10;
color: #212121;
text-align: justify; }

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

</style>

<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>

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

<div id="one" class="box">
</div>

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

</div>

<div id="three" class="box">
<a href="profile.php?user=Remi" target="_blank" title=""><img src="http://i.cubeupload.com/zcWGgA.png" class="snake"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snake"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snake"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snake"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snake"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snake"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snake"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snake"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snake"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snake"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snake"></a>
</div>

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

</div>

<div id="pic">
<div class="image"><div class="text">
<div class="navi">
<a class="nav" href="#one">C</a>
<a class="nav" href="#two">H</a>
<a class="nav" href="#three">A</a>
<a class="nav" href="#four">R</a>
<a class="nav" href="#bee">M</a>
</div></div></div></div>

<div id="ooc">
<center><b>Bold</b> <i>Italic</i> <u>Underline</u> <big>Big</big> <small>Small</small> <a href="link">Link</a></center><br>
pretty words of ooc goes here. tabs are under the pic and the boxes will slide out. enjoy. <3
</div>