<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Alex+Brush);
@import url(https://fonts.googleapis.com/css?family=Taviraj);
@import url(https://fonts.googleapis.com/css?family=Oswald);

body {

background-color: #fff;
background-image: url('http://3.bp.blogspot.com/-Krupohfrlyo/UFr-fIKi5BI/AAAAAAAACi4/iiBfepSMKTg/s1600/free_canvas_texture-dark_brown.jpg');
background-position: center center;
background-repeat: repeat;
background-size: auto;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
overflow:hidden;
color: #666666;}

#pictureone {


position: absolute;
left: 6%;
top: 0px;
bottom:-20px;
margin: 25px;}

#picturetwo {


position: absolute;
left: 47.8%;
top: 61%;
overflow:hidden;
margin: 25px;}


#Box1{
position:absolute;
top: 38%;
left: 35%;
height:25%;
width: 30%;
border-radius:0px;
background-color: #000;
background:url('http://i.imgur.com/wPjbOmw.png');
background-size:100% 100%;
overflow:hidden;
border:4px solid #5A483A;
}

.Box2{
z-index: -1;
text-align: center;
text-size: 40px;
font-family: Oswald;
background-color: #fff;
position:absolute;
background-size: 100%;
top: 38%;
left: 35%;
height:25%;
width: 30%;
border-radius:0px;
overflow:auto;
border:4px solid black;
opacity: 0.0px;
-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}

.Box2:target{ z-index: 5;-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; opacity: 0.9;}


.Box3{
z-index: -1;
text-align: center;
text-size: 40px;
font-family: georgia;
background-color: #fff;
position:absolute;
background-size: 100%;
top: 38%;
left: 35%;
height:25%;
width: 30%;
border-radius:0px;
overflow:auto;
border:4px solid #5A483A;
opacity: 0.0px;
-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}


.Box3:target{ z-index: 5;-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; opacity: 0.9;}






#Name{
position: absolute;
top: 30%;
left: 38%;
color: #FF528B;
font-size: 50px;
line-height: 80px;
letter-spacing: 3px;
font-style:italic;
font-family: alex brush;
text-shadow: 0px 0px 2px #000000;
z-index: 700;
}

.tab1 {

z-index:10;
position:absolute;
top: 40%;
left: 67%;
width: 1%;
height: 2%;
border-radius: 50%;
background-color: #5A483A;
border:2px solid #827062;
}

.tab2 {

z-index:10;
position:absolute;
top: 46.5%;
left: 67%;
width: 1%;
height: 2%;
border-radius: 50%;
background-color: #5A483A;
border:2px solid #827062;
}

.tab3 {

z-index:10;
position:absolute;
top: 53.5%;
left: 67%;
width: 1%;
height: 2%;
border-radius: 50%;
background-color: #5A483A;
border:2px solid #827062;
}

.tab4 {

z-index:10;
position:absolute;
top: 60%;
left: 67%;
width: 1%;
height: 2%;
border-radius: 50%;
background-color: #5A483A;
border:2px solid #827062;
}

#navigation{

position: Absolute;
top: 63.9%;
left: 35%;
opacity: 0.5;
border:2px solid #000;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation:hover { opacity:1; }

#navigation2{

position: Absolute;
top: 63.9%;
left: 39.6%;
opacity: 0.5;
border:2px solid #827062;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation2:hover { opacity:1; }

#navigation3{

position: Absolute;
top: 63.9%;
left: 44.3%;
opacity: 0.5;
border:2px solid #827062;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation3:hover { opacity:1; }

#navigation4{

position: Absolute;
top: 63.9%;
left: 51.4%;
opacity: 0.5;
border:2px solid #827062;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation4:hover { opacity:1; }

#navigation5{

position: Absolute;
top: 63.9%;
left: 56.1%;
opacity: 0.5;
border:2px solid #827062;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation5:hover { opacity:1; }

#navigation6{

