016 - mysteric

<!--
                    016 - mysteric
               code made by yoonora/exoa
                    do not steal.

-->
 <title>―{title}</title>
    <link rel="shortcut icon" href="{favicon}">


           <meta name="color:main" content="#4c4c4c"/>
           <meta name="color:background" content="#fefefe"/>
           <meta name="color:1" content="#e7e7e7"/>
           <meta name="color:2" content="#ffd6c9"/>
           <meta name="color:3" content="#fefefe"/>
           <meta name="color:4" content="#fbd6c9"/>
           <meta name="color:5" content="#d1d1d1"/>
           <meta name="color:links" content="#3c3c3c"/>
           <meta name="color:photo filter" content="#fbd6c9"/>
           <meta name="color:border solid color" content="#fbd6c9"/>

           <meta name="image:icon" content=""/>
           <meta name="image:sidebar" content=""/>
           <meta name="image:pattern" content=""/>
           <meta name="image:background" content=""/>

           <meta name="if:photo filter" content="0" />
           <meta name="if:top title" content="1" />
           <meta name="if:top title effect" content="1" />
           <meta name="if:small width" content="1" />
           <meta name="if:icon border" content="1" />
           <meta name="if:sidebar style two" content="0" />
           <meta name="if:too tall" content="0" />
           <meta name="if:Caption" content="0" />
           <meta name="if:Caption Button" content="0" />
           <meta name="if:Colored Posts" content="0" />
           <meta name="if:Border On Posts" content="0" />
           <meta name="if:Solid Border Color" content="0" />

           <meta name="text:posts padding" content="30px"/>
           <meta name="text:top title font size" content="35px"/>
           <meta name="text:title text stroke" content="1px"/>
           <meta name="text:title" content=""/>
           <meta name="text:updates" content="this can contain anything"/>              <meta name="text:extra box" content="delete this text if you dont want this box"/>
           <meta name="text:notes name" content="stars"/>
           <meta name="text:link 1" content=""/>
           <meta name="text:link 1 url" content="/"/>
           <meta name="text:link 2" content=""/>
           <meta name="text:link 2 url" content="/"/>
           <meta name="text:link 3" content=""/>
           <meta name="text:link 3 url" content="/"/>
           <meta name="text:link 4" content=""/>
           <meta name="text:link 4 url" content="/"/>
           <meta name="text:link 5" content=""/>
           <meta name="text:link 5 url" content="/"/>
           <meta name="text:link 6" content=""/>
           <meta name="text:link 6 url" content="/"/>
           <meta name="text:link 7" content=""/>
           <meta name="text:link 7 url" content="/"/>
           <meta name="text:link 8" content=""/>
           <meta name="text:link 8 url" content="/"/>
           <meta name="text:link 9" content=""/>
           <meta name="text:link 9 url" content="/"/>



<!----------------------------------------STYLESHEETS---->

<link href="http://static.tumblr.com/j2yc61v/Zmjnvnx09/a.css"rel="stylesheet">
<link href="http://static.tumblr.com/j2yc61v/Xdynwngl4/m.css"rel="stylesheet">

<!----------------------------------------SCRIPT #1---->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips();
});
})(jQuery);
</script>
<!----------------------------------------SCRIPT #2---->

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".showr").hide();
//toggle the componenet with class msg_body
jQuery(".capti").click(function()
{
jQuery(this).next(".showr").slideToggle(500);
});});
</script>


<style type="text/css">

/*--------------------------------MAIN--*/


::-webkit-scrollbar-thumb:vertical {
background:{color:main} center url('{image:pattern}');
border: 5px double {color:background};
}

::-webkit-scrollbar {
background:{color:main} center url('{image:pattern}');
border: 7px solid {color:background};
}

#s-m-t-tooltip {
font:9px arial;
font-style:italic;
font-weight:bold;
color:{color:main};
padding:2px 5px 2px 5px;
background-color:{color:3};
border:1px solid {color:1};
}

body {
background:{color:background} url('{image:background}') fixed;
font:11px arial;
overflow-y:auto;
overflow-x:hidden;
color:{color:main};
}

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

.sd code{
background:{color:1};
color:{color:main};
}

#tumblr_lightbox div:nth-child(2) { background:{color:3};}

#tumblr_lightbox a img {border: 5px solid {color:3};}

/*--------------------------------POSTS--*/

