no. 09 : deliver

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, width=device-width" />

<meta name="color:background" content="" />
<meta name="color:content" content="" />
<meta name="color:link" content="" />
<meta name="color:linkh" content="" />
<meta name="color:scrollbar" content="" />
<meta name="color:text" content="" />

<meta name="color:accent" content="" />
<meta name="color:askbox" content="" />
<meta name="color:borders" content="" />
<meta name="color:title" content="" />

<meta name="select:Post Width" content="300" title="300px" />
<meta name="select:Post Width" content="325" title="325px" />
<meta name="select:Post Width" content="350" title="350px" />
<meta name="select:Post Width" content="400" title="400px" />
<meta name="select:Post Width" content="450" title="450px" />
<meta name="select:Post Width" content="500" title="500px" />
<meta name="select:Post Width" content="540" title="540px" />

<meta name="text:link1" content="" />
<meta name="text:link1 url" content="" />
<meta name="text:link2" content="" />
<meta name="text:link2 url" content="" />
<meta name="text:link3" content="" />
<meta name="text:link3 url" content="" />
<meta name="text:link4" content="" />
<meta name="text:link4 url" content="" />

<title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><div id="cr"><a href="http://aurthms.tumblr.com">cr</a></div><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/Citm42m8i/smoothscroll.js"></script>

</head>

<style type="text/css">

body {
color:{color:text};
font:10px arial narrow, sans-serif;
word-wrap:break-word;
line-height:17px;
margin:0;
cursor:default;
background:{color:background};}

img {
display:block;
max-width:100%;
height:auto;}

::selection {
color:{color:text};
background:{color:accent};}

::-moz-selection {
color:{color:text};
background:{color:accent};}

::-webkit-scrollbar{
height:2px;
width:4px;
background:inherit;}

::-webkit-scrollbar-thumb {
background:{color:scrollbar};
border-radius:2px;
-webkit-border-radius:2px;}

.same::-webkit-scrollbar {width:1px;}

.same::-webkit-scrollbar-thumb {background:{color:borders}!important;}

iframe#tumblr_controls {
opacity:0.4!important;
top:-1.5px!important;
margin:0 0 0 0;
right:0px!important;
position:fixed!important;
padding:0!important;
display:block;
-webkit-filter:invert(100%)!important;}

.tmblr-lightbox {background:rgba({color:background}, .95)!important;}

.tmblr-lightbox img {opacity:0;}

.lightbox-caption {
color:{color:title}!important;
font-family:inherit!important;
font-size:1em!important;
font-weight:normal!important;
text-shadow:none!important;}

.lightbox-image {
-moz-box-shadow:none!important;
-webkit-box-shadow:none!important;
box-shadow:none!important;
-moz-border-radius:0px!important;
-webkit-border-radius:0px!important;
border-radius:0px!important;
padding:0px!important;
margin:0px!important;
border:0!important;
opacity:1!important;}

.vignette {opacity:0!Important;}

.iframe-controls--desktop {
white-space:nowrap!important;
-webkit-filter:invert(70%)!important;
-moz-filter:invert(70%)!important;
-ms-filter:invert(70%)!important;
-o-filter:invert(70%)!important;
filter:invert(70%)!important;
top:10px!important;
right:10px!important;
opacity:.3!important;
position:fixed!important;}

a:link, a:visited, a:active {
cursor:help;
color:{color:link};
text-decoration:underline;
border-bottom:none;
-moz-transition:0.19s ease-in;
-webkit-transition:0.19s ease-in;
-o-transition:0.19s ease-in;
transition:0.19s ease-in;}

a:hover {
color:{color:linkh};
-moz-transition:0.19s ease-in;
-webkit-transition:0.19s ease-in;
-o-transition:0.19s ease-in;
transition:0.19s ease-in;}

blockquote {
border:0px solid rgba(204,204,204,0);
padding:0px;
margin:0px 0;}

pre {
padding:0;
margin:0;
line-height:inherit!important;
background:transparent;
font-family:inherit!Important;
font-size:inherit!important;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;}

p {margin:1em 0;}

p:first-of-type {margin-top:0;}

p:last-of-type {margin-bottom:0;}

b, strong, b a, strong a {color:{color:title};}

ol, ul {
list-style:none;
text-align:left;
padding-left:0;}

li {
position:relative;
padding:.1em 0 .1em 35px;}

ol li {counter-increment:list;}

ol li:before, ul li:before {
left:15px;
position:absolute;
vertical-align:baseline!important;}

ol li:before {content:counter(list) '.';}

ul li:before {content:'›';}

.chat li:before, .same li:before {display:none;}

small, big, sub, pre {
font-size:1em!important;
line-height:1.5em!important;
vertical-align:baseline!important;}

