<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--







theme 01 : half moon

by overcount.tumblr.com/themes







-->
<title>{Title}{block:TagPage} : #{Tag}{/block:TagPage} {block:PostSummary} : {PostSummary}{/block:PostSummary}</title>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}">
{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="image:Banner" content="">
<meta name="color:Background" content="#ffefdb">
<meta name="color:Title" content="#000000">
<meta name="color:Text" content="#232323">
<meta name="color:Link" content="#232323">
<meta name="color:Link Hover" content="#000000">
<meta name="color:Permalink" content="#232323">
<meta name="color:Permalink Hover" content="#313131">
<meta name="color:Accent" content="#ffefdb">
<meta name="color:Border" content="#eadbc7">
<meta name="color:Posts and Sidebar" content="#ffffff">
<meta name="color:Tooltip BG" content="#ffffff">
<meta name="color:Tooltip Text" content="#232323">
<meta name="color:Scroll Bar" content="#232323">
<meta name="if:Banner" content="0">
<meta name="if:Borders" content="1">
<meta name="if:Show Captions" content="1">
<meta name="if:Black Cursor" content="1">
<meta name="if:One Column" content="0">
<meta name="if:Infinite Scroll" content="1">
<meta name="text:Home Link" content="home">
<meta name="text:Ask Link" content="contact">
<meta name="text:Archive Link" content="archive">
<meta name="text:Link 1" content="link 1">
<meta name="text:Link 1 URL" content="link 1 url">
<meta name="text:Link 2" content="link 2">
<meta name="text:Link 2 URL" content="link 2 url">
<meta name="text:Link 3" content="link 3">
<meta name="text:Link 3 URL" content="link 3 url">
<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
<link href="//static.tumblr.com/putjwid/LXNp2skaa/animate.css" rel="stylesheet" type="text/css">
<script src="//use.edgefonts.net/courier-prime:n4,i4,n7,i7.js"></script>
<style type="text/css">

/* general */

body {
margin:0;
font:10px courier-prime, sans-serif;
line-height:1.6em;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
color:{color:Text};
background:{color:Background};
}
a {
color:{color:Link};
text-decoration:none;
-webkit-transition:all .2s linear;
transition:all .2s linear;
}
a:hover {
color:{color:Link Hover};
text-decoration:underline;
-webkit-transition:all .2s linear;
transition:all .2s linear;
}
{block:ifblackcursor}
* {
cursor:url('http://www.rw-designer.com/cursor-extern.php?id=77321'), auto;
}
a:hover, img {
cursor:url('http://www.rw-designer.com/cursor-extern.php?id=77327'), pointer;
}
{/block:ifblackcursor}
small,
sub {
font-size:1em;
vertical-align:baseline;
}
blockquote {
margin-left:1em;
padding:.6em .6em .6em 1.5em;
border-left:1px solid {color:border};
}
ol,
ul,
p,
pre {
margin:0 0 .6em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin:0 0 .6em;
font-size:1em;
font-weight:inherit;
}
img {
border:0;
max-width:100%;
height:auto;
display:block;
}
hr {
margin:1em 0;
border:0;
height:1px;
-moz-box-sizing:border-box;
box-sizing:border-box;
background-color:{color:Border};
}

/* holder */

.main {
margin:50px auto;
width:725px;
{block:ifOneColumn}
width:350px;
{/block:ifOneColumn}
{block:PermalinkPage}
width:400px;
margin:90px auto;
{/block:PermalinkPage}
}

/* sidebar */

aside {
position:fixed;
width:140px;
padding:10px;
background:{color:Posts and Sidebar};
margin:90px 0 0 -100px;
{block:ifOneColumn}
margin-left:-200px;
{/block:ifOneColumn}
{block:PermalinkPage}
margin-top:50px;
margin-left:-200px;
{/block:PermalinkPage}
-webkit-animation:fadeInDown;
-moz-animation:fadeInDown;
-ms-animation:fadeInDown;
-webkit-animation-duration:1.5s;
}
.banner {
margin-bottom:1em;
}
.btitle {
font-size:15px;
padding:2px;
background:{color:Accent};
text-align:center;
letter-spacing:1px;
}
.btitle a {
color:{color:Title};
}
.btitle a:hover {
text-decoration:none;
}
nav {
margin:1em 0;
}
nav li {
display:inline-block;
margin-right:1em;
}
nav .fa,
.date .fa {
margin-right:.5em;
}

/* post content */

.content {
width:725px;
margin-left:100px;
{block:ifOneColumn}
width:350px;
margin-left:0;
{/block:ifOneColumn}
{block:PermalinkPage}
width:400px;
margin-left:0;
{/block:PermalinkPage}
-webkit-animation:fadeInUp;
-moz-animation:fadeInUp;
-ms-animation:fadeInUp;
-webkit-animation-duration:1.5s;
}

/* post div */

.entry {
position:relative;
width:250px;
padding:10px;
background:{color:Posts and Sidebar};
{block:PermalinkPage}
width:400px;
{/block:PermalinkPage}
margin:40px;
{block:ifOneColumn}
width:350px;
margin-bottom:100px;
{/block:ifOneColumn}
}
.title,
.title a {
font-size:15px;
color:{color:Title};
}
.text {
margin:1em 0 0;
}
.text:last-child,
.text *:last-child {
margin-bottom:0;
}

.chat {
padding:0;
list-style-type:none;
}
.chat .line {
margin-bottom:1em;
}
.chat .line:nth-child(odd) {
background:{color:Accent};
}
.chat .label,
.quote {
font-weight:bold;
}
iframe.tumblr_audio_player {
width:32px;
height:32px;
}
.audio-post {
position:relative;
background:{color:Accent};
padding:15px 15px 13px 15px;
height:30px;
display:block;
}
.audio {
left:15px;
top:15px;
right:15px;
position:absolute;
line-height:30px;
display:inline-block;
}
.audio .plyr {
overflow:hidden;
opacity:.7;
position:absolute;
}
.audio .audio-info {
display:inline-block;
width:calc(100% - 45px);
overflow:hidden;
margin-left:45px;
vertical-align:middle;
line-height:15px;
}
.audio .audio-info .extend {
display:block;
max-height:15px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
margin-right:15px;
}
.media,
.media iframe {
position:relative;
display:inline-block;
width:100%;
}
{block:IndexPage}
.photo-slideshow {
display:none;
}
{/block:IndexPage}

/* captions */

.caption {
{block:IndexPage}
{block:ifNotShowCaptions}
display:none;
{/block:ifNotShowCaptions}
{/block:IndexPage}
}

/* permalinks */

.date {
margin:1em 0 0 0;
padding:2px;
background:{color:Accent};
text-align:center;
}
.date .fa {
font-size:11px;
}
.date a {
color:{color:Permalink};
}
.date a:hover {
color:{color:Permalink Hover};
}

/* tags */

.tags a {
margin-right:1em;
}

/* PermalinkPage & Post Notes */

.info {
letter-spacing:.5px;
margin:1em 0 0 0;
background:{color:Accent};
padding:10px;
}
.info li {
list-style-type:none;
}
.info .fa {
margin-right:.5em;
}
.info-notes {
display:none;
}
ol.notes {
list-style-type:none;
padding:0px;
margin-top:1em;
}
ol.notes li.note {
display:block;
padding:0;
margin:5px 0;
}
ol.notes li.note blockquote {
padding:5px 5px 5px 10px;
margin:.5em 0 1em 1em;
}
ol.notes li.note img.avatar {
width:14px;
border-radius:100%;
float:left;
margin-right:.8em;
}
.more_notes_link, .notes_loading {
font-weight:bold;
text-align:left!important;
display:block;
margin-top:1em;
}

/* infinite scroll & pagination */

{block:ifInfiniteScroll}
.pagination,
#infscr-loading {
display:none!important;
}
{/block:ifInfiniteScroll}
footer {
margin:7em auto 7em 140px;
{block:ifOneColumn}
margin-left:40px;
{/block:ifOneColumn}
}

