014 - caught up

<!--
                  014 - caught up
               code made by yoonora/exoa
                    do not steal.

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


           <meta name="color:main" content="#333333"/>
           <meta name="color:background" content="#fbfbfb"/>
           <meta name="color:1" content="#d5f1ff"/>
           <meta name="color:2" content="#d6fefa"/>
           <meta name="color:3" content="#ffffff"/>
           <meta name="color:4" content="#fff9dd"/>
           <meta name="color:5" content="#f1e5f5"/>

           <meta name="image:sidebar" content="http://static.tumblr.com/j2yc61v/IgZnv77fj/chen_003.png"/>
           <meta name="image:pattern" content=""/>
           <meta name="image:background" content="http://static.tumblr.com/j2yc61v/sL2npc7gt/345.png"/>

    <meta name="select:Post Width" content="post-width-250" title="250px">
    <meta name="select:Post Width" content="post-width-400" title="400px">
    <meta name="select:Post Width" content="post-width-500" title="500px">

    <meta name="select:Sidebar Image Size" content="covper" title="cover">
    <meta name="select:Sidebar Image Size" content="tenper" title="20%">
    <meta name="select:Sidebar Image Size" content="fifper" title="50%">
    <meta name="select:Sidebar Image Size" content="eigper" title="80%">
    <meta name="select:Sidebar Image Size" content="oneper" title="100%">
    <meta name="select:Sidebar Image Size" content="ofiper" title="150%">


           <meta name="text:title" content="Caught Up"/>
           <meta name="text:Subtitle" content="in the thought"/>
           <meta name="text:Quote or music" content="blank space"/>
           <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="/"/>
           <meta name="text:link 10" content=""/>
           <meta name="text:link 10 url" content="/"/>
           <meta name="text:link 11" content=""/>
           <meta name="text:link 11 url" content="/"/>
           <meta name="text:link 12" content=""/>
           <meta name="text:link 12 url" content="/"/>
           <meta name="text:link 13" content=""/>
           <meta name="text:link 13 url" content="/"/>


           <meta name="if:Caption" content="0" />
           <meta name="if:Caption Button" content="1" />
           <meta name="if:Colored Posts" content="1" />
           <meta name="if:Border On Posts" content="1" />
           <meta name="if:Scroll Top Links" content="1" />
           <meta name="if:Reblogged From Block" content="1" />


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

<link href="http://static.tumblr.com/l9mi3bq/7F5njbhlz/a.css"rel="stylesheet">
<link href="http://static.tumblr.com/j2yc61v/V0onv3vmi/m.css"rel="stylesheet">

<link href="http://static.tumblr.com/j2yc61v/vZwnr76uk/f.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">
 function unhide(divID) {
 var item = document.getElementById(divID);
 if (item) {
 item.className=(item.className=='hidden')?'unhidden':'hidden';
 }
 }
</script>

<!----------------------------------------SCRIPT #3---->

<script type="text/javascript">
function showStuff(id) {
document.getElementById(id).style.display = 'block';
}
</script>

<!----------------------------------------SCRIPT #4---->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<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:3};
}

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

#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;
}

#tumblr_controls{
z-index:999999999999999999999999999999999999999999999;
}
#sb{
text-transform:uppercase;
width:210px;
}

.sd:hover{
width:260px;
}

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

.cont{
position:relative;
left:20%;
width:60%;
margin:0px;
{block:IndexPage}
margin-bottom:15%;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:5%;
{/block:PermalinkPage}
top:100px;
}

#posts {
margin-left:auto;
margin-right:auto;
color:{color:main};
}

.post-width-400 #posts { width: 460px; }
.post-width-250 #posts { width: 300px; }
.post-width-500 #posts { width: 560px; }

.post-width-500 .element-width-400,
.post-width-500 .element-width-250 { display: none; }

.post-width-400 .element-width-500,
.post-width-400 .element-width-250 { display: none; }

.post-width-250 .element-width-500,
.post-width-250 .element-width-400 { display: none; }

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

#photoset{
{block:IfColoredPosts}
background:{color:1} center url('{image:pattern}');
{/block:IfColoredPosts}
{block:IfNotColoredPosts}
background:{color:3} center url('{image:pattern}');
{/block:IfNotColoredPosts}
{block:IfBorderOnPosts}
border:1px solid {color:4};
{/block:IfBorderOnPosts}
}

.post-width-250 #photoset {
padding:25px 5px 25px 5px;
}


#photo{
{block:IfColoredPosts}
background:{color:2} center url('{image:pattern}');
{/block:IfColoredPosts}
{block:IfNotColoredPosts}
background:{color:3} center url('{image:pattern}');
{/block:IfNotColoredPosts}
background-size:cover;
{block:IfBorderOnPosts}
border:1px solid {color:1};
{/block:IfBorderOnPosts}
}


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

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

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

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

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

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


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

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