.post h1:first-child, .post h2:first-child, .post h3:first-child, .post h4:first-child {margin-top:0;}

.ui-tooltip {
position:Absolute;
z-index:9999;
padding-top:10px;}

.ui-tooltip-content {
background:{color:accent};
padding:2px 4px;
font-size:8px;
letter-spacing:1px;}

.sidebar {
display:block;
width:215px;
bottom:100px;
left:120px;
z-index:1;
position:fixed;}

.navilinks img {
display:inline-block;
width:45px;
height:45px;
border-radius:5px;}

.navilinks {
display:block;
letter-spacing:1px;
vertical-align:bottom;
font-size:9px;
word-spacing:2px;
text-transform:uppercase;
border-bottom:1px solid {color:borders};}

.navilinks a {
color:{color:text};
opacity:.7;
text-decoration:none;
margin-right:7px;}

.navilinks a:first-child {
margin-right:5px;}

#pagination {
font-size:10px;
display:block;
margin-top:5px;
word-spacing:3px;}

#pagination a {
color:{color:text};
opacity:.5;
text-decoration:none;}

.current_page {
opacity:1;
font-weight:700;}

#stext {
text-align:justify;
margin-top:15px;}

#posts {
display:block;
position:relative;
margin:40px 0px 40px 400px;
width:calc({select:post width}px + 70px);}

.entry {
display:block;
position:relative;
padding:35px;
margin:auto;
background:{color:content};
width:{select:post width}px;}

.perma_holder {
position:absolute;
width:100%;
height:100%;
z-index:1;
text-transform:uppercase;
font:7px trebuchet ms;
font-weight:lighter;
margin:-35px -35px 0;
display:inline-flex;
display:-webkit-flex;
-moz-transition:0.19s ease-in;
-webkit-transition:0.19s ease-in;
-o-transition:0.19s ease-in;
transition:0.19s ease-in;}

.rblg_holder {
display:block;
position:absolute;
padding:15px 0px 0px;
height:20px;
z-index:1;
font:8px arial narrow;
text-align:center;
vertical-align:middle;
width:calc({select:post width}px + 70px);}

#perma {
position:relative;
display:block;
width:calc({select:post width}px + 70px);
z-index:99;
text-align:justify;
margin:auto 0px;}

#perma li {
position:relative;
padding:0px;}

#perma li:first-child {
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid {color:text};}

#perma li:before {
width:0px;
left:0px;
display:none;
background:none;}

.perma_lft:hover li, .perma_rght:hover li {
opacity:.6;
-moz-transition:0.19s ease-in;
-webkit-transition:0.19s ease-in;
-o-transition:0.19s ease-in;
transition:0.19s ease-in;}

.perma_lft:hover li a:hover, .perma_rght:hover li a:hover {
opacity:1;
-moz-transition:0.19s ease-in;
-webkit-transition:0.19s ease-in;
-o-transition:0.19s ease-in;
transition:0.19s ease-in;}

.rblg_holder a {
opacity:1;
color:{color:text};
text-decoration:none;
display:block;}

.perma_lft a, .perma_rght a {
color:{color:text};
opacity:.5;
text-decoration:none;
display:block;}

.perma_lft {
float:left;
width:25px;
margin-left:5px;
text-align:center;
display:inline-block;
vertical-align:middle;}

.perma_rght {
float:right;
width:25px;
margin-right:5px;
text-align:center;
display:inline-block;
vertical-align:middle;}

.entry img {
height:auto;
max-width:100%;
display:block;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;}

.photo img {
width:{select:post width}px;
display:block;}

.media, .photo-slideshow {
position:relative;
display:block;}

.quote {
display:block;
text-align:center;
padding:5px 25px;
font:italic 20px cambria;}

.source {
display:block;
text-align:center;
font-size:9px;
margin-top:10px;}

.chat ol {
margin:0;
padding:0;
list-style:none;
text-align:left;}

.l {
margin:5px 0;
padding:0;}

.chat li:first-of-type {margin-top:0px;}

.chat li:last-of-type {margin-bottom:0;}

.label {
color:{color:text};
display:inline-block;}

.video {
display:block;
position:relative;}

.video iframe {
display:block;
max-width:calc({select:post width}px - 8px);
border:1px solid {color:borders};
padding:3px;}

.tumblr_video_container {
display:block;
max-width:calc({select:post width}px - 8px);}

#youtube_iframe {
display:block;
max-height:calc({select:post width}px * 0.67);
max-width:calc({select:post width}px - 8px);}

.instagram-media {max-height:none!important;}

.tumblr_audio_player {
width:250px;
height:30px;
margin-top:-2px;}

.player {
width:25px;
height:25px;
display:inline-block;
overflow:hidden;
vertical-align:middle;}