.cont{
position:relative;
left:50%;
{block:IfNotSmallWidth}
width:400px;
{/block:IfNotSmallWidth}
{block:IfSmallWidth}
width:290px;
{/block:IfSmallWidth}

{block:IndexPage}
{block:IfNotSmallWidth}
margin:100px 0 10px -199px;
{/block:IfNotSmallWidth}
{block:IfSmallWidth}
margin:100px 0 10px -144px;
{/block:IfSmallWidth}
{/block:IndexPage}

{block:PermalinkPage}
{block:IfNotSmallWidth}
margin:50px 0 4% -199px;
{/block:IfNotSmallWidth}
{block:IfSmallWidth}
margin:50px 0 4% -144px;
{/block:IfSmallWidth}
{/block:PermalinkPage}
}


#posts {
margin-left:auto;
margin-right:auto;
{block:PermalinkPage}
margin-bottom:10px;
{/block:PermalinkPage}
color:{color:main};
width:auto;
}

/*--------------------------------POSTS EXTRA--*/

#photoset, #photo, #vidso{
{block:IfNotColoredPosts}
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{block:IfNotPhotoFilter}
background:{color:3} center url('{image:pattern}');
{/block:IfNotPhotoFilter}
padding:0px;
{/block:IfNotColoredPosts}
{block:IfNotBorderOnPosts}
background:none;
{/block:IfNotBorderOnPosts}

{block:IfBorderOnPosts}
{block:IfNotSolidBorderColor}
padding:{block:IfPostsPadding}{text:posts padding}{/block:IfPostsPadding} {block:IfNotPostsPadding}30px{/block:IfNotPostsPadding};
{/block:IfNotSolidBorderColor}
{block:IfSolidBorderColor}
padding:{block:IfPostsPadding}{text:posts padding}{/block:IfPostsPadding} {block:IfNotPostsPadding}30px{/block:IfNotPostsPadding};
{/block:IfSolidBorderColor}
{/block:IfBorderOnPosts}
}

{block:IfPhotoFilter}
{block:IndexPage}
.filte{
{block:IfNotColoredPosts}
background:{color:photo filter};
{/block:IfNotColoredPosts}
}

#flit{
opacity:.5;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */

-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

#posts:hover #flit{
opacity:1;
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}
{/block:IndexPage}
{/block:IfPhotoFilter}

#photoset{
{block:IfColoredPosts}
background:{color:1} center url('{image:pattern}');
{/block:IfColoredPosts}
{block:IfBorderOnPosts}
{block:IfNotSolidBorderColor}
border:1px solid {color:1};
{/block:IfNotSolidBorderColor}
{block:IfSolidBorderColor}
border:1px solid {color:Border Solid Color};
{/block:IfSolidBorderColor}
{/block:IfBorderOnPosts}
}


#photo{
{block:IfColoredPosts}
background:{color:2} center url('{image:pattern}');
{/block:IfColoredPosts}
background-size:cover;
{block:IfBorderOnPosts}
{block:IfNotSolidBorderColor}
border:1px solid {color:2};
{/block:IfNotSolidBorderColor}
{block:IfSolidBorderColor}
border:1px solid {color:Border Solid Color};
{/block:IfSolidBorderColor}
{/block:IfBorderOnPosts}
}

#vidso{
{block:IfColoredPosts}
background:{color:5} center url('{image:pattern}');
{/block:IfColoredPosts}
{block:IfBorderOnPosts}
{block:IfNotSolidBorderColor}
border:1px solid {color:4};
{/block:IfNotSolidBorderColor}
{block:IfSolidBorderColor}
border:1px solid {color:Border Solid Color};
{/block:IfSolidBorderColor}
{/block:IfBorderOnPosts}
}

/*-----------------------------POSTS SETTINGS--*/

#posts a {
color:{color:links};
font:9px arial;
text-transform:uppercase;
text-decoration:none;
font-style:italic;
font-weight:bold;
}

#posts blockquote{
border:1px solid {color:1};
}

#caption{
background:{color:3};
padding:10px;
}

#caption blockquote small, sub, sup{
font:11px arial;
}

#caption blockquote code{
font:12px arial;
}


#caption blockquote{
color:{color:main};
border:1px solid {color:3};
background:{color:3};
max-height:450px;
}

#caption blockquote blockquote{
border:1px solid {color:5};
padding:10px;
}

#caption blockquote a{
color:{color:links};
}


#posts pre{
background:{color:background};
color:{color:main};
}

