— ᴀʀᴛ ᴏғ ᴡᴇᴀᴛʜᴇʀ.

<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: #EDEDED;
background-image: url('http://24.media.tumblr.com/tumblr_lfvwoqwZbP1qge5syo1_500.gif');
background-attachment: fixed;
background-position: bottom right;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color:#BC242D; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
i {color: #666666; font-family: 'verdana'; font-variant: small-caps; font-size: 10px; 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: #FFC663; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family:Century Gothic; 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;}

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

@import url(http://fonts.googleapis.com/css?family=Grand+Hotel);

#circleback, #circle, #circleb {
visibility:visible;
left:0%;
top:0%;
position:fixed;
overflow:hidden;
}

#circleback  {
width:350px;
height:350px;
margin-left:190px;
margin-top:115px;
z-index:2;
-webkit-border-radius: 180px;
-moz-border-radius: 180px;
border-radius: 180px;
}

#circle, #circleb   {
width: 300px;
height: 300px;
left: 500px;
top: 160px;
z-index:5;
background-color: #EDEDEE;
background-image: url('https://31.media.tumblr.com/388ba22e3d5ae5b26211f912ea8c55c5/tumblr_mmaqdpbVsi1s16frqo1_400.gif');
background-repeat: no-repeat;
background-position: -50px 0px;
background-size: 390px 300px;
-webkit-border-radius: 180px;
-moz-border-radius: 180px;
border-radius: 180px;
border:15px #C05F41 solid;
}

#circleb {
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 1.6s ease-out;
-moz-transition: all 1.6s ease-out;
-ms-transition: all 1.6s ease-out;
-o-transition: all 1.6s ease-out;
transition: all 1.6s ease-out;
}

#circleb:hover  {
-webkit-transform: rotate(720deg);
-moz-transform: rotate(720deg);
-o-transform: rotate(720deg);
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

.circletext{
border: 50px solid ;
overflow: auto;
width: autopx;
height: 300px;
padding-top: 120px;
text-align: center;
font-family: verdana;
font-variant: small-caps;
background-color: #EDEDEE;
border: #EDEDEE 3px Solid;
}

#line {
position: fixed;
left: 660px;
top: 0px;
width: 10px;
height: 100%;
background-color: #C05F41;
}

#nami{
position: fixed;
top: 10px;
left: 600px;
width: 100px;
height: 100px;
background-color:#FEFCFE;
background-image: url('https://24.media.tumblr.com/aa0fc0ce54d0f2e574fe0bdc436531ff/tumblr_mv49hy0tcz1sllmo8o1_500.gif');
background-repeat: no-repeat;
background-position: -230px -20px;
border: #C05F41 10px Solid;
-webkit-border-radius: 300px;
border-radius: 300px;
padding: 10px;
z-index: 200;
width: 100px;
height: 100px;}

#Tempo{
position:fixed;
top: 510px;
left: 600px;
width: 100px;
height: 100px;
background-color:#FEFCFE;
background-image: url('https://24.media.tumblr.com/afca2547abebb552b567075f62541770/tumblr_n0lltdEDCR1ts0yx6o1_500.gif');
background-repeat: no-repeat;
background-position: -95px -100px;
border: #C05F41 10px solid;
-webkit-border-radius: 500px;
border-radius: 500px;
padding:10px;
z-index: 200;
width: 100px;
height: 100px;
}

.info{
position: absolute;
margin-top: 0px;
margin-left: 0px;
width: 450px;
height: 200px;
border: 3px Solid #C05F41;
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;
}

.image{
position: absolute;
margin-top: 250px;
margin-left: 0px;
width: 450px;
height: 200px;
border: 3px Solid #C05F41;
background-color: #EDEDEE;
z-index: 200;
opacity: 1;
}

.box {
position: fixed;
left: 0px;
top: 75px;
width: 450px;
height: 600px;
padding: 5px;
color: #212121;
background-color: transparent;
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: 100;
}

.box:target {
top: 75px;
left: 30px;
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: 100;
}

#Navi {
position: absolute;
left: 30px;
top: 150px;
width: auto;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: normal;
font-variant: small-caps;
display: inline-block;
width: 75px;
height: 15px;
color: #fff;
font-size: 10px;
background-color: #C05F41;
text-align: center;
line-height: 15px;
border: 2px solid #070707;
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: #070707;
border: 2px solid #C05F41;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