/* tumblr controls, tooltips & scroll bar */

.iframe-controls--desktop {
position:fixed!important;
opacity:.67!important;
white-space:nowrap!important;
-webkit-filter:invert(100%)!important;
-moz-filter:invert(100%)!important;
-ms-filter:invert(100%)!important;
-o-filter:invert(100%)!important;
filter:invert(100%)!important;
-webkit-backface-visibility:hidden;
padding:4px;
}
.ui-tooltip {
position:absolute;
margin:5px 5px 10px 5px;
padding:10px 5px 10px 5px;
letter-spacing:1px;
z-index:99999999;
font-size:9px;
}
.ui-tooltip-content {
padding:2px 5px 1px 5px;
font-style:italic;
background:{color:Tooltip BG};
text-transform:uppercase;
color:{color:Tooltip Text};
}
::-webkit-scrollbar {
background:{color:Background};
width:3px;
height:5px;
}
::-webkit-scrollbar-thumb {
border-radius:5px;
background:{color:Scroll Bar};
}

/* for smaller screens */

@media screen and (max-width:600px) {
.main, .content, aside {
width:calc(100% - 75px);
}
.entry {
width:100%;
margin:0 0 100px -11px;
}
.entry img, .media iframe {
width:100%;
}
.content {
margin:0 auto 0 auto;
}
aside {
position:relative;
text-align:center;
margin:2em auto 5em auto;
}
.banner {
width:50px;
margin:0 auto 1em auto;
border-radius:100%;
}
}