#posts pre a{
color:{color:1};
}

#textpost blockquote{
border:1px solid {color:main};
}

b, strong {
color:{color:main};
background:{color:2};
}

i, em {
color:{color:main};
background:{color:4};
}

.title{
background:{color:2} center url('{image:pattern}');
background-size:cover;
text-shadow:
-1px -1px 0 {color:main},
1px -1px 0 {color:main},
-1px 1px 0 {color:main},
1px 1px 0 {color:main};
font:20px arial;
font-weight:bold;
font-style:italic;
margin:0px;
}

.title a{
font:20px arial;
font-weight:bold;
font-style:italic;
}

#tt{
background:{color:3};
margin:0px;
border:1px solid {color:main};
color:{color:5};
text-shadow:
-1px -1px 0 {color:main},
1px -1px 0 {color:main},
-1px 1px 0 {color:main},
1px 1px 0 {color:main};
}

::-moz-selection{
background-color: {color:5};
color:{color:3};
}
::selection{
background-color:{color:5};
color:{color:3};
}


/*--------------------------------POST INFO--*/


#inf{
background:{color:2} center url('{image:pattern}');
background-size:cover;
border-top:1px solid {color:3};
overflow:hidden;
margin:0 0 30% 0;
}

/*-------------------NOTES-*/
#psnf, #psts{
position:absolute;
}

#psnf{
width:100%;
background:{color:5};
}

#pstinf {
background:{color:5};
width:50%;
padding:10px 0 0 0;
margin:0px;
text-align:right;
}

#psts{
width:50%;
height:200%;
background:{color:5};
}


#pstinf a, #glo a{
border:none;
background:{color:3};
margin:0 0 10px 0;
color:{color:links};
}

#pstinf a:hover, #glo a:hover {
background:{color:4};
}

/*----------------NOTES #2-*/

#ljs{
height:35px;
background:{color:1};
}

#glo #paddin{
padding:10px 10px 0 10px;
}

#glo a{
margin:0 3px 10px 0;
display:inline-block;

}
/*--------------------TAGS-*/

#ts{
background:{color:2};
width:50%;
padding:10px 0 0 0;
float:right;
}

#ts a{
background:{color:3};
margin:0 0 10px 0;
}

#ts a{
color:{color:links};
text-transform:lowercase;
}


#ts a:hover{
background:{color:1};
}

/*-------------------EXTRA-*/

#sjo{
position:relative;
margin:-35px 0 0 0;
z-index:99999;
}

#paddin{
padding:0 10px 0 10px;
}

#padding{
padding:10px;
}

#wl{
position:absolute;
left:50%;
width:1px;
height:100%;
background:{color:3};
z-index:11111;
}

 #lkh{
     position:absolute;
    width:100%;
    left:0px;
    height:100%;
    background:{color:2};
 }
/*--------------------------------PERMALINK--*/


#notereblog{
position:relative;
display:block;
background:{color:4};
border-bottom:1px solid {color:3};
}

#notedate{
text-align:left;
display:inline-block;
overflow:hidden;
background:{color:5};
width:50%;
}

#notenote{
text-align:right;
display:inline-block;
float:left;
font:11px arial;
font-weight:lighter;
font-style:italic;
overflow:hidden;
background:{color:2};
width:50%;
height:100%;
}

#notenote #psts{
background:{color:2};
}

#notes{
background:{color:5};
color:{color:main};
font:10px arial;
font-style:italic;
font-weight:bold;
text-align:center;
margin:0px;
padding:0px;
border-top:1px solid {color:3};
overflow:hidden;
}


#notes a{
color:{color:links};
background:{color:3};
padding:2px;
text-decoration:none;
}

#perma_tags{
background:{color:border solid color};
text-align:left;
font:9px arial;
text-transform:uppercase;
font-style:italic;
font-weight:bold;
margin:0px;
padding:10px 10px 5px 10px;
}

#perma_tags a{
background:{color:3};
color:{color:links};
text-decoration:none;
font:9px arial;
letter-spacing:0px;
font-style:italic;
padding:2px 5px 2px 5px;
}

#perma_tags a:hover{
background:{color:5};
}

#prmas{
position:relative;
background:{color:1};
border-top:1px solid {color:3};
max-height:100px;
overflow-y:auto;
overflow-x:hidden;
}

#prmas a{
color:{color:links};
text-decoration:none;
font:8px arial;
font-style:italic;
font-weight:bold;
}

