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





theme: whiplash

- overcount.tumblr.com



* please read my terms of use before using

* please don't delete my credit, thank you!

* when you are typing custom values for post width etc;
don't forget to add 'px' :)


-->
<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="color:background" content="#ffffff">
<meta name="color:title" content="#000000">
<meta name="color:text" content="#000000">
<meta name="color:border" content="#aaaaaa">
<meta name="color:link" content="#000000">
<meta name="color:link hover" content="#3c3c3c">
<meta name="if:show captions" content="1">
<meta name="if:show tags" content="1">
<meta name="if:infinite scroll" content="0">
<meta name="text:post width" content="355px">
<meta name="text:post gap" content="40px">
<meta name="text:photo gutter" content="5px">
<meta name="text:home link" content="home">
<meta name="text:archive link" content="archive">
<meta name="text:ask link" content="contact">
<meta name="text:link 1" content="one">
<meta name="text:link 1 url" content="/">
<meta name="text:link 2" content="two">
<meta name="text:link 2 url" content="/">
<meta name="text:link 3" content="three">
<meta name="text:link 3 url" content="/">
<link href="//static.tumblr.com/putjwid/LXNp2skaa/animate.css" rel="stylesheet" type="text/css">
<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">

<style type="text/css">

/* basic */

body {
margin:0;
font-size:11px;
font-family:courier, monospace;
letter-spacing:.5px;
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:none;
-webkit-transition:all .2s linear;
transition:all .2s linear;
}
small, sub {
font-size:1em;
vertical-align:baseline;
}
blockquote {
margin-left:1em;
padding:0 0 0 10px;
border-left:1px solid {color:Border};
}
blockquote,
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};
}
.main {
margin:100px auto 50px auto;
width:{text:Post Width};
min-width:250px;
max-width:450px;
-webkit-animation:fadeIn;
-moz-animation:fadeIn;
-ms-animation:fadeIn;
-webkit-animation-duration:4s;
}

/* sidebar */

aside {
position:fixed;
width:165px;
margin-top:40px;
margin-left:-265px;
}
.title,
.title a,
.b a,
.b {
font-size:16px;
letter-spacing:2px;
font-weight:bold;
color:{color:title};
margin-bottom:1em;
text-transform:uppercase;
}
.b {
font-size:18px;
margin-bottom:0;
font-style:italic;
}
aside p {
margin:2em 0;
padding:10px;
border:1px dashed {color:Border};
}
nav li {
display:inline-block;
margin:0 .5em .5em 0;
}

/* post content */

.content {
margin:0;
}
.entry {
position:relative;
width:{text:Post Width};
margin:40px;
margin-bottom:{text:Post Gap};
min-width:250px;
max-width:450px;
}
.entry blockquote {
margin-left:1em;
}
.text {
margin:1em 0 2em;
}
.text:last-child,
.text *:last-child {
margin-bottom:0;
}
.spotify_audio_player {
max-height:80px;
border-radius:0!important;
}
iframe.tumblr_audio_player {
width:32px;
height:32px;
}
.audio-post {
position:relative;
padding:15px 15px 13px 15px;
height:42px;
border:1px dashed {color:Border};
display:block;
}
.albumart {
width:50px;
position:absolute;
top:10px;
left:10px;
height:50px;
}
.audio {
left:15px;
top:15px;
right:15px;
position:absolute;
line-height:30px;
display:inline-block;
}
.audio .plyr {
overflow:hidden;
left:4px;
top:6px;
opacity:.7;
position:absolute;
}
.audio .audio-info {
display:inline-block;
width:calc(100% - 55px);
overflow:hidden;
margin-top:12px;
margin-left:60px;
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;
}
.chat {
padding:0;
margin-bottom:2em;
list-style-type:none;
}
.chat .line {
margin-bottom:.5em;
}
.chat .label {
font-weight:bold;
}
.quote {
font-weight:bold;
}
.source {
margin:2em 0;
}
.media {
position:relative;
display:inline-block;
width:100%;
}
.media,
.media iframe {
position:relative;
display:inline-block;
}
.video iframe {
height:auto;
}
.question {
margin-bottom:2em;
border-bottom:1px dashed {color:Border};
padding-bottom:20px;
}
.sender {
display:inline-block;
font-weight:bold;
}
.answer {
font-style:italic;
}
/* permalink */

