— sᴀᴛɪsғᴀᴄᴛɪᴏɴ.

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

<style type="text/css">
body {background-color: #000;}
body {background-image:url("http://sadpanda.us/images/1467063-A20OJYX.png");}
body {background-repeat: repeat;}
body {background-position: fixed}
body {background-width: 0px 0px;}
body {font-family: 'cambria'; font-size: 10px; color: #CCCCCC;}

::-webkit-scrollbar-button:vertical:{background-color: #CCC;
-moz-border-radius: 130px 130px 130px 130px;
border-radius:130px 130px 130px 130px;}
::-webkit-scrollbar-thumb:vertical {background-color:#CCC;height:20px;
-moz-border-radius: 130px 130px 130px 130px;
border-radius:130px 130px 130px 130px;}
::-webkit-scrollbar-thumb:horizontal {background-color:#CCC;height:20px !important;
-moz-border-radius: 130px 130px 130px 130px;
border-radius:130px 130px 130px 130px;}
::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}

#info {
top:30px;
padding:8px;}

#sidebar {
width: 280px;
position: fixed;
left: 0px;
top: 0px;
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
background-color: #222222;
border-radius: 0px 150px 0px 0px;
z-index: 300;
}

.img{
max-width:280px;
border: 2px solid #000;
border-radius: 0px 150px 0px 0px;}

#Friend
{position: fixed;
top: 200px;
left: 150px;
height: 30px;
z-index: 100;
}

#navi{
position: fixed;
left: -5px;
top: 640px;
}

#container{
position: fixed;
top: 215px;
left: 0px;
width: 296px;
height: 430px;
overflow: hidden;
background-color: #222;
z-index: 200;
text-align: justify;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
font-family: verdana;
font-size: 9px;
color: #BBB;
overflow: hidden;}

#one, #two, #three, #four, #five{
top: 215px;
left: 0px;
width: 286px;
height: 420px;
overflow: auto;
background-color: #222;
border-top: 5px solid #222;
border-bottom: 5px solid #222;
border-left: 5px solid #222;
border-right: 5px solid #222;
}

b, strong {
font-family:'century gothic';
font-size:12px;
color:#5B656F;
font-weight:bold;
letter-spacing: -1px;}

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

i {
color: #444444;
font-family: 'calibri';
font-size:8pt;
letter-spacing:0px}

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: #CCE0FF;
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: #DED6AA 0px 0px 1px;}

small{color: #6a8386;
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;}

h1 {
color: #CCE0FF;
height: 20px;
width: %100px;
font-size: 8px;
line-height: 12px;
font-weight: normal;
letter-spacing: 1px;
font-family: terminal;
text-transform: uppercase;
text-shadow: #F1E2F5 0px 0px 2px;
text-align: center;
margin-top: 0px;}