#prmas img{
width:10px;
margin:0 5px 0 0;
}

#prmas li{
list-style-type: none;
margin:0 0 0 -20px;
}



/*--------------------------------MUSIC--*/

.music_w {
position:relative;
background:{color:1} bottom url('{image:pattern}');
background-size:cover;
}


#audiocontent {
position:relative;
border-radius:0px;
text-align:left;
display:inline-block;
text-transform:uppercase;
word-wrap: break-word;
width:70%;
}

#audiocontent code{
font:10px arial;
padding:10px 0 5px 10px;
font-style:italic;
width:100%;
}

#audiocontent b{
font:8px arial;
margin:0px;
width:100%;
font-style:italic;
background:none;
}


#almart{
background:{color:2};
background-size:cover;
background-position:center;
border-right:1px solid {color:3};
}

#player{
opacity:0;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

.music_w:hover #player{
opacity:1;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}


/*--------------------------------QUOTE--*/

#quote{
color:{color:main};
background:{color:4} center url('{image:pattern}');
background-size:cover;
text-shadow:
-1.2px -1.2px 0 {color:3},
1.2px -1.2px 0 {color:3},
-1.2px 1.2px 0 {color:3},
1.2px 1.2px 0 {color:3};
}

#qsource{
background:{color:3};
padding:10px;
font:12px arial;
font-style:italic;
}

#qsource a{
color:{color:links};
text-decoration:none;
}

/*--------------------------------CHAT--*/

#titlechat{
background:{color:3};
border-bottom:1px solid {color:1};
}

.chat li:nth-child(odd) {
color:{color:main};
background:{color:3};
}

.chat li:nth-child(even) {
color:{color:main};
background:{color:4};
}


/*--------------------------------ASK--*/


#ask {
color:{color:2};
background-size:cover;
}


#asker{
background:{color:3};
color:{color:1};
letter-spacing:2px;
text-shadow:
-1.2px -1.2px 0 {color:main},
1.2px -1.2px 0 {color:main},
-1.2px 1.2px 0 {color:main},
1.2px 1.2px 0 {color:main};
}

#asker, #asker a{
font:22px arial;
font-style:italic;
font-weight:bold;
}

#asker a{
color:{color:2};
letter-spacing:2px;
text-shadow:
-1.2px -1.2px 0 {color:links},
1.2px -1.2px 0 {color:links},
-1.2px 1.2px 0 {color:links},
1.2px 1.2px 0 {color:links};
background:{color:3};
text-decoration:none;
}

#asker a:hover{
color:{color:4};
background:none;
}

#ask_q{
background:{color:5} center url('{image:pattern}');
background-size:cover;
color:{color:main};
}


#ask_q p{
background:{color:3};
}

#answer{
background:{color:3};
color:{color:main};
}


/*--------------------------------PERMALINK TOP BAR--*/

#perma_top{
position:fixed;
bottom:0px;
left:0px;
width:100%;
height:4%;
z-index:999999;
text-align:center;
overflow:hidden;
font-style:italic;
padding:0px 0 10px 0;
background:{color:background};
}

#perma_top a{
text-decoration:none;
display:inline-block;
height:100%;
width:25%;
font:11px arial;
font-style:italic;
text-transform:uppercase;
color:{color:links};
padding:10px 0 20px 0;
}


#pagis{
position:relative;
text-align:center;
}

#pagis a{
display:inline-block;
padding:3px 5px 3px 5px;
background:{color:1};
margin:0 0 0 0;
color:{color:main};
text-transform:lowercase;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

#pagis h8{
display:block;
padding:10px;
font-style:italic;
}

#pagis a:hover{
background:{color:2};
}

#extrac{
display:block;
text-align:center;
margin:20% 0 0 0;
font:9px arial;
font-style:italic;
}

#extrac a{
border-bottom:1px solid {color:1};
}
/*--------------------------------CAPTION BUTTON--*/

#buttoncap{
{block:IfCaption}
display:none;
{/block:IfCaption}
padding:10px 0 10px 0;
text-align:center;
font:10px arial;
font-style:italic;
font-weight:bold;
letter-spacing:1px;
overflow:hidden;
text-shadow:
-1.2px -1.2px 0 {color:3},
1.2px -1.2px 0 {color:3},
-1.2px 1.2px 0 {color:3},
1.2px 1.2px 0 {color:3};
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