position: Absolute;
top: 63.9%;
left: 60.75%;
opacity: 0.5;
border:2px solid #827062;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation6:hover { opacity:1; }

</style>




<div id="box1">
</div>
</div>
</div>

<a href="#1"><div class="tab1"></div></a>
<a href="#2"><div class="tab2"></div></a>
<a href="#3"><div class="tab3"></div></a>
 <a href="#4"><div class="tab4"></div></a>

<div id="pictureone">
<img src="http://68.media.tumblr.com/036e63c2f501231f67f957fb9a9323bd/tumblr_nrxa9a8C4k1r0d13ko1_r2_500.png" class="picture"></div>




<div id="1" class="Box3">
<img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/anotherdumpingfolder/line71.gif">
<br><br>
<center>
<u>name</u> ; buru <br>
<u>species</u> ; domestic feline <br>
<u>height</u> ; 4'4'' <br>
<u>weight</u> ; pudgy <br>
<u>orient</u> ; bisexual <br>
<u>current</u> ; solo <br>
<u>defining features</u> ; freckles, thick hair, bushy tail <br>
<u>demeanor</u> ; nonchalant, gluttonous, bratty <br>
<u>habits</u> ; biting her claws, clawing furniture, fidgeting<br>
<u>perfume</u> ; salted caramel <br><br>
<img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/anotherdumpingfolder/line71.gif">

</div>


<div id="2" class="Box3">
<img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/anotherdumpingfolder/line71.gif"><br><br>
<font size="4"> extras</font><br>
<font size="1">click the chocolates!</font><br> </sub></sub><br>


<a href="http://68.media.tumblr.com/5f59f69ec23bdb6e137de21a7a48676e/tumblr_o84lxiHeaG1r0d13ko1_500.png"><img src="http://68.media.tumblr.com/de7c9611658bd7cb59e7a0c4f8dc5172/tumblr_inline_mk8nsdI9Hu1roozkr.gif"></a>
<a href="http://68.media.tumblr.com/868d28bb8f1127ec8ba4ef6a94b5ee89/tumblr_inline_nvqgmyLzAJ1qlwr9r_500.png"><img src="http://68.media.tumblr.com/de7c9611658bd7cb59e7a0c4f8dc5172/tumblr_inline_mk8nsdI9Hu1roozkr.gif"></a>
<a href="http://68.media.tumblr.com/ce1104026c6b72e39f8b8a8bc0aeba77/tumblr_nu4umu4cZh1r0d13ko1_500.png"><img src="http://68.media.tumblr.com/de7c9611658bd7cb59e7a0c4f8dc5172/tumblr_inline_mk8nsdI9Hu1roozkr.gif"></a>
<a href="http://68.media.tumblr.com/46665f50dd3543f6341914ded6f178a8/tumblr_ntd9qkgfZW1r0d13ko2_r1_500.png"><img src="http://68.media.tumblr.com/de7c9611658bd7cb59e7a0c4f8dc5172/tumblr_inline_mk8nsdI9Hu1roozkr.gif"></a>

<br><br><img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/anotherdumpingfolder/line71.gif">
</div>



<div id="3" class="Box3">
<img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/anotherdumpingfolder/line71.gif"><br><br>
<font size="4">ooc</font><br><br>
im not my character<br>
open with a post or ic! <br>
i type in lowercase, its just how i am <br>
smut is possible <br>
pm friendly, usually ! <br>
<br><br><img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/anotherdumpingfolder/line71.gif">

</div>

<div id="one" class="Box2">


<div id="two" class="Box2">




</div>



<div id="three" class="Box2">


<b><i>""</b></i>
<br><br><br>


</div>


<div id="four" class="Box2">


prr
</div>


<div id="five" class="Box2">

<b><i>""</b></i>
<br><br><br>

</div>



<div id="six" class="Box2">


<b><i>""</b></i>
<br><br><br>

</div>
</div>