/* other */

{block:ifBorders}
aside,
.entry,
.ui-tooltip-content {
border:1px solid {color:Border};
}
{/block:ifBorders}
</style>
</head>
<body>

<!-- holder begins --------------->

<div class="main">

<!-- credit (don't remove!) ------>

<div style="position:fixed; bottom:10px; right:10px; background:{color:Background}; z-index:2; text-decoration:underline; font-size:17px;"><a href="http://overcount.tumblr.com" title="half moon theme by overcount"><i class="fa fa-cogs"></i></a></div>

<!-- sidebar --------------------->

<aside>
{block:ifBanner}<img class="banner" src="{image:Banner}">{/block:ifBanner}
<div class="btitle"><a href="/">{Title}</a></div>
<nav>
{block:ifHomeLink}<li><a href="/"><i style="font-size:12px;" class="fa fa-home"></i>{text:Home Link}</a></li>{/block:ifHomeLink}
{block:ifAskLink}<li><a href="/ask"><i class="fa fa-comment"></i>{text:Ask Link}</a></li>{/block:ifAskLink}
{block:ifArchiveLink}<li><a href="/archive"><i class="fa fa-folder-open"></i>{text:Archive Link}</a></li>{/block:ifArchiveLink}
{block:ifLink1}<li><a href="{text:Link 1 URL}"><i class="fa fa-star"></i>{text:Link 1}</a></li>{/block:ifLink1}
{block:ifLink2}<li><a href="{text:Link 2 URL}"><i class="fa fa-leaf"></i>{text:Link 2}</a></li>{/block:ifLink2}
{block:ifLink3}<li><a href="{text:Link 3 URL}"><i class="fa fa-rocket"></i>{text:Link 3}</a></li>{/block:ifLink3}
</nav>
<p>{Description}</p>
</aside>

<!-- content begins -------------->

<div class="content">

<!-- posts begins ---------------->

{block:Posts}
<article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">

<!-- text posts ------------------>

{block:Text}
{block:Title}<h1 class="title">{Title}</h1>{/block:Title}
<div class="text">{Body}</div>
{/block:Text}

<!-- photo posts ----------------->

{block:Photo}
<div class="media">
{LinkOpenTag}
<img src="{PhotoURL-500}">
{LinkCloseTag}
</div>
{/block:Photo}

<!-- photoset posts -------------->

{block:Photoset}
<div class="media photoset">
{block:indexpage}<a href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false">{block:Photos}<img src="{PhotoURL-HighRes}"><!--{/block:Photos}--></a>{/block:indexpage}
<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>
{/block:Photoset}

<!-- quote posts ---------------->

{block:Quote}
<div class="quote text">{Quote}</div>
{block:Source}
<div class="source text">- {Source}</div>
{/block:Source}
{/block:Quote}

<!-- link posts ----------------->

{block:Link}
<h1 class="title"><a style="text-decoration:underline;" href="{URL}">{Name}</a></h1>
{block:Description}<div class="text">{Description}</div>{/block:Description}
{/block:Link}

<!-- chat posts ----------------->

{block:Chat}
{block:Title}<h1 class="title">{Title}</h1>{/block:Title}
<ul class="chat text">
{block:Lines}
<li class="line">
{block:Label}
<span class="label">{Label} </span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}

<!-- audio posts ---------------->