.capt{
background:{color:2};
}
.capo{
background:{color:1};
}

#capti a{
text-decoration:none;
}

{block:IndexPage}
#buttoncap:hover{
background:{color:3};
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

{/block:IndexPage}



/*------------------------------SIDEBAR--*/

.sidebar{
{block:IndexPage}
{block:IfSidebarStyleTwo}
position:fixed;
{block:IfTooTall}
top:0px;
{/block:IfTooTall}
{block:IfNotTooTall}
top:50%;
{/block:IfNotTooTall}
left:50%;
{block:IfSmallWidth}
width:200px;
margin:{block:IfNotTooTall}-250px{/block:IfNotTooTall}{block:IfTooTall}0{/block:IfTooTall} 0 0 -450px;
{/block:IfSmallWidth}
{block:IfNotSmallWidth}
width:300px;
margin:{block:IfNotTooTall}-250px{/block:IfNotTooTall}{block:IfTooTall}0{/block:IfTooTall} 0 0 -600px;
{/block:IfNotSmallWidth}
z-index:999999999999;
{/block:IfSidebarStyleTwo}
{block:IfNotSidebarStyleTwo}
position:relative;
margin:0 0 100px 0;
{/block:IfNotSidebarStyleTwo}
{/block:IndexPage}

{block:PermalinkPage}
position:fixed;
{block:IfNotTooTall}
top:50%;
{/block:IfNotTooTall}
{block:IfTooTall}
top:0px;
{/block:IfTooTall}
{block:IfSmallWidth}
width:200px;
margin:{block:IfNotTooTall}-250px{/block:IfNotTooTall}{block:IfTooTall}0{/block:IfTooTall} 0 0 -300px;
{/block:IfSmallWidth}
{block:IfNotSmallWidth}
width:300px;
margin:{block:IfNotTooTall}-250px{/block:IfNotTooTall}{block:IfTooTall}0{/block:IfTooTall} 0 0 -350px;
{/block:IfNotSmallWidth}
{/block:PermalinkPage}

-webkit-animation:fadeIn 1.5s ease-out;
-moz-animation:fadeIn 1.5s ease-out;
-o-animation:fadeIn 1.5s ease-out;
}

.sidebar img{
max-width:70px;
margin:0 0 0 10px;
{block:IfIconImage}
{block:IfIconBorder}
border-left:1px solid {color:3};
{/block:IfIconBorder}
{/block:IfIconImage}
}

{block:IfSidebarImage}
#sidep{
background:{color:5} top center url('{image:sidebar}');
background-size:auto 100px;
height:100px;
border-top:1px solid {color:3};
border-bottom:1px solid {color:3};
}
{/block:IfSidebarImage}

#desc{
display:inline-block;
width:100%;
background:{color:1};
text-align:right;
{block:IfNotSidebarImage}
border-top:1px solid {color:3};
{/block:IfNotSidebarImage}
}


#title{
padding:10px 20px 10px 20px;
font:{block:IfTopTitleFontSize}{text:top title font size}{/block:IfTopTitleFontSize}{block:IfNotTopTitleFontSize}40px{/block:IfNotTopTitleFontSize} arial;
color:{color:main};
{block:IfTopTitleEffect}
-webkit-text-fill-color:{color:main};
-webkit-text-stroke-width: {text:title text stroke}{block:IfNotTitleTextStroke} 1.1px{/block:IfNotTitleTextStroke};
-webkit-text-stroke-color:{color:4};
text-shadow: -4px 0px 0px  {color:1};
{/block:IfTopTitleEffect}
font-style:italic;
background:{color:4};
}


#sidept2{
position:relative;
background:{color:2};
border-top:1px solid {color:3};
overflow:hidden;
}

#links{
position:relative;
display:inline-block;
{block:IfUpdates}
width:50%;
float:left;
background:{color:5};
{/block:IfUpdates}
{block:IfNotUpdates}
background:{color:2};
{/block:IfNotUpdates}
text-align:right;
}

#updates{
position:relative;
display:inline-block;
width:50%;
font:9px arial;
font-style:italic;
}

#updates #padding{
padding:20px;
}

#lok{
position:absolute;
width:50%;
height:100%;
background:{color:5};
}


#linua{
position:absolute;
left:50%;
height:100%;
width:1px;
background:{color:3};
}

#links #padding{
padding:10px 0 0 10px;
}