#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};
}



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

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


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

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


#pstinf a{
border:none;
background:{color:3};
color:{color:main};
}


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


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

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

#padding{
padding:10px;
}

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


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


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

#topinfos{
{block:IfRebloggedFromBlock}
display:block;
{/block:IfRebloggedFromBlock}
{block:IfNotRebloggedFromBlock}
display:none;
{/block:IfNotRebloggedFromBlock}
background:{color:4};
border-bottom:1px solid {color:3};
}

#infone{
position:relative;
display:inline-block;
background:{color:1};
}


/*--------------------------------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:200%;
}


#notes{
background:{color:2};
color:{color:main};
font:10px arial;
font-style:italic;
font-weight:bold;
text-align:center;
margin:20px  0 0 0;
padding:0px;
}

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

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

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

#perma_tags a:hover{
padding:2px 25px 2px 25px;
background:{color:3};
}

#permas{
background:{color:3};
border:1px solid {color:1};
}

#permas a{
color:{color:main};
text-decoration:none;
font:8px arial;
background:{color:3};
}

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

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


#audiocontent {
position:relative;
border-radius:0px;
margin:10px;
text-align:left;
display:inline-block;
text-transform:uppercase;
}

#audiocontent code{
background:{color:3};
}

#audiocontent b{
background:{color:3};
}


#almart{
background:{color:2};
background-size:cover;
background-position:center;
}


/*--------------------------------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:main};
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};
}

.post-width-250 #asker { font:18px arial;font-style:italic;
font-weight:bold; }
.post-width-400 #asker { font:30px arial;font-style:italic;
font-weight:bold; }
.post-width-500 #asker { font:40px arial;font-style:italic;
font-weight:bold; }

.post-width-250 #asker a{ font:18px arial;font-style:italic;
font-weight:bold; }
.post-width-400 #asker a { font:30px arial;font-style:italic;
font-weight:bold; }
.post-width-500 #asker a { font:40px arial;font-style:italic;
font-weight:bold; }

#asker a{
color:{color:2};
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};
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;
}

#ask_q::first-line{
background:{color:5};
}

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

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


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

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

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


/*--------------------------------PAGINATION--*/

#paginat{
position:fixed;
left:0px;
bottom:0px;
width:100%;
height:3%;
background:{color:3};
border-top:1px solid {color:5};
z-index:99999999;
text-align:center;
padding:0px 0 10px 0;
overflow:hidden;
}

#paginat a{
text-decoration:none;
display:inline-block;
height:100%;
width:25%;
text-transform:uppercase;
color:{color:main};
font:11px arial;
font-style:italic;
padding:10px 0 10px 0;
background:{color:3};
float:center;
}

/*--------------------------------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:4};
}
.capo{
background:{color:1};
}

#capti a{
text-decoration:none;
}

#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;
}


#button_s{
position:relative;
{block:IfCaption}
display:none;
{/block:IfCaption}
padding:10px 0 10px 0;
font:9px arial;
text-align:center;
font-style:italic;
font-weight:bold;
letter-spacing:1px;
margin:10px 0 10px 0;
border:1px solid {color:5};
color:{color:main};
background:{color:3};
text-decoration:none;
text-transform:uppercase;
}

#button_s a{
padding:0px;
text-decoration:none;
}

/*--------------------------------EXTRA--*/
#top{
position:relative;
background:{color:main};
z-index:9999999;
margin:0 0 30% 0;
}

#icon{
position:relative;
float:left;
left:100%;
width:100px;
height:100px;
background:{color:5};
}


#title{
position:relative;
display:block;
font:12px arial;
background:{color:4};
padding:10px;
text-align:right;
font-style:italic;
}


#subt{
font:9px arial;
}

#desc{
position:relative;
text-align:right;
display:inline-block;
width:100%;
{block:IfQuoteormusic}
background:{color:5};
{/block:IfQuoteormusic}
{block:IfNotQuoteormusic}
background:{color:2};
{/block:IfNotQuoteormusic}
}


#links{
position:relative;
width:30%;
display:inline-block;
z-index:99;
background:{color:1};
}

#links a{
display:block;
font:11px arial;
font-style:italic;
font-weight:bold;
margin:10px;
padding:3px 10px 3px 10px;
}

#sidebar{
position:absolute;
top:0%;
left:100%;
width:234%;
height:100%;
}


.tenper{
background:{color:5} center url('{image:sidebar}');
background-size:20%;
}

.fifper {
background:{color:5} center url('{image:sidebar}');
background-size:50%;
}
.eigper {
background:{color:5} center url('{image:sidebar}');
background-size:80%;
}
.oneper {
background:{color:5} center url('{image:sidebar}');
background-size:100%;
}
.ofiper {
background:{color:5} center url('{image:sidebar}');
background-size:150%;
}

