klavier.

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

@font-face {
font-family: "heather";
src: url('http://static.tumblr.com/7fjp0ap/yh5mcyonf/heather_.ttf');}



@font-face {
font-family: "trajanpro";
src: url('http://static.tumblr.com/7fjp0ap/S1Qmelzqa/trajanpro-regular.otf');}



body {
background-image: url('http://www.freefever.com/stock/textures-wallpapers-purple-leather-texture-free-high-resolution-photo-dimensions-wallpaper.jpg');
background-color: #ffffff;
background-attachment: fixed;
background-repeat: repeat;
color: #212d35;
font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
font-size: 10px;
}



::-webkit-scrollbar-thumb {
background-color: #3e4f57;
height: 5px;
width: 8px;
}

::-webkit-scrollbar {
height: 5px;
width: 8px;
background-color: #ffffff;
}

a{
color: #3e697c;
text-decoration: none;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
}

a:hover{
color: #465359;
    }




#center{
margin-top:-20;
margin-left:auto;
margin-right:auto;

width:  960px;
}




#sidee{
position: fixed;
left: 100px;
top: 50px;
bottom: 50px;
width: 300px;
text-align:center;
}




#side2{

border: 2px dotted #708a9b;
width: 250px;
height: 250px;
text-align: center;
padding: 1px;
-moz-border-radius: 250px 250px 250px 250px;
-webkit-border-radius: 250px 250px 250px 250px;
border-radius: 250px 250px 250px 250px;
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition: all 1.1s ease;
}


#sidee:hover #side2{
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition: all 1.1s ease;

    }


#side2x img{
height: 250px;
width: 250px;
-moz-border-radius: 250px 250px 250px 250px;
-webkit-border-radius: 250px 250px 250px 250px;
border-radius: 250px 250px 250px 250px;
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition: all 1.1s ease;
}


#sidee:hover #side2x img{
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition: all 1.1s ease;
}



#linkbox1{
opacity:0;
margin-top: -250px;
margin-left:-80px;
width: 150px;
display: inline-block;
position:absolute;
z-index:999;
text-align:center;
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition: all 1.1s ease;
}



#linkbox1 a{
text-transform: none;
display: block;
width: 150px;
padding: 2px;
padding-left:3px;
margin-bottom: 2px;
margin-right: 0px;
text-align: center;
font-family: calibri;
font-size: 12px;
color: #dee9f2;
background-color: #3e4f57;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;

}

#linkbox1 a:hover{
color:  #3e4f57;
background-color: #dee9f2;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}




#side2:hover #linkbox1{
margin-left:-80px;
margin-top:-200px;
opacity:1;
    }




#side3{

left: 860px;
position:fixed;
top:50%;
margin-top:-245px;
overflow:visible;
display:inline-block;
width: 150px;
height:490px;
text-align:center;
}


#navibox{
margin-top:20px;
width: 250px;
text-align: center;
}

#navibox a{
display:inline-block;
margin-left:10px;
    }

#sidex1 img{

width: 150px;
height: 150px;
-moz-border-radius: 150px 150px 150px 150px;
-webkit-border-radius: 150px 150px 150px 150px;
border-radius: 150px 150px 150px 150px;
}




#sidex2 img{

margin-top: 20px;

width: 150px;
height: 150px;
-moz-border-radius: 150px 150px 150px 150px;
-webkit-border-radius: 150px 150px 150px 150px;
border-radius: 150px 150px 150px 150px;

}



#sidex3 img{
margin-top: 20px;

width: 150px;
height: 150px;
-moz-border-radius: 150px 150px 150px 150px;
-webkit-border-radius: 150px 150px 150px 150px;
border-radius: 150px 150px 150px 150px;

}


#descbox{
margin-top: 5px;
width: 240px;
padding: 5px;
color: #58FAF4;
font-family:  tahoma;
font-size: 10px;
font-style:italic;
letter-spacing: 1px;
}




#sidetitle{
font-size: 30px;
font-family: heather;
margin-top: 5px;
width: 240px;
display: inline-block;
padding: 5px;
line-height:25px;
border-bottom: 1px dotted ;
}


#sidetitle a{
color: #8ca1af;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#sidetitle a:hover{
color: #385364;
}




#pagi{
margin-top: auto;
font-size: 15px;
font-family: calibri;
font-style:italic;
}

#pagi a{
color:#384146;
}


#posts{
margin-left: auto;
margin-top: auto;
margin-bottom:auto;

width: 500px;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.entry{
border:1px solid #5a6d7a;

width: 400px;
text-align:justify;
padding:10px;
padding-bottom:0px;
margin-bottom: 20px;
overflow: hidden;
font-family: calibri;
font-size: 12px;
background-color: #f7f7f7;
}

