— ɴᴀᴋᴀᴍᴀ.

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

<style type="text/css">
body {
font-family: arial narrow;
font-size: 10px;
background-color: #EDEDED;
background-image: url('http://i.picpar.com/0w0.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');
}

::-webkit-scrollbar-button:vertical:{background-color: #000;
-moz-border-radius: 0px 0px 0px px;
border-radius: 0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color:#000; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color:#000; 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;}

b, strong {font-family:'nexalight'; font-size:15px; color:#B20C0F; font-weight:normal; letter-spacing: -1px;}
i {color: #666666; font-family: 'calibri'; font-size:8pt; 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: #181818; 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: #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;}

#mugiwara {
position:fixed;
top: 200px;
left: 200px;
width: 250px;
height: 250px;
background-color:#FEFCFE;
background-image: url('http://i.minus.com/ibg68kKzCgXPVu.jpg');
background-repeat: no-repeat;
background-position: -90px -20px;
background-size: 500px 600px;
border-left:10px solid;
border-top:10px solid;
border-bottom:10px solid;
border-right:10px solid;
border-color: #000000;
-webkit-border-radius: 500px;
border-radius: 500px;
padding:10px;
z-index: 5;
width: 250px;
height: 250px;}

#mugiwara:hover {
color: #ffffff;
background-color: #000000;
border-left:10px solid;
border-top:10px solid;
border-bottom:10px solid;
border-right:10px solid;
border-color: #000000;
font-family: arial;
font-size: 8px;
text-align: justify;
line-height: 13px;
letter-spacing: 1px;
word-spacing: 1px;
overflow: auto;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;}

#no {
position:fixed;
top: 420px;
left: 400px;
width: 100px;
height: 100px;
background-color:#FEFCFE;
background-image: url('http://25.media.tumblr.com/tumblr_mc3ty7pFPd1rpj93so1_250.gif');
background-repeat: no-repeat;
background-position: -50px -20px;
border-left:10px solid;
border-top:10px solid;
border-bottom:10px solid;
border-right:10px solid;
border-color: #000000;
-webkit-border-radius: 500px;
border-radius: 500px;
padding:10px;
z-index: 200;
width: 100px;
height: 100px;}

#luffy{
position:fixed;
top: 150px;
left: 400px;
width: 100px;
height: 100px;
background-color:#FEFCFE;
background-image: url('http://31.media.tumblr.com/tumblr_lwxya9Tl2y1qklm53o4_250.gif');
background-repeat: no-repeat;
background-position: 0px -10px;
background-size: 130px 130px;
border-left:10px solid;
border-top:10px solid;
border-bottom:10px solid;
border-right:10px solid;
border-color: #000000;
-webkit-border-radius: 500px;
border-radius: 500px;
padding:10px;
z-index: 200;
width: 100px;
height: 100px;}

#Title{
position: fixed;
top: 150px;
left: 270px;
color: #FEFEFE;
font-size: 55px;
line-height: 80px;
letter-spacing: 3px;
font-family: lavanderia sturdy;
text-shadow: #690000 2px 3px 4px;
z-index: 11;
}

#Navi {
position: fixed;
left: 490px;
top: 281px;
}

h2{
font: 10px verdana;
font-variant: small-caps;
color: black;
text-transform: none;
letter-spacing: 1px;
border-bottom: none;
background-color: none;
line-height: 8px;
text-align: right;
border-left: #212121 10px Solid;
margin: 1px;
padding: 0px;}

.box {
position: fixed;
left: 550px;
top: 150px;
width: 247px;
height: 400px;
padding: 5px;
color: #212121;
font-family: calibri;
font-variant: small-caps;
text-align: justify;
font-size: 12px;
line-height: 13px;
overflow: auto;
border: 5px Solid #690000;
background-color: #FEFEFE;
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: 150px;
left: 550px;
opacity: 1.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;
}

.snow {
margin-top: 1px;
height: 50px;
width: 50px;
margin-left: 10px;
margin-top: 8px;
border: #6B5360 2px solid;
opacity: 0.7;
}

.snow:hover {
margin-top: 1px;
height: 50px;
width: 50px;
margin-left: 10px;
margin-top: 8px;
border: #6B5360 2px solid;
opacity: 1;
}

a {
color: #690000;
text-decoration: none;
}

a:hover {
color: #888888;
text-decoration: none;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
}

a.nav:link, a.nav:active, a.nav:visited{
text-decoration: none;
width: 19px;
height: 19px;
margin: 5px;
display:block;
padding: 0px;
background-color:#690000;
text-transform: uppercase;
text-align: center;
font-family: georgia;
font-size: 9px;
font-weight:normal;
letter-spacing: 0px;
border-radius: 240px;
-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: #212121;
border:none;
text-decoration: none;
}