.info {
margin:1em 0 0 0;
}
.perma {
border:1px dashed {color:Border};
padding:12px;
}
nav li a,
nav li a:hover,
.perma a,
.perma a:hover,
.pagination a {
text-decoration:underline;
}

/* caption - tags */

.caption {
{block:IndexPage}
margin-bottom:2em;
{block:ifNotShowCaptions}
display:none;
{/block:ifNotShowCaptions}
{/block:IndexPage}
}
.caption .tumblr_blog {
font-weight:bold;
}
.caption blockquote {
border:0;
margin:2em 0;
padding:0;
}
.tags {
display:block;
margin-top:1em;
opacity:.8;
{block:IndexPage}
{block:ifNotShowTags}
display:none;
{/block:ifNotShowTags}
{/block:IndexPage}
}
.tags .space:last-of-type {
display:none;
}

/* post notes */

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 .5em;
}
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;
}

/* pagiantion - infinte scroll */

.pagination {
margin:75px 0 40px 40px;
}
{block:ifInfiniteScroll}
.pagination,
#infscr-loading {
display:none!important;
}
{/block:ifInfiniteScroll}

/* tooltip - scrollbar - tumblr controls */

.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:4px 5px 1px 5px;
background:{color:background};
border:1px solid {color:Border};
text-transform:uppercase;
color:{color:text};
}
::-webkit-scrollbar {
height:11px;
width:11px;
background:{color:Background};
}

::-webkit-scrollbar-track {
background:{color:border};
border:5px solid {color:Background};
}

::-webkit-scrollbar-thumb{
border:5px solid {color:Background};
background:{color:Text};
}
#tumblr_controls {
position:fixed!important;
opacity:.67!important;
-webkit-filter:invert(100%);
-webkit-backface-visibility:hidden;
padding:4px;
}

/* credit - don't delete! */