#links a{
color:{color:links};
text-decoration:none;
font-style:italic;
background:{color:3};
display:inline-block;
margin:0 10px 10px 0;
padding:2px 5px 3px 5px;
{block:IndexPage}
{block:IfSidebarStyleTwo}
{block:IfUpdates}
{block:IfSmallWidth}
display:block;
padding:5px;
{/block:IfSmallWidth}
{/block:IfUpdates}
{/block:IfSidebarStyleTwo}
{block:IfNotSidebarStyleTwo}
{block:IfUpdates}
{block:IfSmallWidth}
width:46px;
display:inline-block;
{/block:IfSmallWidth}
{/block:IfUpdates}
{/block:IfNotSidebarStyleTwo}
{/block:IndexPage}

{block:PermalinkPage}
{block:IfSmallWidth}
{block:IfUpdates}
display:block;
width:70px;
{/block:IfUpdates}
{block:IfNotUpdates}
display:inline-block;
{/block:IfNotUpdates}
{/block:IfSmallWidth}

{block:IfNotSmallWidth}
{block:IfUpdates}
display:inline-block;
width:48px;
{/block:IfUpdates}
{block:IfNotUpdates}
display:inline-block;
{/block:IfNotUpdates}
{/block:IfNotSmallWidth}
{/block:PermalinkPage}

-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

#links a:hover{
background:{color:4};
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}


#extrabo{
position:relative;
display:block;
background:{color:1};
border-top:1px solid {color:3};
}

#extrabo #padding{
padding:20px;
}


/*--------------------------------EXTRA--*/


/*--------------------------------END OF CSS--*/

</style>

<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
$('.video iframe').each(function(){
var scale = $(this).parents('.video').width() / 500;
$(this).attr({
width: Math.floor($(this).attr('width') * scale),
height: Math.floor($(this).attr('height') * scale)
});
});
});
</script>

<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
<script>
$(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '4px',
borderRadius: '0px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});

});
</script>

</head>

<script>
// minimal soundcloud player © eoxk.tumblr
$(document).ready(function(){
    var color = '{color:5}'; // color of play button (hex)
    $('.soundcloud_audio_player').each(function(){
        $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
    });
});
</script>

<body onkeydown="return false"><div id="b"></div>
<!-----------------------------------------------------------CODE STARTS-->
<div class="cont">

<!-------------------------------------TOP BAR-->

<div class="sidebar">

{block:IfTopTitle}
<div id="title">
{block:Iftitle}
{text:title}
{/block:Iftitle}
{block:IfNottitle}
{Title}
{/block:IfNottitle}
</div>
{/block:IfTopTitle}

<div id="sidep"></div>

<div id="desc"><img src="{image:icon}"align="right">
<div id="padding">{Description}</div>
</div>

<div id="sidept2">

<div id="lok"></div><div id="linua"></div>

{block:IfUpdates}
<div id="updates"><div id="padding">{text:updates}</div></div>
{/block:IfUpdates}


<div id="links"><div id="padding">