{block:Audio}
<div class="audio-post">
<div class="audio">
{block:AudioPlayer}
<div class="plyr">
{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
</div>
{/block:AudioPlayer}
<div class="audio-info">
<div class="extend">
{block:TrackName}{TrackName}{/block:TrackName}
{block:Artist}<span> by {Artist}</span>{/block:Artist}
</div>
{block:playcount}{playcountwithlabel}{/block:playcount}</div>
</div>
</div>
{/block:Audio}

<!-- video posts ---------------->

{block:Video}
<div class="media video">{Video-500}</div>
{/block:Video}

<!-- answer posts --------------->

{block:Answer}
<div class="question">
<div class="sender">{lang:Asker asked}:</div>
<span class="inquiry">{Question}</span>
</div>
<div class="answer text">{Answer}</div>
{/block:Answer}

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

<!-- permalinks ----------------->

{block:indexpage}
{block:Date}
<div class="date text"><a href="{Permalink}"><i class="fa fa-eye"></i>{NoteCountWithLabel}</a><span style="margin:0 1.5em 0 1em;">//</span><a href="{ReblogURL}"><i class="fa fa-retweet"></i>reblog</a>
</div>
{/block:Date}
{/block:indexpage}

<!-- permalink page ------------->

{block:PermalinkPage}
{block:PostNotes}
<div class="info">
<li><i class="fa fa-info-circle"></i> {TimeAgo} at {12HourWithZero}:{Minutes}{AmPm}</li>
<li>{block:RebloggedFrom}<a href="{ReblogParentURL}"><i class="fa fa-user-plus"></i>{ReblogParentName}</a>{block:ContentSource} &mdash; <a href="{ReblogRootURL}"><i class="fa fa-location-arrow"></i>{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}</li>
<li>{block:HasTags}<div class="tags"><i class="fa fa-tags"></i> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</li>
<li><a href="#" title="show all notes" style="text-decoration:underline;" class="info-notes-t">{NoteCountWithLabel}</a>
</div>
<div class="info-notes">{PostNotes}</div>
{/block:PostNotes}
{/block:PermalinkPage}

</article>
{/block:Posts}

<!-- post ends ------------------>

<!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->

</div>

<!-- content ends --------------->

<!-- paginaion ------------------>

{block:Pagination}
<footer>
<div class="pagination">
{block:PreviousPage}
<a class="prev" style="margin-right:2em;" href="{PreviousPage}">previous</a>
{/block:PreviousPage}
<span>{CurrentPage} of {TotalPages} pages</span>
{block:Nextpage}
<a class="next" style="margin-left:2em;" href="{NextPage}">forward</a>
{/block:NextPage}
</div>
</footer>
{/block:Pagination}

</div>

<!-- holder ends --------------->

<!-- scripts (don't touch!) ---->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src="https://use.fontawesome.com/4213eea0e9.js"></script>{block:IndexPage}<script src="//cdnjs.cloudflare.com/ajax/libs/masonry/3.1.2/masonry.pkgd.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.0.4/jquery.imagesloaded.min.js"></script>{block:ifInfiniteScroll}<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-infinitescroll/2.0b2.120519/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}{/block:IndexPage}<script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
<script>
$(document).ready(function(){
$('body').tooltip({track:true});
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '5px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
$(".info-notes").hide();
$(".info-notes-t").show();$('.info-notes-t').toggle(function(){
$(".info-notes").slideDown(function(){});
},function(){
$(".info-notes").slideUp(function(){});
});
$('iframe.tumblr_audio_player').load( function() {
$('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accent} !important;} </style>"));
});
{block:IndexPage}
var $container = $('.content');
$container.imagesLoaded(function() {
$container.masonry({itemSelector: '.entry'});
$container.find('.entry').animate({opacity: 1, zIndex: 1});
});
$(window).resize(function(){$container.masonry();});
{block:ifInfiniteScroll}
$container.infinitescroll({
itemSelector: '.entry',
navSelector: '.pagination',
nextSelector: '.next',
loading: {
finishedMsg: '<em></em>',
img :null,
msg: null,
msgText: '<em></em>',
},
bufferPx: 2000
},
function( newElements ) {
var $newElems = $( newElements );
var $newElemsIDs = $newElems.map(function () {return this.id;}).get();
Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
$newElems.imagesLoaded(function(){
$container.masonry('appended', $newElems);
$newElems.animate({opacity: 1, zIndex: 1});
});
resizeVideos();
$newElems.find('iframe.tumblr_audio_player').load(function(){
$('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accent} !important;} </style>"));
});
});
{/block:ifInfiniteScroll}
{/block:IndexPage}
});
</script>
</body>
</html>