.myshit {
position:fixed;
bottom:10px;
right:10px;
}
</style>
</head>
<body>
<div class="main">
<div class="myshit">
<a href="/" title="coded by overcount">[ @ ]</a>
</div>
<aside>
<h1 class="title b"><a href="/">{Title}</a></h1>
<p>{Description}</p>
<nav>
{block:ifHomeLink}
<li><a href="/">{text:home link}</a></li>
{/block:ifHomeLink}
{block:ifArchiveLink}
<li><a href="/archive">{text:archive link}</a></li>
{/block:ifArchiveLink}
{block:ifAskLink}
<li><a href="/ask">{text:ask link}</a></li>
{/block:ifAskLink}
{block:ifLink1}
<li><a href="{text:link 1 url}">{text:link 1}</a></li>
{/block:ifLink1}
{block:ifLink2}
<li><a href="{text:link 2 url}">{text:link 2}</a></li>
{/block:ifLink2}
{block:ifLink3}
<li><a href="{text:link 3 url}">{text:link 3}</a></li>
{/block:ifLink3}
{block:HasPages}
{block:Pages}
<li><a href="{URL}">{Label}</a></li>
{/block:Pages}
{/block:HasPages}
</nav>
</aside>
<div class="content">
{block:Posts}
<article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
<section class="post">
{block:Audio}
<div class="audio-post">
{block:AlbumArt}
<div class="albumart">
<img src="{AlbumArtURL}">
</div>
{/block:AlbumArt}
<div class="audio">
{block:AudioPlayer}
<div class="plyr">
{AudioPlayerGrey}
</div>
{/block:AudioPlayer}
<div class="audio-info">
<div class="extend">
{block:TrackName}{TrackName}{/block:TrackName}
{block:Artist}<span> by {Artist}</span>{/block:Artist}
</div>
</div>
</div>
</div>
{/block:Audio}
{block:Photo}
<div class="media">
{LinkOpenTag}
<img src="{PhotoURL-500}">
{LinkCloseTag}
</div>
{/block:Photo}
{block:Photoset}
<div class="media photoset">
<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}
{block:Video}
<div class="media video">
{Video-500}
</div>
{/block:Video}
{block:Answer}
<div class="question">
<div class="sender">{Asker}: </div>
<span class="inquiry">{Question}</span>
</div>
<div class="answer text">{Answer}</div>
{/block:Answer}
{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}
{block:Link}
<h1 class="title"><a href="{URL}">{Name}</a></h1>
{block:Description}
<div class="text">{Description}</div>
{/block:Description}
{/block:Link}
{block:Quote}
<div class="quote text">{Quote}</div>
{block:Source}
<div class="source text">{Source}</div>
{/block:Source}
{/block:Quote}
{block:Text}
{block:Title}<h1 class="title">{Title}</h1>{/block:Title}
<div class="text">{Body}</div>
{/block:Text}
{block:Caption}
<div class="caption text">{Caption}</div>
{/block:Caption}
{block:Date}
{block:indexpage}
<div class="info text">
<div class="perma">
<a class="permalink" href="{Permalink}">{MonthNumber}/{DayOfMonthWithZero}/{ShortYear}({NoteCountWithLabel})</a> : <a class="permalink" href="{ReblogURL}">reblog</a>
</div>
{block:HasTags}
<div class="tags">
{block:Tags}
<a href="{TagURL}">{Tag}</a><i class="space">, </i>
{/block:Tags}
</div>
{/block:HasTags}
</div>
{/block:indexpage}
{block:permalinkpage}
<div class="info text">
<div class="perma">
<a class="permalink" href="{Permalink}">{TimeAgo},</a>
{block:RebloggedFrom}via: <a class="permalink" href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a class="permalink" href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}
</div>
{block:HasTags}
<div class="tags">
{block:Tags}
<a href="{TagURL}">{Tag}</a><i class="space">, </i>
{/block:Tags}
</div>
{/block:HasTags}

<div style="margin:5em 0; font-style:italic; opacity:.8;">
{NoteCountWithLabel}
</div>

{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>
{/block:permalinkpage}
{/block:Date}
</section>
</article>
{/block:Posts}
<!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
</div>
{block:Pagination}
<div class="pagination">
{block:PreviousPage}
<a class="prev" style="margin-right:2em;" href="{PreviousPage}">previous</a>
{/block:PreviousPage}
<span style="opacity:.8; font-style:italic">{CurrentPage} of {TotalPages} pages</span>
{block:Nextpage}
<a class="next" style="margin-left:2em;" href="{NextPage}">forward</a>
{/block:NextPage}
</div>
{/block:Pagination}
</div>

<!-- script 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>
{block:IndexPage}<script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>{block:IfInfiniteScroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script><script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.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>
(function(){
$('body').tooltip({track:true});
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded:false,
gutter: '{text:Photo Gutter}',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
$('iframe.tumblr_audio_player').load( function() {
$('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:#fff; !important;} </style>"));
});
{block:IndexPage}
var $tumblelog = $('.content');

$tumblelog.imagesLoaded(function () {
$tumblelog.masonry({itemSelector: '.entry'});
});
$(window).resize(function(){
$tumblelog.masonry();
});
{block:IfInfiniteScroll}
$tumblelog.infinitescroll({
navSelector : ".pagination",
nextSelector : ".next",
itemSelector : ".entry",
loading: {
finishedMsg: "<p>You've reached the end of the Earth.</p>",
img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
msg: null,
msgText: "",
},
},
function( newElements ) {
var $newElems = $( newElements );

var $newElemsIDs = $newElems.map(function () {
return this.id;
}).get();
$newElems.find('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '{text:Photo Gutter}',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
var $newElems = $newElems.css({
opacity: 0,
zIndex: -1
});
resizeVideos();
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1, zIndex: 1 });
$tumblelog.masonry( 'appended', $newElems );
});
Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
});
{/block:IfInfiniteScroll}
{/block:IndexPage}
})();
</script>
</body>
</html>