h2
{color: #5B656F;
font-size: 15px;
line-height: 12px;
font-weight: light;
letter-spacing: 1px;
word-spacing: 2px;
font-family: DaunPenh;
text-transform: Uppercase;
font-weight: normal;
text-align: Center;
text-shadow: #000 0px 0px 1px;
width:%100px;
height:13px;
margin-top: 8px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 12px;
border-bottom: #5B656F 1px dashed;}

h2:first-letter
{color: #222B34;
font-size: 25px;
font-family: Satisfaction;
text-shadow: #000 0px 1px;}

a.bee:link, a.bee:active, a.bee:visited{
background-color: #222;
display: inline-block;
margin: 5px;
width: 49.7px;
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 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;}

a.bee:hover{
background-color: #222;
color: #111;}

a.boo:link, a.boo:active, a.boo:visited{
background-color: #000;
display: block;
width: 220px;
height: 15px;
margin: 20px;
margin-bottom: 4px;
padding-right: 3px;
font-family: century gothic;
font-size: 8px;
color: #444444;
text-transform: uppercase;
text-decoration: none;
border-left: 15px Solid #324251;
border-right: 15px Solid #324251;
letter-spacing: 1px;
text-align: center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;}

a.boo:hover{
background-color: #222;
letter-spacing: 3px;
border-left: 15px Solid #324251;
border-right: 15px Solid #324251;
color: #CCC;}

</style>

<div id="sidebar">
<img src="http://25.media.tumblr.com/aa3be3d01704424b114cf97ece803945/tumblr_mjmgvmLltg1rrieuvo1_500.gif" width="280" class="img">
<h2>Satisfaction</h2> <h1>the pleasure obtained from such fulfilment</h1>

<div id="info"></div>
<div id="container">
<div id="one">
<b>Name</b>: <font style=float:right>Answer</font><br>
<b>Nickname(s)</b>: <font style=float:right>Answer</font><br>
<b>Date of Birth</b>: <font style=float:right>Answer</font><br>
<b>Sign</b>: <font style=float:right>Answer</font><br>
<b>Age</b>: <font style=float:right>Answer</font><br>
<b>Birthdate</b>: <font style=float:right>Answer</font><br>
<b>Gender</b>: <font style=float:right> Answer</font><br>
<b>Height</b>: <font style=float:right>Answer</font><br>
<b>Weight</b>: <font style=float:right> Answer</font><br>
<b>Hair Colour</b>: <font style=float:right>Answer</font><br>
<b>Eye Hue</b>: <font style=float:right>Answer</font><br>
<b>M. Status</b>: <font style=float:right>Answer</font><br>
<b>Orientation</b>: <font style=float:right>Answer</font><br>
<b>Alignment</b>: <font style=float:right>Answer</font><br>
<b>Occupation</b>: <font style=float:right>Answer</font><br>
<b>Face Claim</b>: <font style=float:right>Emma Watson</font><br>

</div>

<div id="two">
<center> <b>bold</b> <i>italic</i> <u>underline</u> <strike>strike</strike> <big>big</big> <small>small</small></center>
</div>

<div id="three">
<a href="" target="_blank" class="boo">LINK</a>
Some words here, bla bla bla bla bla. Some words here, bla bla bla bla bla. Some words here, bla bla bla bla bla. Some words here, bla bla bla bla bla. Some words here, bla bla bla bla bla. Some words here, bla bla bla bla bla. Some words here, bla bla bla bla bla. Some words here, bla bla bla bla bla. Some words here, bla bla bla bla bla. Some words here, bla bla bla bla bla. Some words here, bla bla bla bla bla. Some words here, bla bla bla bla bla. Some words here, bla bla bla bla bla. Some words here, bla bla bla bla bla.
<a href="" target="_blank" class="boo">LINK</a>
<a href="" target="_blank" class="boo">LINK</a>
<a href="" target="_blank" class="boo">LINK</a>
<a href="" target="_blank" class="boo">LINK</a>
<a href="" target="_blank" class="boo">LINK</a>
<a href="" target="_blank" class="boo">LINK</a>
<a href="" target="_blank" class="boo">LINK</a>
</div>

<div id="four">
Proin auctor sapien in elit bibendum aliquet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce tincidunt, leo porta dapibus sollicitudin, nisl augue accumsan turpis, quis dictum velit sapien quis ipsum. Morbi in felis lectus, eget imperdiet leo. Maecenas faucibus, velit quis volutpat consequat, justo risus hendrerit felis, at viverra ipsum turpis eget nunc. Nullam euismod nibh in nisl sollicitudin non bibendum odio ornare. Integer molestie ligula quis ligula laoreet a volutpat justo ullamcorper. Vestibulum vel velit ipsum. Duis mi lectus, pharetra vel lacinia sit amet, vehicula in massa. Nunc libero lacus, vestibulum eget malesuada eu, sagittis nec leo. Pellentesque non ultrices elit. Nulla condimentum tincidunt ultricies. Integer eget risus luctus enim venenatis commodo. Aenean venenatis pharetra viverra. Cras fermentum dui vitae erat sollicitudin facilisis et at lectus. Vestibulum elementum nisi quis lacus consectetur dictum.

Mauris non arcu ac risus molestie ornare sed at risus. Nulla quis magna orci, at pellentesque arcu. In hac habitasse platea dictumst. Phasellus a augue dapibus risus semper adipiscing. Nullam fermentum, tellus in ornare cursus, lectus urna elementum dui, vitae adipiscing lacus mi ac neque. Pellentesque commodo enim in tortor bibendum quis facilisis erat pharetra. Donec libero enim, placerat sit amet faucibus nec, accumsan quis elit. Donec at nisl mauris, a egestas risus. Morbi in erat at tellus accumsan rutrum.

Nulla vestibulum vestibulum porttitor. Integer viverra aliquam lobortis. Nulla facilisi. Fusce vitae lobortis magna. Sed felis enim, molestie sed egestas ac, suscipit ut nunc. Nam fringilla eleifend nisl, ac posuere mi volutpat sed. Morbi posuere augue quis elit placerat vitae dapibus lorem facilisis. Ut convallis malesuada consectetur. Nunc molestie congue mi, nec convallis eros viverra non. Morbi arcu nibh, mollis vel commodo ac, ultricies a ligula.

Nulla felis est, vestibulum sit amet malesuada sit amet, congue non turpis. Aenean vel ipsum eros, eget blandit elit. Cras adipiscing cursus vehicula. Fusce eros dui, hendrerit nec rhoncus vel, porta dignissim arcu. Proin ut sapien ipsum, id vehicula elit. Mauris et purus orci, et pulvinar dolor. Etiam quis pellentesque sem. Nulla facilisi. Nam sed orci libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Integer tempus purus et ipsum auctor nec elementum metus bibendum. Sed id neque orci, at pretium dui. Proin condimentum ante eu neque sodales gravida. Maecenas eget augue elit. Quisque pretium congue arcu ac vehicula. In a risus erat, a placerat massa. Vivamus laoreet neque sed augue vehicula pellentesque. Curabitur ultricies lacinia quam, sed dignissim lectus facilisis eu. Nunc in lorem mauris. Fusce ut arcu at sapien tempor varius quis et eros. Curabitur ac justo sem, sit amet gravida quam. Integer aliquam tincidunt sem, sit amet molestie felis pharetra quis. Donec volutpat vulputate turpis, eu mollis lectus posuere et. Sed nibh velit, tempus eget tincidunt et, faucibus sed justo. Curabitur ut scelerisque magna.
</div>

<div id="five">
OOC or something here.
</div></div>

<div id="navi">
<a href="#one" class="bee" title="">01</a>
<a href="#two" class="bee" title="">02</a>
<a href="#three" class="bee" title="">03</a>
<a href="#four" class="bee" title="">04</a>
<a href="#five" class="bee" title="">05</a>
</div>