<a href="/">index</a>
<a href="/ask">ask</a>
<a href="/archive">archive</a>
{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>
{/block:ifLink1}
{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>
{/block:ifLink2}
{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>
{/block:ifLink3}
{block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>
{/block:ifLink4}
{block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>
{/block:ifLink5}
{block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>
{/block:ifLink6}
{block:ifLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>
{/block:ifLink7}
{block:ifLink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>
{/block:ifLink8}
{block:ifLink9}<a href="{text:Link 9 URL}">{text:Link 9}</a>
{/block:ifLink9}
</div></div>
</div>

{block:IfExtraBox}
<div id="extrabo"><div id="padding">{text:extra box}</div></div>
{/block:IfExtraBox}

</div>


<!-------------------------------------POSTS-->

<div class="autopagerize_page_element">

{block:Posts}<div id="posts">

<!-------------------------------------PHOTOS-->


{block:Photo}
{block:IndexPage}
<div id="photo">
<div class="filte">
<div id="flit">
<img src="{PhotoURL-HighRes}" width="100%">
</div></div></div>

{block:IfCaptionButton}
{block:Caption}
<a class="capti" style="text-decoration:none;padding:0px;" >
<div id="buttoncap" class="capo" >SHOW CAPTION</div></a>
<div class="showr">
<div id="caption">
{Caption}
</div>
</div>
{/block:Caption}
{/block:IfCaptionButton}

{block:IfCaption}
{block:Caption}
<div id="caption">
{Caption}
</div>
{/block:Caption}
{/block:IfCaption}
{/block:IndexPage}

{block:PermalinkPage}
{LinkOpenTag}
<div id="photo">
<img src="{PhotoURL-HighRes}" width="100%">
</div>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}


<!-------------------------------------PHOTOSET-->


{block:Photoset}
<div id="photoset">
<center>
<div class="filte">
<div id="flit">


<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
{block:Photos}
<div class="photo-data">
<div class="pxu-photo">
<img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
</div>
<a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
</div>
{/block:Photos}</div>

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

{block:IndexPage}
{block:IfCaptionButton}

{block:Caption}
<a class="capti" style="text-decoration:none;padding:0px;" >
<div id="buttoncap"class="capt">SHOW CAPTION</div></a>
<div class="showr">
<div id="caption">
{Caption}
</div>
</div>
{/block:Caption}
{/block:IfCaptionButton}

{block:IfCaption}
{block:Caption}
<div id="caption">
{Caption}
</div>
{/block:Caption}
{/block:IfCaption}
{/block:IndexPage}

{/block:Photoset}



<!-------------------------------------AUDIO-->

{block:Audio}

<div class="music_w">
{block:AlbumArt}
<div id="almart" style="background-image: url('{AlbumArtURL}');" ></div>
{/block:AlbumArt}

<div id="audiocontent">
<code>{block:TrackName}{TrackName}{/block:TrackName}</code>
<br>
<b>{block:Artist}{Artist}{/block:Artist}</b>
</div>

<div id="booe">
{block:AudioPlayer}
<div id="player">
{AudioPlayerWhite}
</div>
{/block:AudioPlayer}
</div>

</div>


{block:IndexPage}
{block:IfCaptionButton}
{block:Caption}
<a class="capti" style="text-decoration:none;padding:0px;" >
<div id="buttoncap"class="capt">SHOW CAPTION </div></a>
<div class="showr">
<div id="caption">
{Caption}
</div>
</div>
{/block:Caption}
{/block:IfCaptionButton}

{block:IfCaption}
{block:Caption}
<div id="caption">
{Caption}
</div>
{/block:Caption}
{/block:IfCaption}
{/block:IndexPage}

{/block:Audio}


<!-------------------------------------VIDEO-->


{block:Video}
<center>
<div id="vidso">
<div class="video">{Video-500}</div>
</div>
</center>

{block:IndexPage}
{block:IfCaptionButton}
{block:Caption}
<a class="capti" style="text-decoration:none;padding:0px;" >
<div id="buttoncap"class="capt">SHOW CAPTION</div></a>
<div class="showr">
<div id="caption">
{Caption}
</div>
</div>
{/block:Caption}
{/block:IfCaptionButton}

{block:IfCaption}
{block:Caption}
<div id="caption">
{Caption}
</div>
{/block:Caption}
{/block:IfCaption}
{/block:IndexPage}

{/block:Video}


<!-------------------------------------ASK-->

{block:Answer}
<div id="ask">
<img src="{AskerPortraitURL-128}"align="left" style="background:{color:1} center url('{image:pattern}'); padding:15px;max-width:80px;margin:0 5px 10px 0;">
<div id="asker">{Asker}</div>
<div id="ask_q"><p>{Question}</p></div>
<div id="answer">{Answer}</div>
</div>
{/block:Answer}


<!-------------------------------------TEXT-->

{block:Text}
{block:Title}
<div class="title">
<div id="tt">
{Title}
</div>
</div>
{/block:Title}
<div style="background:{color:3};padding:20px 30px 20px 30px;">
{Body}
</div>
{/block:Text}


<!-------------------------------------LINK-->


{block:Link}
<div class="title" style="background:{color:3};">
<a style="font-size:20px;font-style:italic;font-weight:bold;color:{color:2};" href="{URL}" {Target}>{Name}</a>
</div>
{block:Description}
<div style="background:{color:3};padding:20px 30px 20px 30px;">
{Description}
</div>
{/block:Description}
{/block:Link}


<!-------------------------------------QUOTE-->


{block:Quote}
<div id="quote">{Quote}</div>
{block:Source}
<div id="qsource"> ―{Source}― </div>
{/block:Source}
{/block:Quote}

<!-------------------------------------CHAT-->


{block:Chat}
<div id="chatpost">
{block:Title}
<div id="titlechat">
{Title}</div>
{/block:Title}

<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<b>{Label}</b>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}


<!-------------------------------------POST INFO-->


{block:IndexPage}
<div id="inf">

<!-------------NOTES #2-->

<div id="ljs"><div id="glo"><div id="paddin">


<a href="{Permalink}" target="_blank"title="{lang:Posted TimeAgo}" >{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</a>

{block:NoteCount}
<a href="{Permalink}" target="_blank" > {NoteCountWithLabel} </a>
{/block:NoteCount}

<a href="{ReblogURL}"target="_blank" >reblog</a>
</div></div></div>


{block:HasTags}

<!----------------EXTRA-->

<div id="sjo"><div id="wl"></div>

<!----------------NOTES-->

<div id="pstinf"><div id="paddin">
{block:NoteCount}
<a href="{Permalink}" target="_blank" > {NoteCountWithLabel} </a>
{/block:NoteCount}
{block:NotReblog}
<a href="{Permalink}" target="_blank"title="{lang:Posted TimeAgo}" >{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</a>
{block:NotReblog}
<a href="{ReblogURL}"target="_blank" >reblog</a>
</div><div id="psts"></div></div>

<!-----------------TAGS-->
<div id="ts"><div id="paddin">
{block:Tags}
<a href="/tagged/{Tag}">#{Tag}</a>
{/block:Tags}
</div>
<div id="lkh"></div>
</div>

</div>
{/block:HasTags}


</div>
{/block:IndexPage}



<!-------------------------------------PERMALINK-->


{block:Date}
{block:PermalinkPage}

{block:Caption}
<div id="caption">
{Caption}
</div>
{/block:Caption}

<!---------------------TAGS-->

{block:HasTags}
<div id="perma_tags">
tagged as:
{block:Tags}
<a href="{TagURL}">{Tag}</a> {/block:Tags}
</div>
{/block:HasTags}

<!---------------------DATE-->

<div id="notes">

{block:RebloggedFrom}
<div id="notereblog">
<div id="padding">
<a href="/">{name}</a> reblogged this from <a href="{ReblogParentURL}" target="_blank" >{ReblogParentName}</a>
</div>
</div>
{/block:RebloggedFrom}

<div id="notedate">
<div id="padding">
{block:Date}
{DayOfWeek}, {Month} {DayOfMonth} {Year}.
{/block:Date}
</div>

</div>

<div id="notenote">
<div id="padding">
{block:NoteCount}
With {NoteCountWithLabel}
{/block:NoteCount}
</div>
<div id="psts"></div>
</div>


</div>

<!---------------------NOTES-->

{block:PostNotes}

<div id="prmas"><div id="padding">{PostNotes}</div> </div>
{/block:PostNotes}

{/block:PermalinkPage}
</div>
{block:Date}

<!------------------------------END OF PERMALINK-->

{/block:Posts}

<!-----------------------------------DO NOT DELETE----------->

<!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->

{block:ContentSource}<!-- {SourceURL}
{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
</div>
<!-------------------------------------PAGINATION-->
{block:Pagination}
<div id="pagis">

<h8>{lang:Page CurrentPage of TotalPages}</h8>

{block:PreviousPage}
<a href="{PreviousPage}">{lang:Previous page} </a>
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}">{lang:Next page}</a>
{/block:NextPage}

</div>

{/block:Pagination}

<div id="extrac">
theme optimized for <u>google chrome</u>, powered by <u>tumblr</u><br><br>
made by <a href="http://exoa.tumblr.com/">exoa</a>
</div>

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

<div id="bgs"></div>

<!-------------------------------------PERMA PAGI-->

{block:PermalinkPage}
<div id="perma_top">
{block:PermalinkPagination}
{block:PreviousPost}
<a href="{PreviousPost}" >Previous Post</a>
{/block:PreviousPost}
<a href="/" >INDEX</a>
{block:NextPost}
<a href="{NextPost}" >Next Post</a>
{/block:NextPost}
{/block:PermalinkPagination}
</div>
{/block:PermalinkPage}

<!-------------------------------------------------------------CODE ENDS-->

<!-----------------------------------DO NOT DELETE----------->

<div class="sd">
<a href="http://exoa.tumblr.com/"target="_blank"><code>YA</code></a>
<div id="sb">
<a href="http://exoa.tumblr.com/"target="_blank">MADE BY YOONORA</a>
</div></div>
</body>
<!-----------------------------------DO NOT DELETE----------->
</html>