.entry img{

max-width: 400px;

opacity: 0.7;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}


.entry img:hover{
    opacity: 1;
}




.photosetfade {
opacity: 0.7;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
}




.photosetfade:hover {
opacity: 1;
filter:alpha(opacity=100);
-moz-opacity: 0.9;
}



.entry b, strong{
color: #5a6d7a;
}

.entry i, em{
color: #5e6f77;
}

.entry a{
color: ;
text-decoration: none;
}

.entry h1{
font-family: consolas;
text-transform: uppercase;
font-size: 15px;
font-weight: 20px;
letter-spacing: 1px;
}

.entry h1 a{
color: #3e697c;
}

blockquote{
background-color:#f1f2f3;
color: #8ca1af;
border-left: 5px solid #668aa2;
font-size: 12px;
padding-left:10px;
padding-right: 4px;
padding-top: 3px;
padding-bottom: 3px;
margin:5px;
text-align:justify;
}


.entry blockquote img{
    max-width: 90%;
    margin-left: 3px;
}



#quote{
color: ;
padding: 15px;
font-family: garamond;
font-style: italic;
text-transform: none;
letter-spacing: 1px;
text-align:center;
font-size:18px;
}


#perma{
z-index: 999;
font-family: cambria;
font-size: 9px;
letter-spacing: 1px;

width: 410px;
margin-top: 10px;
margin-left: -10px;
display: inline-block;
background-color: #ebebeb;
color: #212d35;
padding: 5px;
text-align: center;

}

#perma a{
color: #a59a87;
font-style: none;
}

#perma a:hover {
color: #839fb6;
font-style: none;
}

x{
font-size: 13px;
color: #212d35;
}


.permalink {
font-family: cambria;
font-size: 10px;
color: #212d35;
text-transform: uppercase;
text-align: center;

width: 394px;
margin-top: 20px;
padding:10px;
margin-bottom: 10px;
margin-left: -10px;
float: left;
background-color: #f7f7f7;
}

.permalink b,strong{
color: #5a6d7a;
font-weight: normal;
}

#date {
color: #212d35;
}

.permalink a {
color: #3e697c;
text-decoration: none;
}



.title{
color: #6697b8;
padding: 5px;
margin-bottom:10px;
font-size: 25px;
font-family: trajanpro;
line-height: 100%;
text-transform: none;
text-align: center;
border-bottom: 1px #212d35 dotted;
}



.ask {

width: 380px;
display: inline-block;
padding: 10px;
line-height: 10px;
text-align: justify;
background-color: #575656;
font-family: calibri;
color: #ffffff;
font-size: 11px;
text-transform: none;
}

.ask i {
font-style: normal;
}

.ask b {
font-weight: normal;
}

.ask a{
float: left;
display: block;
margin-right: 5px;
font-family: comic;
}


.askimg{
display: block;
float: left;
margin-right: 10px;
width: 48px;
height:48px;
border: 2px solid #f7f7f7;
}

.askimg  img{
width: 48px;
height: 48px;
}



iframe#tumblr_controls {
right:3px !important;
position:fixed !important;
opacity: 0.5;
filter:alpha(opacity=0.5);
-moz-opacity: 0.5;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
}

iframe#tumblr_controls:hover {
opacity: 1;
filter:alpha(opacity=1);
-moz-opacity: 1;
}

#source {
font-family: consolas;
font-size:7pt;
text-align: right;
margin-top: -5px;
}

ol.notes {
background-color:#f7f7f7;
font-family:tahoma;
font-size:10px;
padding-top:10px;
border: 0px;
padding-left:15px;
margin-top:10px;

width:376px;
margin-left: 0px;
list-style-type: none;}

ol.notes li.note {
background: ;
padding:5px;

width:380px;
letter-spacing: 0px;
text-align: left;
}

ol.notes li.note a{
color:;
background: ;
font-family:tahoma;
text-transform:none;
letter-spacing:0px;
font-size:10px;}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 0px;
}

#musicbox{
width: 270px;
height: 100px;
text-align: left;
     }

.cover {
width:100px;
height: 100px;
display: block;
position:absolute;
z-index:2;
    }

.cover img{
width: 100px;
height: 100px;
}

.coverx{
width: 100px;
height: 100px;
display: block;
position:absolute;
z-index:1;
}

.coverx img{
width: 100px;
height: 100px;
}

.playbutton {
width:20px;
height: 20px;
line-height:20px;
overflow: hidden;
position:relative;
z-index:100;
margin-left:2px;
margin-top:2px;
}


