- dont let me go.

<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: #000000;
background-image: url('http://i.picpar.com/JCO.png');
background-attachment: fixed;
background-position: bottom left;
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:#838894; 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: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
big {color: #3B2F7F; font-size: 35px; font-weight: light; margin-left: 30px; letter-spacing: 0px; font-family: Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #43150E 0px 0px 1px;}
small {color: #3B2F7F; font-size: 18px; font-weight: light; letter-spacing: -1px; font-family: verdana; 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: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;}

@font-face { font-family: "lainie"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }

#no{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 999999;
}

#line{
position: fixed;
z-index: 100;
left: 0px;
height: 60px;
width: 100%;
bottom: 0px;
z-index: 850;
background-color: #ABB4C5;
border-top: #8893A4 3px Solid;
}

.friends{
position: absolute;
bottom: 5px;
left: 5px;
z-index:900;
}

#icon {
position: fixed;
bottom: 0px;
left: 890px;
width: 100px;
height: 100px;
background-color: #EDEDEE;
background-image:url('https://31.media.tumblr.com/3a35d91b69eca1b470264abb5f889073/tumblr_n6lso8XYOZ1r7hrgxo1_400.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 100px 100px;
border: #8893A4 5px solid;
border-radius: 240px;
z-index: 900;
}

#title{
position: fixed;
bottom: 40px;
left: 1000px;
color: #6694AE;
font-size: 80px;
line-height: 80px;
letter-spacing: -2px;
font-family: "lainie";
text-shadow: #CCCCCC 2px 3px 4px;
z-index: 950;
}

.Navi {
position: absolute;
left: 1050px;
bottom: 35px;
width: 300px;
height: 20px;
background-color: transparent;
z-index: 2000;
}

.box {
position: fixed;
left: 10px;
bottom: -1000px;
width: 850px;
height: 400px;
padding: 5px;
background-image: url('http://i.cubeupload.com/LMOpmB.png');
background-attachment: absolute;
background-position: top left;
background-repeat: repeat;
border: 8px Solid #8893A4;
overflow: auto;
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 {
bottom: 150px;
left: 10px;
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;
}

.apollo {
position: absolute;
bottom: 5px;
left: 5px;
width: 250px;
height: 390px;
background-color: #EDEDEE;
background-image:url('http://24.media.tumblr.com/120b6f45a3eebba1325fc46df5a91970/tumblr_n4eiy1kpGQ1qdr3xmo1_500.png');
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 250px 400px;
border: #ADB4C5 5px solid;
z-index: 500;
}

.info{
position: absolute;
bottom: 5px;
left: 270px;
width: 400px;
height: 190px;
border: 5px Solid #ADB4C5;
background-color: #EDEDEE;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

.info:first-letter {
float: left;
display: inline-block;
font-family: adore;
font-size: 30px;
text-transform: uppercase;
color: #FFFFFF;
background-color: #8893A4;
padding: 15px;
margin-right: 5px;
border: 3px double #FFFFFF;
}

.dossier{
position: absolute;
bottom: 245px;
left: 270px;
width: 575px;
height: 150px;
border: 5px Solid #ADB4C5;
background-color: #EDEDEE;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

.mini{
position: absolute;
bottom: 5px;
left: 685px;
width: 160px;
height: 190px;
border: 5px Solid #ADB4C5;
background-color: #EDEDEE;
overflow: hidden;
z-index: 200;
background-image:url('http://i.picpar.com/WFO.png');
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 160px 190px;
}

.links {
position: absolute;
left: 270px;
bottom: 218px;
width: autopx;
height: 20px;
background-color: transparent;
z-index: 200;
}

a.seer:link, a.seer:active, a.seer:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 109.5px;
height: 20px;
color: #EDEDEE;
font-size: 10px;
background-color: #8893A4;
text-align: center;
line-height: 18px;
font-variant: small-caps;
border: 2px solid #CCCCCC;
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;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;}

a.seer:hover{
background-color: #8893A4;
border: 2px solid #CCCCCC;
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 25px;
height: 10px;
color: #fff;
font-size: 10px;
background-color: #CCCCCC;
text-align: center;
line-height: 10px;
font-variant: small-caps;
border: 2px solid #8893A4;
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;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
}

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

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

.demi {
height: 45px;
width: 80px;
border: #4c4d4f 2px solid;
opacity: 0.7;
}

.demi:hover {
opacity: 1;
}

</style>

<div id="no" oncontextmenu="return false;">

<div id="line">
<div class="friends">
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x45" class="demi"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x45" class="demi"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x45" class="demi"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x45" class="demi"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x45" class="demi"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x45" class="demi"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x45" class="demi"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x45" class="demi"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x45" class="demi"></a>
<a href="profile.php?user=" target="_blank"><img src="http://placehold.it/80x45" class="demi"></a>
</div></div>

<div id="icon"></div> <div id="title">Don't let me go</div>

<div class="navi">
<a class="nav" href="#ooc">i</a>
<a class="nav" href="#persona">ii</a>
<a class="nav" href="#history">iii</a>
<a class="nav" href="#abilities">iv</a>
<a class="nav" href="#home">v</a>
</div>

<div id="ooc" class="box">
<div class="apollo"></div> <div class="mini"></div>
<div class="dossier"></div>

<div class="info">
Best viewed in Chrome on a 13 inched monitor, use the arrow keys as your navigation.
</div>

<div class="links">
<a href="https://www.youtube.com/watch?v=s_rSrHmJGw0" target="_blank" class="seer">Don't Let Me Go</a>
<a href="http://pastebin.com/8vGzsUcZ" target="_blank" class="seer">Rules</a>
<a href="profile.php?user=Queen" target="_blank" class="seer">CREDIT</a>
<a href="http://pastebin.com/RmmkykR9" target="_blank" class="seer">Roster</a>
<a href="https://www.youtube.com/watch?v=CGyEd0aKWZE" target="_blank" class="seer">Burn</a>
</div></div>