.audio_info {
padding-left:15px;
margin-left:14px;
border-left:1px solid {color:borders};
vertical-align:middle;
display:inline-block;
width:calc({select:post width} - 55px);}

.audio_info span {display:block;}

#askbox {
display:block;
position:relative;}

.pic img {
display:block;
border-radius:100%;
width:30px;
float:left;
margin-right:3px;
border:3px solid white;
border-radius:100%;}

.asker {
padding:5px;}

.question {
padding:15px;
background:{color:background};
border-radius:0px 10px 10px;}

.answer {
padding:10px;
margin-top:5px;}

.caption {
display:block;
padding-top:15px;
position:relative;}

.post img, .post li, .post blockquote, .caption img, .caption iframe {max-width:100%;}

.caption *:last-child, .a *:last-child, .tex *:last-child {
margin-bottom:0!important;
padding-bottom:0!Important;}

.read_more {
display:block;
font-weight:700;
font-size:10px;
border:none!important;
font-style:normal;
color:{color:title}!important;
text-decoration:none!important;
text-transform:lowercase;}

#caption_holder {
display:block;
position:relative;
margin:0px!important;
padding:0px 25px 25px;
background:{color:content};
width:calc({select:post width}px + 20px);}

#space {margin-bottom:70px;}
#space:last-child {
margin:none;}

.tags {
display:block;
position:relative;
width:{select:post width}px;
z-index:1;
padding:0px 35px 10px;
margin:-25px 0px 0px;
font-style:italic;
text-decoration:none;}

.tags a {
margin:3px;
text-decoration:none;
color:{color:text};
opacity:.4;}

ol.notes {
font-size:9px!important;
text-align:right;
padding:10px 0px 0px 0px;
margin:0px 0px 25px 0px;
list-style-type:none;
letter-spacing:.7px;}

ol.notes li:before {
width:0px;
display:none;
background:none;}

ol.notes li.note {
padding:10px 15px 10px 8px;}

ol.notes li.note img.avatar {
float:left;
width:16px;
height:16px;
margin-right:5px;
vertical-align:middle;
display:inline-block;}

ol.notes li.note span.action {font-weight:normal;}
ol.notes li.note .answer_content {font-weight:normal;}

.more_notes_link, .notes_loading {color:{color:text}!important;}

#cr {
bottom:15px;
right:15px;
font:9px arial;
font-weight:normal;
font-style:normal;
position:fixed;}

#cr a {
border:none;
padding:0px;
margin:0px;
text-decoration:none;
color:{color:background};
-webkit-filter: invert(100%);
filter: invert(100%);}

.ttable {
width:640px;
margin:auto;
display:block;
white-space:normal;
overflow-y:scroll;}