.playbox {
opacity: 0.8;
background-color: #000000;
position: absolute;
z-index: 1000;
margin-top:36px;
margin-left:36px;
width:30px;
height:30px;
line-height:32px;
text-align:center;
}

.audioplayer {
float:left;
margin-left: 100px;
position: absolute;
display: block;
margin-top: 10px;
padding-bottom:7px;
}

.infomusic {
text-align:left;

max-width: 290px;
margin-left:10px;
padding:5px;
}



.odd .line {
background-color: #f7f7f7;
padding: 3px;
margin-bottom:3px;
color:#212d35;
}
.even .line {
background-color: #5a6d7a;
padding:3px;
margin-bottom:3px;
color:#212d35;
}
.odd .name {
color: #212d35;
padding: 3px;
}
.even .name {
color: #212d35;
padding: 3px;
}



 #square{
    position:fixed;
    top:35px;
    right:10px;
    width:30px;
    height:30px;
    line-height:10px;
    overflow:hidden;
    background-color:#a3b4c0;
    box-shadow: 2px 3px 10px 0px ;
}
#gif{
    height:30px;
    width:60px;
    margin-left:-30px;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}
#gif:hover{
    margin-left:2px;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}
#player{
    height:30px;
    padding:5px;
    width:13px;
    margin-left:2px;
    overflow:hidden;
    position:absolute;
}






</style>



















<div id="square">
<div id="gif">
<div id="player">

</div>
<img style="margin-left:38px;margin-top:8px;" src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
</div>
</div>


















<div id="sidee">

<div style="display: table; padding:5px; height: 100%; #position: relative; overflow: hidden; z-index:999;">
<div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
<div style=" #position: relative; #top: -50%; padding:5px;">


<div id="side2">



<div id="side2x"><img src="http://klavier.radiant-illusion.net/head_02.jpg"></div>

<center>

<div id="linkbox1">
<a href="/" >-</a>
<a href="/" >-</a>
<a href="/" >-</a>
<a href="/" >-</a>
<a href="/" >-</a>
<a href="/" >-</a>
<a href="/" >-</a>
<a href="/" >-</a>
</div>
</center>

</div>

<center><div id="sidetitle"><a href="/">Prosecutor</a></div></center>



<center>
<div id="descbox">"Achtung, baby! Today, we play it my way!"</div>
</center>

<center>
<div id="navibox">
<a href="/"><img src="http://fc09.deviantart.net/fs32/f/2008/215/f/2/Klavier_Gavin_Sprite_by_Bluee_Chan.png"></a>
<a href="/ask"><img src="http://fc09.deviantart.net/fs32/f/2008/215/f/2/Klavier_Gavin_Sprite_by_Bluee_Chan.png"></a>
<a href="/archive"><img src="http://fc09.deviantart.net/fs32/f/2008/215/f/2/Klavier_Gavin_Sprite_by_Bluee_Chan.png"></a>
<a href="http://dianthus-s.tumblr.com/"><img src="http://fc09.deviantart.net/fs32/f/2008/215/f/2/Klavier_Gavin_Sprite_by_Bluee_Chan.png"></a>
</div>
</center>





</div>



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




<div id="posts">



<div class="entry" >































<div id="perma">
<center><h1>Statistics</h1></center>
<center>
<br>
<b>Name:</b>Klavier Gavin<br>
<b>Gender:</b>Male<br>
<b>Hair:</b>Platinum Blonde<br>
<b>Eyes:</b>26<br>
<b>Job:</b>Lead single for the "Gavineers"/Prosecutor at law in his spare time.<br>
<b>Height:</b>Tall<br>
<b>Weight:</b>Slim<br>
<b>Martial Status:</b>Single<br>
<b>Sexual Orientation:</b>Femine types.<br>
<img src="http://images1.wikia.nocookie.net/__cb20120731142560/aceattorney/images/c/c6/Klavier_Air_Guitar_8.gif" width="600">


<br> </center>



</div>


</div>









<div class="entry" >






<a href="http://a--ssassian.tumblr.com/image/37322784756"><img src="https://31.media.tumblr.com/273077370bd5ef0e3d07daed03b0a474/tumblr_inline_mywb7pLqKN1qhazmx.gif" class="center" width="600"></a>


























<div id="perma">




</div>


</div>





</div>







<div>

<img src="http://2.bp.blogspot.com/-qoWS8zW5pDE/Ujo8DZDBq9I/AAAAAAAArKY/xT3jduITWZg/s1600/Phoenix%2BWright%2BAce%2BAttorney%2B-%2BDual%2BDestinies%2B-%2BArte%2BKlavier_Gavin.png" style="position:fixed;
max-height: 130%;
max-width: 500px;
right:-20px;
bottom:-5px;
z-index:-9;
">

</div>


</div>