#cook{
margin-top: 40px;
margin-left: -15px;
width: autopx;
text-align:center; }

.about{
opacity: 0;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
text-align:justify;
color:#a7b2d1;
height: autopx;}

.ing:hover .about{
opacity:1;
background-color: transparent;
}

.ing:hover{
background-color: transparent;
}

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

</style>

<div id="title">Luffy</div>

<div id="Navi">
<a class="nav" href="#ooc"></a>
<a class="nav" href="#dossier"></a>
<a class="nav" href="#character"></a>
<a class="nav" href="#abilities"></a>
<a class="nav" href="#history"></a>
<a class="nav" href="/profile.php?userid=218095" title="restart"></a>
</div>

<div id="mugiwara">
<div class="ing">
<div class="about" border="0" cellpadding="0" cellspacing="0">
<div id="cook">
<a href="profile.php?user=Nami" target="_blank" title="description here."><img src="http://i1295.photobucket.com/albums/b628/StripezMe/LJ%20ICONS/001/XN1_zps1a883ae5.png" class="snow"></a>
<a href="profile.php?user=Perona" target="_blank" title="description here."><img src="http://i587.photobucket.com/albums/ss311/Suchi-Sama/Icons/One%20Piece/Perona.png" class="snow"></a>
<a href="profile.php?user=Cassandra" target="_blank" title="description here."><img src="http://images6.fanpop.com/image/photos/35800000/Ryuko-Matoi-Icon-kill-la-kill-35864719-100-100.png" class="snow"></a>
<a href="profile.php?user=Cassandra" target="_blank" title="description here."><img src="http://images6.fanpop.com/image/photos/35800000/Ryuko-Matoi-Icon-kill-la-kill-35864719-100-100.png" class="snow"></a>
<a href="profile.php?user=Cassandra" target="_blank" title="description here."><img src="http://images6.fanpop.com/image/photos/35800000/Ryuko-Matoi-Icon-kill-la-kill-35864719-100-100.png" class="snow"></a>
<a href="profile.php?user=Cassandra" target="_blank" title="description here."><img src="http://images6.fanpop.com/image/photos/35800000/Ryuko-Matoi-Icon-kill-la-kill-35864719-100-100.png" class="snow"></a>
<a href="profile.php?user=Cassandra" target="_blank" title="description here."><img src="http://images6.fanpop.com/image/photos/35800000/Ryuko-Matoi-Icon-kill-la-kill-35864719-100-100.png" class="snow"></a>
<a href="profile.php?user=Cassandra" target="_blank" title="description here."><img src="http://images6.fanpop.com/image/photos/35800000/Ryuko-Matoi-Icon-kill-la-kill-35864719-100-100.png" class="snow"></a>

</div></div></div></div>

<div id="no"></div>
<div id="luffy"></div>

<div id="ooc" class="box">
<h2> Out of Character. - Read, understand, follow. </h2>
<b>000</b>
<br><br><b>001</b>
<br><br><b>002</b>
<br><br><b>003</b>
<br><br><b>004</b>
<br><br><b>005</b>
<br><br><b>006</b>
<br><br><b>007</b>
<br><br><b>008</b>
<br><br><b>009</b>
<br><br><b>010</b>
</div>

<div id="dossier" class="box">
<h2> Dossier.</h2>
<font style=float:left>Given Name</font> <font style=float:right>Answer</font><br>
<font style=float:left>Moniker(s)</font> <font style=float:right>Answer</font><br>
<font style=float:left>D.O.B</font> <font style=float:right>Answer</font><br>
<font style=float:left>Zodiac</font> <font style=float:right>Answer</font><br>
<font style=float:left>Gender</font> <font style=float:right>Answer</font><br>
<font style=float:left>Hair Colour</font> <font style=float:right>Answer</font><br>
<font style=float:left>Eye Hue</font> <font style=float:right>Answer</font><br>
<font style=float:left>Height</font> <font style=float:right>Answer</font><br>
<font style=float:left>Weight</font> <font style=float:right>Answer</font><br>
<font style=float:left>Body Type</font> <font style=float:right>Answer</font><br>
<font style=float:left>Age</font> <font style=float:right>Answer</font><br>
<font style=float:left>Occupation</font> <font style=float:right>Answer</font><br>
</div>

<div id="character" class="box">
<h2> Appearance & Personality. </h2>
<b>bold</b> <i>italic</i> <u>underline</u> <strike>strike through</strike> <big>big text</big> <small>small text</small>
</div>

<div id="abilities" class="box">
<h2> Abilities. </h2>
WIP.
</div>

<div id="history" class="box">
<h2> Background Information. </h2>
WIP.
</div>

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