.permatext {
    font-family: arial narrow, sans-serif;
    border-collapse: collapse;
    width: 100%;
font-weight:700;
font-size:14px;
letter-spacing:1px;
margin-top:10px;
color:#a4a4a4;}

.permatext a {
color:black;
background:yellow;
text-decoration:none;}

.permatext nts {
display:block;
text-transform:uppercase;
font-weight:lighter;
font-size:8px;}

.permatext td, th {
    border: 0px solid #dddddd;
    text-align: center;
    padding: 8px;
}

{CustomCSS}

/* photoset by pixelunion */

.clearit:before, .clearit:after {
    content: "";
    display: table;
}

.clearit:after {clear: both;}

.clearit { *zoom: 1; }

/* Photoset */

.photo-slideshow {visibility:hidden;}

.photo-slideshow.processed {
    visibility:visible;
    margin:0;
    display:block;
}

.photo-slideshow a {border:0;}

.photo-slideshow .row {
  clear:both;
  width:100%;
}

.photo-slideshow .pxu-photo {
  display:block;
  float:left;
  margin-bottom: 0;
  width: 100%;
  overflow: hidden;
}

.photo-slideshow .pxu-photo img {display: block;}

.photo-slideshow.processed .pxu-photo img {
  width: 100%;
  height: auto;
  display:block;
}

.photo-slideshow .pxu-photo:first-child img {margin-left: 0;}

.photo-slideshow .count-1 {width: 100%;}

.photo-slideshow .count-2 {width: 50%;}

.photo-slideshow .count-3 {width: 33.33%;}

.photo-slideshow .count-4 {width: 25%;}

.photo-slideshow .count-5 {width: 20%;}

.photo-slideshow .info {display: none;}

/* Icons for EXIF Data and Zoom */

.photo-data {
  position: relative;
  float: left;
}

.icons {display:none;}

.icons > span, .icons .tumblr-box span {display:none;}

.zoom {display:none;}

.info {display:none;}

/* EXIF & CAPTION Data Tooltip */

.pxu-data {display:none;}

.pxu-caption {display:none;}

.pxu-data table {display:none;}

.tumblr-box {
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1;
}

 @-webkit-keyframes fade-in {
        0%   { opacity: 0; }
        50%   { opacity: 0; }
        100% { opacity: 1; }
}

</style>

<body>

<div class="sidebar">
    <div class="navilinks">
        <a href="/"><img src="{Favicon}" class="sideicon" /></a>
        <a href="{text:link1 url}">{text:link1}</a>
        <a href="{text:link2 url}">{text:link2}</a>
        <a href="{text:link3 url}">{text:link3}</a>
        <a href="{text:link4 url}">{text:link4}</a>

    </div>

{block:Pagination}<div id="pagination" align="center">{block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;&nbsp;{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>{/block:Pagination}

    <div id="stext">{description}</div>
</div>

<div id="posts">

{block:Posts}
<div class="entry">

{block:IndexPage}
<div class="perma_holder">

    {block:Date}<div class="rblg_holder"><a href="{ReblogURL}">reblog</a></div><div id="perma">

        <ul class="perma_lft">
            <li><a href="{Permalink}">{DayOfMonthwithzero} {ShortMonth}</a></li>
            {block:NoteCount}<li><a href="{Permalink}">{NoteCount}<span style="text-transform:uppercase;color:{color:text};opacity:.5;">N</span></a></li>{/block:NoteCount}
        </ul>

        <ul class="perma_rght">
            {block:RebloggedFrom}<li><a href="{ReblogParentURL}"><!---{ReblogParentName}--->via</a></li><li><a href="{ReblogRootURL}"><!--{ReblogRootName}--->source</a></li>{/block:RebloggedFrom}

            <!---{block:NotReblog}<a href="{Permalink}">source</a>{/block:NotReblog}--->
        </ul>

        <!--{block:ContentSource}
        <a href="{SourceURL}">Source</a>
        {/block:ContentSource}-->

    </div>{/block:Date}

</div>
{/block:IndexPage}


{block:Quote}
<div class="quote">“{Quote}”</div>
{block:Source}<span class="source">{Source}</span>{/block:Source}
{/block:Quote}


{block:Text}
{block:Title}<h2>{Title}</h2>{/block:Title}
{Body}
{/block:Text}


{block:Link}
<h2><a href="{URL}">{Name}</a></h2>
{block:Description}{Description}{/block:Description}
{/block:Link}


{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
<ol class="chat {block:title}ted{/block:title}">
{block:Lines}
<li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
{/block:Lines}
</ol>
{/block:Chat}


{block:Photo}
<div class="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
{/block:Photo}


{block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" 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>{/block:Photoset}


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


{block:Audio}
{block:AudioPlayer}
<div class="hold"><div class="player"><div class="audio_box" id="{PostID}">{AudioPlayerWhite}</div></div><div class="audio_info">
{block:TrackName}<span><b>{TrackName}</b></span>{/block:TrackName}
{block:Artist}<span>by {Artist}</span>{/block:Artist}
</div></div>{/block:AudioPlayer}
{/block:Audio}


{block:Answer}
<div id="askbox">
    <div class="pic"><a href="{AskerURL}"><img src="{AskerPortraitURL-48}" /></a></div>
    <div class="asker">
        {Asker}
        <div class="question">{Question}</div>
    </div>
</div>

<div class="answer">{Answer}</div>
{/block:Answer}


</div>


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

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


{block:PermalinkPage}
{block:Date}
<table class="permatext">
    <tr>
        <td>{timeago}</td>
        {block:NoteCount}<td>{notecount}<nts>notes</nts></td>{/block:NoteCount}

        {block:RebloggedFrom}<td><a href="{ReblogParentURL}">{ReblogParentName}</a><nts>via</nts></td><td><a href="{ReblogRootURL}">{ReblogRootName}</a><nts>source</nts></td>{/block:RebloggedFrom}

{block:NotReblog}<td><a href="{Permalink}">{Name}</a><nts>source</nts></td>{/block:NotReblog}
    </tr>

<!--{block:ContentSource}
<a href="{SourceURL}">Source</a>
{/block:ContentSource}-->
</table>
{/block:Date}
{/block:PermalinkPage}


{block:IndexPage}<div id="space"></div>{/block:IndexPage}

{/block:Posts}

{block:ContentSource}
<!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}{block:PostNotes}{PostNotes}{/block:PostNotes}

</div>

<!---- SCRIPTS --->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>

<script>
$(document).ready(function() {
    $(document).tooltip({
        track:true
    });
    $('.photo-slideshow').pxuPhotoset({
        lightbox: true,
        rounded: false,
        gutter: '4px',
        photoset: '.photo-slideshow',
        photoWrap: '.photo-data',
        photo: '.pxu-photo'
    });
});
</script>

</body>
</html>