— ᴋᴀᴛᴀ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://i48.tinypic.com/rkzxar.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}

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

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


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


a.ran:link, a.ran:active, a.ran:visited{
height: 15px;
display: block;
float: left;
width: 75px;
margin: 10px;
font-family: century gothic;
text-decoration: none;
font-size: 11px;
letter-spacing: -1px;
background-color: CDA568;
color: 333;
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: CCC;
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">
<a href="http://naruto.wikia.com/wiki/Yugito" class="nii" target="_blank">二位ユギト</a>
</div>

<div style="position: absolute; top: 225px; left: 580px; width: 150px; height: 250px; background-color: transparent; text-align: justify; font-family: verdana; font-size: 10px; color: #BBB; letter-spacing: -1px; overflow: auto;">
<b>00.</b> unless stated otherwise, semi-PM friendly. <br><br>
<b>01.</b> tends to AFK a lot. <br><br>
<b>02.</b> naruto shippuden is the only verse, nowhere else. <br> <br>
<b>03.</b> para - multipara <br><br>
<b>04.</b> real life will always come before RP. <br><br>
<b>05.</b> third person; literate. <br><br>
<b>06.</b> long-termed roleplayers only. <br><br>
<b>07.</b> the game

</div>

<div id="container">
<div style="position: absolute; top: padding-top: 40px; width: 100px; height: 250px; background-image: url(http://24.media.tumblr.com/8cdf563345ae27aaccef4b8e2da0ff93/tumblr_mhzdklNNO01s1vysgo1_500.jpg); background-position: -280px -190px; background-repeat: no-repeat; border: 20px solid #000;">
<div class="image"><div class="text">
<a href="http://roleplaychat.org/profile.php?user=Oto no Tayuya" class="ran" title="band geek.♥" target="_blank">tayuya</a>
<a href="http://roleplaychat.org/profile.php?user=Darui" class="ran" title="fellow village shinobi. ♥">darui</a>
<a href="http://roleplaychat.org/profile.php?user=Hyuga%20no%20Hinata" class="ran" title="♥">hinata</a>
<a href="http://roleplaychat.org/profile.php?user=Naruto+Uzumaki" class="ran" title="future hokage.♥">naruto</a>
<a href="http://roleplaychat.org/profile.php?user=ANBU no Sai" class="ran" title="friend.♥">sai</a>
<a href="http://roleplaychat.org/profile.php?user=Yamanaka Ino" class="ran" title="miss you.♥">ino</a>
</div></div></div></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>