.covper {
background:{color:5} center url('{image:sidebar}');
background-size:cover;
}



#suplinks{
position:fixed;
top:0px;
{block:IfScrollTopLinks}
display:block;
{/block:IfScrollTopLinks}
{block:IfNotScrollTopLinks}
display:none;
{/block:IfNotScrollTopLinks}
padding:10px 10px 0 10px;
left:50%;
background:{color:1};
z-index:99999;
text-align:center;
}

#suplinks a{
font:10px arial;
font-style:italic;
color:{color:main};
text-decoration:none;
background:{color:3};
padding:2px 10px 2px 10px;
display:inline-block;
margin:0 0 10px 0;
text-transform:uppercase;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

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

.post-width-250 #suplinks { width: 280px;
margin:0 0 0 -150px; }
.post-width-400 #suplinks { width: 440px;
margin:0 0 0 -230px; }
.post-width-500 #suplinks { width: 540px;
margin:0 0 0 -280px; }

#bgs{
position:absolute;
top:0px;
left:50%;
margin:0 0 0 -300px;
width:600px;
height:100px;
background:{color:background} url('{image:background}') fixed;
z-index:9999999999999999;
}

#sidequote{
{block:IfQuoteormusic}
display:block;
{/block:IfQuoteormusic}
{block:IfNotQuoteormusic}
display:none;
{/block:IfNotQuoteormusic}
padding:10px;
background:{color:2};
font:9px arial;
font-style:italic;
border-bottom:1px solid {color:3};
}


#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-decoration:none;
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:none;
}

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

</style></head><body onkeydown="return false">


<div id="b"></div>

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

<div class="{select:Font}">


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


<div id="post-container" class="{select:Post Width}">
<div id="suplinks">


<a href="/">index</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}
</div></div>


<div class="cont">


<div id="post-container" class="{select:Post Width}"><div id="posts">
<div id="top">


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

<div id="links">

<a href="/">index</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}
{block:ifLink10}<a href="{text:Link 10 URL}">{text:Link 10}</a>
{/block:ifLink10}
{block:ifLink11}<a href="{text:Link 11 URL}">{text:Link 11}</a>
{/block:ifLink11}
{block:ifLink12}<a href="{text:Link 12 URL}">{text:Link 12}</a>
{/block:ifLink12}
{block:ifLink13}<a href="{text:Link 13 URL}">{text:Link 13}</a>
{/block:ifLink13}


<div class="{select:Sidebar Image Size}" id="sidebar"></div>

</div>
<div id="sidequote">{text:Quote or music}</div>

<div id="desc"><div id="padding">{Description}</div></div>

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



<div id="post-container" class="{select:Post Width}">


<div class="autopagerize_page_element">



{block:Posts}


<div id="posts">


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

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


{block:Photo}
{block:IndexPage}

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

{block:IndexPage}
{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="element-width-400">{Photoset-400}</div>
<div class="element-width-250">{Photoset-250}</div>
<div class="element-width-500">{Photoset-500}</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}by: {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 class="element-width-500">{Video-500}</div>
<div class="element-width-400">{Video-400}</div>
<div class="element-width-250">{Video-250}</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">

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

<div id="pstinf">
<div id="paddin">
{block:NoteCount}
<a href="{Permalink}" target="_blank" > {NoteCountWithLabel} </a>
{/block:NoteCount}
<a href="{ReblogURL}"target="_blank" >reblog</a>
</div>
</div>

{block:HasTags}
<div id="ts">
<div id="paddin">

{block:Tags}
<a href="/tagged/{Tag}">#{Tag}</a>
{/block:Tags}
</div>
</div>
{/block:HasTags}

</div>

{/block:IndexPage}



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


{block:RebloggedFrom}
{block:Date}
{block:PermalinkPage}


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

<div id="notes">

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

<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>

</div>

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

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

{block:IfCaptionButton}
{block:Caption}
<a class="capti"><div id="button_s">show caption</div></a></a>
<div class="showr">
<div id="caption">
{Caption}
</div>
</div>
{/block:Caption}
{block:IfCaptionButton}

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

{block:PostNotes}
<a href="javascript:unhide('displaynote');">
<div id="button_s">show notes</div>
</a>

<div id="displaynote" class="hidden">
<div id="permas">
{PostNotes}
</div></div>
{/block:PostNotes}
{/block:PermalinkPage}
</div>
{block:Date}
{/block:RebloggedFrom}
{/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></div>

<!-----------------------------------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">"caught up" #014 BY YOONORA</a>
</div></div>
</body>
<!-----------------------------------DO NOT DELETE----------->
</html>