#character{
position: fixed;
left: 780px;
top: 200px;
}

.snow {
margin-top: 1px;
height: 60px;
width: 60px;
margin-left: 3px;
margin-top: 21px;
border: #C05F41 2px solid;
opacity: 0.7;
}

.snow:hover {
margin-top: 1px;
height: 60px;
width: 60px;
margin-left: 3px;
margin-top: 21px;
border: #070707 2px solid;
opacity: 1;
}

a {
color: #C05F41;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

a:hover {
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

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

</style>

<div id="line"></div>
<div id="Nami"></div>
<div id="Tempo"></div>
<div id="circle"></div>

<div id="circleb"><div class="circletext">
I've got to get a hundred million beri! <br>
Then I'm going to buy a certain village!

<div id="Navi">
<a class="nav" href="#one">ooc</a>
<a class="nav" href="#two">persona</a>
<a class="nav" href="#three">comrades</a>
</div></div></div>

<div id="one" class="box">
<div class="info">
<br><b>001</b> Made for the OP Roleplay found on that of RPC. No other verse.
<br><b>002</b> ERP's are not rare with me so I don't deny that I take part in it. They are only for long-termed roleplays. Once the character is committed to someone, if it happens, she will be devoted to him or her entirely.
<br><b>003</b> My internet is bad, very bad. So I apologize in advance if I leave the RP without notice.
<br><b>004</b> I am not that much PM friendly and will only converse with people that I know.
<br><b>005</b> Outside contact information, will only be given out once earned. Not before.
<br><b>006</b> Please be literate when roleplaying with me. I don't mind a few typos every now and again, as we are all human. But still, I would like to be able to read it, without having to decipher it or ask you what you meant with your post.
<br><b>007</b> This layout is mine and I would like it if no one steals it. Though, if you would like to use it, just <i>please</i> credit me for it? Thank you.
<br><b>008</b> Thank you for taking the time to read this profile and I hope that we will get to roleplay soon!
</div>
<div class="image"><img src="http://24.media.tumblr.com/1746cb002a5397a2b187bde6400d256a/tumblr_mx5henWyTx1t1betzo1_500.gif" width="450" height="200"></img></div>
</div>

<div id="two" class="box">
<div class="info">
<b>Epithet</b>: Cat Burglar
<br><b>Age</b>: Twenty.
<br><b>Gender</b>: Female
<br><b>Date of Birth</b>: July 3rd.
<br><b>Height</b>: 5'7
<br><b>Bounty</b>: 16,000,000
<br><b>Occupation</b>: Navigator, Pirate, Thief.
<br><b>Orientation</b>: Heterosexual
<br><b>Marital Status</b>: Disinterested
<center>For a list of her abilities 'n stuff, head <a href="http://onepiece.wikia.com/wiki/Nami/Abilities_and_Powers" target="_blank">here</a>.</center>
</div>

<div class="image"><img src="http://31.media.tumblr.com/da38f49ba0f1cee8a62b537055ffa89a/tumblr_mx5henWyTx1t1betzo4_500.gif" width="450" height="200"></img></div>
</div>

<div id="three" class="box">
<div class="info">
<a href="profile.php?user=Mugiwara no Luffy" target="_blank" title="Cpt."><img src="http://img-cache.cdn.gaiaonline.com/71268b2a02a138e4119fec5242845343/http://i213.photobucket.com/albums/cc44/DarknexHero/Icons/tumblr_luh2fb035N1qhle82.jpg" class="snow"></a>
<a href="profile.php?user=Perona" target="_blank" title="Bubblebutt."><img src="http://www.dreamwidth.org/userpic/3627345/1609633" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
<center><a href="http://i.picpar.com/Qk8.gif" target="_blank">If you wanna stare at Nami twerking dat ass. ♥</a>.</center>
</div>

<div class="image"><img src="https://31.media.tumblr.com/8d0c37a123edc4f5fee2257617bbeff5/tumblr_mudeo0IgAF1rqys1ho1_250.gif" width="450" height="200"></img></div>
</div>

<div id="character">
<img src="http://i.picpar.com/Cm8.png"></img>
</div>

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