Mikasa

<Style> .logo_div { visibility: hidden; } .fpix_header { visibility: hidden; } .topad { visibility: hidden; } .fpix_asl_table { visibility: hidden; } .profile_text { visibility: hidden; } .nc_profile { visibility: visible; } #left_container { visibility: hidden } #profilephoto { visibility: hidden; } #flash_close_butt { visibility: hidden; } #start_chat_but { visibility: hidden; } #fpix_wrapper { visibility: visible; } body { } </style>
<style type="text/css">

img, iframe {
    display:block;
    max-width:100%;
}

.border {
    width:110px;
    height:100%;
    position:fixed;
    top:0;
    z-index:10000;
}

body {
    background:url({image:background}) fixed #ccc;
    font-family:calibri;
    text-align:justify;
    font-size:11px;
}

#top {
    height:50px;
    width:670px;
    background:url({image:background}) fixed;
    top:0px;
    left:450px;
    z-index:100;
    position:fixed;
}

#lined {
    top:50px;
    left:1039px;
    {block:if400px}left:939px;{/block:if400px}
    height:100%;
    width:1px;
    background:#000;
    position:fixed;
}

a {
    color:{color:Links};
    text-decoration:none;
}

blockquote {
    border-left:1px solid {color:blockquote};
    padding-left:5px;
}

#sidebar {
    position:fixed;
    top:100px;
    left:200px;
    width:200px;
}

#sidebar .sideimg {
    width:200px;
    height:200px;
    border-top:5px solid #000;
    display:block;
}

#sidebar:hover #icons a {
    background:#000;
    color:{color:main links icons hover};
    border-radius:100%;

}

#sidebar:hover #icons a:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity:.5;
}
#sidebar:hover #static {
    opacity:.5;
}

.desc {
    padding:10px;
    background:#000;
    color:#fff;
    font-size:10px;
    overflow:auto;
}


#sidebar .desc {
    max-height:80px;
}

#sidebar .desc:before {
    margin-left:78px;
}


.post .desc:before {
    margin-left:225px;
    {block:IndexPage}{block:if400px}margin-left:175px;{/block:if400px}
    {block:if250px}margin-left:100px;{/block:if250px}{/block:IndexPage}
    float:left;
}

  .desc::before {
    width:0px;
    height:0px;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-top:15px solid transparent;
    border-bottom:15px solid #000;
    position:absolute;
    margin-top:-35px;
    content:"";
}

#title {
    position:absolute;
    width:150px;
    text-align:right;
    margin:10px 10px 10px 35px;
}

#title span {
    padding:3px;
    background:{color:blog title background};
    color:{color:blog title};
    font-family:consolas;
    text-transform:uppercase;
    font-weight:700;
    font-size:10px;
    letter-spacing:1px;
}

{block:ifSidebarStatic}#static {
    background:url({image:static});
    position:absolute;
    width:200px;
    height:205px;
    opacity:.1;
}{/block:ifSidebarStatic}

#icons {
    position:absolute;
    margin-top:173px;
    font-size:18px;
    width:170px;
    margin-left:15px;
}

#icons a {
    display:inline-block;
    text-align:center;
    color:#000;
    height:18px;
    width:18px;
    padding:6px;
	-webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

#icons a:nth-child(2) {
    margin-right:35px;
}

#line {
    position:fixed;
    z-index:-1;
    left:300px;
    margin-left:-10px;
    top:50px;
}

.line {
    display:inline-block;
    width:10px;
    margin-left:-5px;
    vertical-align:middle;
}

#links {
    margin-top:15px;
}

#links a {
    font-family:consolas;
    font-size:10px;
    text-align:center;
    text-transform:uppercase;
    font-weight:700;
    background:#000;
    color:#660000;
    width:80px;
    padding:5px;
    display:block;
    margin-top:-7px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#links a:hover {
    letter-spacing:2px;
    color:#fff;
}

.two {
    margin-top:-20px;
    margin-left:109px;
}

#content {
    margin-left:500px;
    margin-top:50px;
    width:600px;
}

#music {
    position:absolute;
    width:20px;
    height:40px;
    overflow:hidden;
    margin:10px;
    z-index:100000;
}

#micon, #mplayer {
	-webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

#mplayer {
    opacity:0;
    margin-left:-2px;
}
#music:hover #micon {
    margin-top:-12px;
}

#music:hover #mplayer {
    opacity:1;
}

.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
#infscr-loading {display:none;}
.navigation {display:none!important;}

#scrollToTop:link,#scrollToTop:visited {
    font-size:9px;
    text-transform:uppercase;
    color:{color:Scroll to Top Text};
    background:{color:Scroll to Top Background};
    padding:5px;
    display:none;
    position:fixed;
    bottom:10px;
    right:30px;
    z-index:999999;
}

#s-m-t-tooltip {
    padding:5px;
    background:#000;
    color:{color:tooltips};
    font:9px Consolas, "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    text-align:center;
    z-index:1000;
    margin:15px;
}


{block:ifGrayscaleImages}
.post img,.photoset, #sidebar img {
    filter:gray;
    -webkit-filter:grayscale({text:grayscale});
    -webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    -ms-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out;
}

.post:hover img,.post:hover .photoset, #sidebar:hover img {
    filter:gray;
    -webkit-filter:grayscale(0%);
}
{/block:ifGrayscaleImages}
{CustomCSS}
</style>
<div class="topp">
  <a href="javascript:;" id="scrollToTop">
  </a>
</div>
<div class="navigation">
<p id="page_nav"><a style="float:right" href="" id="next"></a><a style="float:left" href=""></a></p>
</div>
<div class="border" style="left:0;background:#990000"></div>
<div class="border" style="right:0;background:#990000"></div>
<div id="lined"></div>
<div id="top"></div>
<div id="line">
    <div class="line" style="background:#000;height:500px"></div>
    <div class="line" style="background:#990000;height:550px;opacity:.8"></div>
    <div class="line" style="background:#000;height:500px"></div>
</div>
<div id="sidebar">
    <div id="music">
        <div id="micon"><img src="http://media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif"></div>
        <div id="mplayer">
          <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://www.shredguitareric.com/audio/Attack_on_Titan_Meets_Metal_hifi.mp3&t0=HEROINE&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
      </div>
    </div>
<div id="static"></div>
<div id="icons">
    </div>
    <div id="title"><span>MIKASA</span></div>
    <img src="http://i.imgur.com/Kpi2qr7.png" class="sideimg">
    <div class="desc">If you think it's natural for people to sacrifice their own lives to save others, surely you understand that sometimes a single death can save many lives.</div>
    <div id="links">
<a href="">01</a><a href="" class="two">02</a><a href="">03</a><a href="" class="two">04</a><a href="">05</a><a href="" class="two">06</a><a href="">07</a><a href="" class="two">08</a><a href="">09</a><!--DO NOT REMOVE THIS--!><a href="http://how.chatango.com" class="two"><font color="#FF9900">★ CREDIT</a>
    </div>
<div style="position:fixed; right: 100px; top:80px; width:600px; height:500px;"><img src="http://i.imgur.com/2D6lfh3.png"></div>