— ʀᴇᴅ sᴛʀɪɴɢ ᴏғ ғᴀᴛᴇ.

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

<style type="text/css">
body{
background-color: #FFF;
background-image:url('http://sadpanda.us/images/1456429-7KKRG4A.png');
background-repeat: repeat;
background-attachment:fixed;
text-align: left;
font-family:Georgia;
font-size:11px;
color:#000;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth587.cur),default}
body{overflow:hidden}

b, strong {font-family:'century gothic'; font-size:12px; color:#5EADB4; font-weight:bold; letter-spacing: -1px;}
i {color: #444444; font-family: 'calibri'; font-size:8pt; letter-spacing:0px}

::-webkit-scrollbar-button:vertical:{background-color: #BBB;
-moz-border-radius: 130px 130px 130px 130px;
border-radius:130px 130px 130px 130px;}
::-webkit-scrollbar-thumb:vertical {background-color:#BBB; height:20px;
-moz-border-radius: 130px 130px 130px 130px;
border-radius:130px 130px 130px 130px;}
::-webkit-scrollbar-thumb:horizontal {background-color:#BBB; height:20px;
-moz-border-radius: 130px 130px 130px 130px;
border-radius:130px 130px 130px 130px;}
::-webkit-scrollbar { height:20px;width:4px; background-color:transparent;}

#img{
position: fixed;
top: 180px;
left: 440px;
width: 100px;
height: 245px;
}

#img2{
position: fixed;
top: 180px;
left: 880px;
width: 100px;
height: 245px;
}

#box{
position: fixed;
top: 180px;
left: 580px;
width: 300px;
height: 40px;
font-family: verdana;
text-align: justify;
font-size: 9px;
background-color: #000;
color: #111;
border-radius: 5px solid #000;
z-index: 100;}

 h2{
        font-style: italic;
        font-weight: normal;
        letter-spacing: -1px;
        text-transform: lowercase;
        font-size: 20px;
        line-height: 12px;
        color: #5DA5B1;
        font-family: Georgia;
        text-align: center;
        margin-left: 5px;
        }

.image {
opacity: 0;
width: 100%;
height: 250px;
background-color: #000000;
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: 0.9; }

.text {
line-height: 1.5;
padding-top: 2px;
font-family: verdana;
font-size: 10;
color: silver;
text-align: justify; }

#navi{
        position: fixed;
        left: 430px;
        top: 459px;
        }

    #container{
    position: fixed;
    top: 220px;
    left: 580px;
    width: 300px;
    height: 245px;
    overflow: hidden;
    background-color: #666666;
    z-index: 200;
    text-align: justify;
    font-family: verdana;
    font-size: 10px;
    color: #111;
        border-bottom: 5px solid #000;
    overflow: hidden;}

    #one, #two, #three, #four, #five, #six{
    top: 220px;
    left: 580px;
    width: 300px;
    height: 250px;
    overflow: auto;
        border-bottom: 5px solid #000;
    background-color: #666666;
    }


a.bee:link, a.bee:active, a.bee:visited{
        background-color: #62B0B2;
        display: inline-block;
        margin: 5px;
        width: 88px;
        height: 20px;
        font-family:
        century gothic;
        font-size: 10px;
        color: #CCC;
        text-decoration: none;
        letter-spacing: 1px;
        text-transform: uppercase;
        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.bee:hover{
        background-color: #62B0B2;
        color: #111;}

a.ran:link, a.ran:active, a.ran:visited{
height: 15px;
display: block;
float: left;
width: 76px;
margin: 10px;
font-family: century gothic;
text-decoration: none;
font-size: 11px;
letter-spacing: -1px;
background-color: #000;
color: #CCC;
padding: 2px;
text-align: center!important;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;}

a.ran:hover{
background-color: transparent;
color: #999999;
text-decoration: none;}

a.nii, a.nii:active, a.nii:visited{
font-size: 19px;
background-color: none;
color: #CCC;
font-family: century gothic;
font-weight: normal;
margin-top: 13px;
line-height: 7px;
text-transform: uppercase;
text-align: center;
-webkit-transition: all 0.6s ease;
display: block;}

a.nii:hover{
text-shadow: 12px #000;
-webkit-transition: all 0.6s ease;
background-color:transparent;}

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

</style>

<div id="box">
<h2>The Blessed User of Dragon Pokemon</h2>
</div>

<div id="img">
<div style="position: absolute; top: padding-top: 40px; width: 100px; height: 250px; background-image: url(http://i.picpar.com/Tyq.jpg); background-position: -200px -100px; background-repeat: no-repeat; border: 20px solid #000;">
<div class="image"><div class="text">
<a href="/profile.php?user=Lance" class="bee" title="" target="_blank">lance</a>
<a href="/profile.php?user=" class="bee" title="">extra link</a>
<a href="/profile.php?user=" class="bee" title="">extra link</a>
<a href="/profile.php?user=" class="bee" title="">extra link</a>
<a href="/profile.php?user=" class="bee" title="">extra link</a>
<a href="/profile.php?user=" class="bee" title="">extra link</a>
<a href="/profile.php?user=" class="bee" title="">extra link</a>
<a href="/profile.php?user=" class="bee" title="">extra link</a>
</div></div></div></div>

<div id="img2">
<div style="position: absolute; top: padding-top: 40px; width: 100px; height: 250px; background-image: url(http://i.picpar.com/Ryq.jpg); background-position: -320px -50px; background-repeat: no-repeat; border: 20px solid #000;">
<div class="image"><div class="text">
<a href="/profile.php?user=" class="bee" title="">extra link</a>
<a href="/profile.php?user=" class="bee" title="">extra link</a>
<a href="/profile.php?user=" class="bee" title="">extra link</a>
<a href="/profile.php?user=" class="bee" title="">extra link</a>
<a href="/profile.php?user=" class="bee" title="">extra link</a>
<a href="/profile.php?user=" class="bee" title="">extra link</a>
<a href="/profile.php?user=" class="bee" title="">extra link</a>
<a href="/profile.php?user=" class="bee" title="">extra link</a>
</div></div></div></div>

<div id="container">
<div id="one">
<b>00.</b> unless stated otherwise, semi-PM friendly. <br>
<b>01.</b> tends to AFK a lot. <br>
<b>02.</b> no crossovers. <br>
<b>03.</b> para - multipara <br>
<b>04.</b> real life will always come before RP. <br>
<b>05.</b> third person; literate. <br>
<b>06.</b> long-termed RPers only. <br>
<b>07.</b> the game <br>
<b>08</b>. Decent grammar preferred.<br>
<b>09</b>. Keep drama strictly IC.<br>
<b>10</b>. This profile is a constant <i>wip</i>.<br>
<b>11</b>. Images provided by zerochan.<br>
<b>12</b>. Coding is mine. <br>
<b>13</b>. I have a right to say no to any RP. <br><br>

</div>

<div id="two">

</div>

<div id="three">

</div>

<div id="four">

</div>

<div id="five">

</div>

<div id="six">

</div></div>

<div id="navi">
<a href="#one" class="ran" title="Personality"></a>
<a href="#two" class="ran" title="Appearance"></a>
<a href="#three" class="ran" title="Abilities"></a>
<a href="#four" class="ran" title="Background"></a>
<a href="#five" class="ran" title="Relationships"></a>
<a href="#six" class="ran" title="Trivia"></a>
</div>

<div id="copyright"><A TARGET="_blank" HREF="/profile.php?user=Remi" title="Owner"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></A></div>