rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Theme: The Eames (http://theeamestheme.tumblr.com/)
Design & Production: The Minimalist (http://minimalist.co)
with assistance by BT (http://bensontrade.nl)
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}</title>
<meta name="description" content="{MetaDescription}" />
<meta name="if:Show description" content="1" />
<meta name="text:Twitter name" content="" />
<meta name="text:Disqus Shortname" content="" />
<meta name="text:Google Analytics ID" content="" />
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" title="{Title}" href="{RSS}" />
<!-- Styles -->
<link rel="stylesheet" href="http://static.tumblr.com/f1whv92/Mp9l6ewcg/reset.css" />
<style type="text/css">
/*----- GENERAL -----*/
header, footer, section, article, nav, aside {
display: block;
}
body {
background: #fff url(http://static.tumblr.com/bpryy0m/dxpleeaph/bg.jpg) repeat 0 0;
color: #222;
font: 15px Georgia, "Times New Roman", Times, serif;
padding-top: 35px;
text-align: center;
width:580px;
margin: 0 auto;
line-height: 22px;
}
h1, h2, h3, hQ {
font-family: Cufon;
}
h1 {
font-size: 60px;
letter-spacing: -2px;
line-height: 50px;
}
h2 {
margin-top: 1px;
font-size: 30px;
line-height: 28px;
letter-spacing: -1px;
margin-left: 0px;
}
h3 {
font-size: 21px;
line-height: 27px;
}
a:link, a:visited {
color: #222222;
font-weight: normal;
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
hr{
border:0 #ccc solid;
border-top-width:1px;
clear:both;
height:0;
}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}
p,dl,hr,h1,h2,h3,h4,h5,ol,ul,pre,table,address,fieldset{margin-bottom:15px}
#main {
padding: 0;
}
#mainDesc {
padding-top: 10px;
}
/*----- MASTHEAD -----*/
.noMeta > div {
padding: 0px;
}
#masthead {
margin: 0 0 0 0;
}
#masthead h1 {
margin-bottom: 0;
}
#masthead h1 a:link, #masthead h1 a:visited {
text-transform: none;
color: #222;
text-decoration: none;
}
#masthead h1 a:active {
outline: 0;
}
#masthead p {
font-family: Georgia, serif;
font-size: 20px;
color: #fff;
margin-bottom: 0;
}
#masthead a:link, #masthead a:visited {
color: #fff;
}
#siteDescription{
font-size: 13px;
color: #222;
text-transform: Uppercase;
border-top: 1px solid #ccc;
margin-top: 0px;
padding: 18px 0 18px 0;
font-family: "Times New Roman", Times, serif;
}
/*----- ARTICLE META INFO -----*/
#designline {
margin-top: 36px;
}
h5{
position: relative;
top: -37px;
padding: 0 0 1px 0;
margin: 0 0 0 0;
font-family: Georgia, serif;
font-size: 10px;
color: #222;
text-decoration: none;
font-weight: normal;
border-top: 1px dashed #ccc;
}
h5 a:link, .line a:visited{
font-family: Georgia, serif;
font-size: 10px;
color: #222;
text-decoration: none;
font-weight: normal;
}
h5 a:hover{
text-decoration: underline;
}
h5 abbr{
display: inline-block;
position: relative;
margin: 0 auto;
padding: 0 28px;
top: 18px;
}
h5.postDate a{
color: #222;
}
/*----- ARTICLE -----*/
article {
padding-bottom: 8px;
text-align: left;
position: relative;
margin-top: -8px;
}
article img {
border: none;
max-width: 500px;
display: block;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
}
articleBody p img {
border: none;
display: block !important;
margin-bottom: 15px !important;
max-width: 500px !important;
margin-left: auto !important;
margin-right: auto !important;
}
article > div {
padding: 0 0 1px;
overflow: hidden;
}
article .searchPage {
border-top: 1px dashed #ccc;
padding-top: 29px;
margin: 6px 0 0 0;
}
.searchPageText {
margin: 0 0 25px 0;
}
article .meta a:link, article .meta a:visited {
text-decoration: none;
}
article .meta a:hover, article .meta a:active {
text-decoration: underline;
}
article h2 {
text-align: center;
color: #222222;
}
article h2 a:link, article h2 a:visited {
text-transform: Uppercase;
color: #222;
text-decoration: none;
}
article h2 a:hover, article h2 a:active {
text-decoration: none;
border-bottom: 1px solid #222;
}
blockquote {
border-left: 1px solid #ddd;
margin-left: 20px;
padding-left: 1em;
}
#quoteSource{
margin-top: -5px;
margin-left: auto;
margin-left: right;
text-align: center;
}
#quoteText h2 {
text-align: center;
text-transform: Uppercase;
color: #222222;
}
article .chat {
list-style: none;
padding: 0;
margin: 0 0 15px;
}
article .chat li {
margin: 0 0 2px;
padding: 2px 0 2px 0;
}
.chatname {
font: 12px/12px "Times New Roman", Times, serif;
text-transform: Uppercase;
font-weight: normal;
}
.photoCaption {
text-align: center;
width: 320px;
margin: 0 auto;
}
.photoCaption blockquote {
text-align: left;
border-left: 1px solid #ddd;
margin-left: 0px;
padding-left: 18px;
}
.videoCaption {
text-align: center;
width: 320px;
margin: 0 auto;
}
.videoCaption blockquote {
text-align: left;
border-left: 1px solid #ddd;
margin-left: 0px;
padding-left: 18px;
}
/*----- AUDIO PLAYER -----*/
.audio {
overflow: hidden;
}
.album {
width: 130px; height: 157px;
position: relative;
float: left;
display: inline;
margin-bottom: 0px;
}
.artwork {
width: 130px; height: 130px;
background: url(http://static.tumblr.com/bpryy0m/IWmlekxj9/noart.jpg) left top no-repeat;
}
.artwork img {
width: 130px;
height: 130px;
-ms-interpolation-mode:bicubic;
}
.player, .plays {
position: absolute;
height: 27px;
bottom: 0;
}
.player {
width: 27px;
overflow: hidden;
background: #000;
}
p.plays {
margin-bottom: 0px !important;
width: 93px;
padding-right: 10px;
font: 10px/27px Georgia, "Times New Roman", Times, serif;
text-align: right;
background: #000;
color: #fff;
right: 0;
}
.ridge {
width:130px; height:1px;
background:#3a3843;
background:rgba( 255, 255, 255, .25 );
position:absolute; top:0; z-index:10;
}
.audioleft {
width: 130px;
float: left;
margin-left: 150px;
}
.audioright {
width: 150px;
float: right;
margin-right: 130px;
}
.audioContainer {
margin-top: 15px;
text-align: center;
width: 320px;
margin-left: auto;
margin-right: auto;
}
.audioContainer blockquote {
text-align: left;
border-left: 1px solid #ddd;
margin-left: 0px;
padding-left: 18px;
}
.audioClear {
clear:both;
}
.audioCaption {
font: 10px/16px Georgia, "Times New Roman", Times, serif;
}
.artist {
font: 12px/12px "Times New Roman", Times, serif;
text-transform: Uppercase;
font-weight: normal;
padding: 0px;
margin: 0 0 7px 0;
}
/*----- ARTICLE NOTES -----*/
.notes {
border-top: 1px solid #ccc;
list-style: none;
padding: 20px 0 5px 0;
margin: 30px 0 0 0;
}
.notes li {
margin: 0;
}
.notes .avatar {
margin: 0 5px 0px 0;
display: inline !important;
position: relative;
top: 5px;
}
.notes blockquote {
margin: 10px 0 10px 35px;
padding-left: 10px;
border-left: 1px solid #ddd;
}
.media {
max-width: 500px;
display: block;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
}
/*----- PAGE NAVIGATION -----*/
#pageNav {
margin-top: 15px;
border-top: 1px solid #ccc;
}
#pageNav ul {
list-style: none;
padding: 10px 15px;
margin: 10px 0;
}
#pageNav li {
margin: 0;
display: inline;
}
#pageNav a:link, #pageNav a:visited {
font: 11px Georgia, "Times New Roman", Times, serif;
padding: 0;
margin: 0 2px;
background: #34hdf5;
color: #222;
text-decoration: none;
}
#pageNav a:hover, #pageNav a:active, #pageNav a.active:link, #pageNav a.active:visited {
text-decoration: underline;
}
#pageNavOlder:after {
content: " »";
font-size: 10px;
}
#pageNavNewer:before {
content: "« ";
}
/*----- FOOTER META -----*/
#sitemeta {
border-top: 1px solid #ccc;
color: #222;
padding: 20px 0 32px 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
}
#sitemeta p {
margin: 0;
}
#sitemeta a:link, #sitemeta a:visited {
color: #222;
font-weight: normal;
}
div#navMasthead{
width:580px;
z-index:9;
padding-top:0px;
text-transform: Uppercase;
}
/*----- SEARCH FORM -----*/
#frmSearch {
padding-top: 0;
margin: 0;
}
#frmSearch input[type=text] {
background: url(http://static.tumblr.com/bpryy0m/wS5lefvv2/search.png) left no-repeat;
width: 130px;
padding: 5px 0 0 18px;
font: 10px/12px Georgia, "Times New Roman", Times, serif;
color: #222;
border: 0px;
}
/*----- FOOTER GRID NAVIGATION -----*/
#gridwrap {
width: 580px;
text-align: left;
float: left;
margin-top: 0px;
border-bottom: 1px solid #ccc;
padding: 18px 0 4px 0;
margin-bottom: 18px;
}
#singlecol {
height: auto;
width: 130px;
font: 10px/15px Georgia, "Times New Roman", Times, serif;
float: left;
margin-right: 20px;
}
#lastcol {
height: auto;
width: 130px;
font: 10px/15px Georgia, "Times New Roman", Times, serif;
float: left;
margin-right: 0px;
}
h6 {
font: 13px/19px "Times New Roman", Times, serif;
text-transform: Uppercase;
font-weight: normal;
padding: 0px;
margin: 0 0 6px 0;
}
#gridwrap ul {
list-style:none;
}
#gridwrap li {
margin-left: 0px;
}
/*----- DISQUS -----*/
#dsq-content h3 {
font: 13px/19px "Times New Roman", Times, serif;
text-transform: Uppercase;
font-weight: normal;
}
#disqus_thread {
border-top: 1px solid #ccc;
padding: 20px 0 5px 0;
margin: 20px 0 0 0;
}
{CustomCSS}
</style>
<!-- Scripts -->
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://static.tumblr.com/q9z1v7k/dgEkijh8r/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/bpryy0m/MDpledz3r/cufon_500.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1',{ fontFamily: "Cufon" });
Cufon.replace('h2',{ fontFamily: "Cufon" });
Cufon.replace('h3',{ fontFamily: "Cufon" });
Cufon.replace('#mainNav',{ fontFamily: "Cufon" });
</script>
<script>
$(function() {
var search = $("#txtSearch").val();
var placeholder = "Type keywords";
var fadeToOpacity = 0.6;
$("#txtSearch").fadeTo("fast", fadeToOpacity);
if (search == "") {
$("#txtSearch").val(placeholder);
}
$("#txtSearch").blur(function() {
search = $("#txtSearch").val();
if (!(search != "" && search != placeholder)) {
$("#txtSearch").val(placeholder);
}
$("#txtSearch").fadeTo("normal", fadeToOpacity);
});
$("#txtSearch").focus(function() {
search = $("#txtSearch").val();
if (search == placeholder) {
$("#txtSearch").val("");
}
$("#txtSearch").fadeTo("slow", 1);
});
});
</script>
</head>
<body>
<header id="masthead" class="clearfix">
<div id="thehead">
<div id="navMasthead">
<h1 class="cufon"><a href="/">{Title}</a></h1>
</div>
</div>
</header>
<section id="mainDesc" class="clearfix">
{block:Description}
<div id="siteDescription">{Description}</div>
{block:Description}
</section>
<section id="main" class="clearfix">
<div class="layout">
{block:SearchPage}
<article>
<div>
<div class="searchPage">
<h2>Search results for <a href="{URLSafeSearchQuery}">{SearchQuery}</a></h2>
</div>
{block:NoSearchResults}
<div class="searchPageText">
<p>I’m sorry, but we couldn't find anything matching "<b>{SearchQuery}</b>". Suggestions:</p>
<ul>
<li>Make sure all words are spelled correctly.</li>
<li>Try different keywords.</li>
<li>Try more general keywords.</li>
</ul>
</div>
{/block:NoSearchResults}
</div>
</article>
{/block:SearchPage}
{block:TagPage}
<article>
<div>
<div class="searchPage">
<h2>Posts tagged <a href="{TagURL}">{Tag}</a></h2>
</div>
</div>
</article>
{/block:TagPage}
{block:Posts}
<div id="designline">
<h5 class="postDate">
<abbr>{block:Date}<a href="{Permalink}">{DayOfMOnth}{DayOfMonthSuffix} {ShortMonth} {Year}</a>{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">Nº {NoteCount}</a>{/block:NoteCount}
</abbr>
</h5>
</div>
<article>
<div>
{block:Text}
{block:Title}<h2 align="left"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
<div class="articleBody">{Body}</div>
{/block:Text}
{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
{block:Caption}<div class="photoCaption">{Caption}</div>{/block:Caption}
{/block:Photo}
{block:Photoset}
<div class="media">{Photoset-500}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photoset}
{block:Quote}
<div id="quoteText"><h2>“{Quote}”</h2></div>
{block:Source}<div id="quoteSource"><p>—{Source}</p></div>{/block:Source}
{/block:Quote}
{block:Link}
<h2><a href="{URL}" {Target}>{Name}</a></h2>
{block:Description}
<div>{Description}</div>
{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
<ul class="chat">
{block:Lines}
<li>{block:Label}<span class="chatname">{Label}</span>{/block:Label} {Line}</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Audio}
<div class="audioleft">
<div class="album">
<span class="ridge"></span>
<div class="artwork">{block:AlbumArt}<img class="album-art" src="{AlbumArtUrl}" alt=""/>{/block:AlbumArt}</div>
<div class="player">{AudioPlayerBlack}</div>
<p class="plays">{PlayCountWithLabel}</p>
</div>
</div>
<div class="audioright">
<div class="audioCaption">
{block:Artist}<div class="artist">{Artist}</div>{/block:Artist}
<p><em>{block:TrackName}{TrackName}{/block:TrackName}</em><br>
{block:Album}{Album}{/block:Album}</p>
</div>
</div>
<div class="audioClear"></div>
<div class="audioContainer">
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Audio}
{block:Video}
<div class="media">{Video-500}</div>
{block:Caption}<div class="videoCaption">{Caption}</div>{/block:Caption}
{/block:Video}
{block:Answer}
<h3>{Asker} asked: {Question}</h3>
{Answer}
{/block:Answer}
{block:Date}
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<br>
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="twiceadaypoetry">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
{block:IfDisqusShortname}
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div>
<script type="text/javascript">
/**
* var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread]
*/
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
{/block:Permalink}<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>
{/block:IfDisqusShortname}
{block:Date}
</div>
</article>
{/block:Posts}
{block:PermalinkPagination}
<nav id="pageNav">
<ul class="clearfix">
{block:PreviousPost}<li><a href="{PreviousPost}" id="pageNavNewer">Previous</a></li>{/block:PreviousPost}
{block:NextPost}<li><a href="{NextPost}" id="pageNavOlder">Next</a></li>{/block:NextPost}
</ul>
</nav>
{/block:PermalinkPagination}
{block:Pagination}
<nav id="pageNav">
<ul class="clearfix">
{block:PreviousPage}<li><a href="{PreviousPage}" id="pageNavNewer">Newer</a></li>{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}<li><a href="{URL}" class="active">{PageNumber}</a></li>{/block:CurrentPage}
{block:JumpPage}<li><a href="{URL}">{PageNumber}</a></li>{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<li><a href="{NextPage}" id="pageNavOlder">Older</a></li>{/block:NextPage}
</ul>
</nav>
{/block:Pagination}
{block:DayPagination}
<nav id="pageNav">
<ul class="clearfix">
{block:PreviousDayPage}<li><a href="{PreviousDayPage}">« {DayOfMonth} {ShortMonth}</a></li>{/block:PreviousDayPage}{block:NextDayPage}|<li><a href="{NextDayPage}">{DayOfMonth} {ShortMonth} »</a></li>{block:NextDayPage}
</ul>
</nav>
{/block:DayPagination}
</div><!-- END layout -->
</section>
<div id="gridwrap">
<div id="singlecol">
<h6>Search</h6>
<ul id="links">
<form id="frmSearch" action="/tagged" method="get">
<input type="text" id="txtSearch" name="" value=""/>
</form>
</ul>
</div>
<div id="singlecol">
<h6>Navigate</h6>
<ul id="links">
<li><a href="/">Home</a></li>
{block:HasPages}
{block:Pages}<li><a href="{URL}">{Label}</a></li>{block:Pages}
{/block:HasPages}
{block:AskEnabled}<li><a href="/ask">Ask</a></li>{/block:AskEnabled}
{block:SubmissionsEnabled}<li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}
<li><a href="/random">Random</a></li>
<li><a href="/mobile">Mobile</a></li>
<li><a href="{RSS}">RSS</a></li>
{block:IfTwitterName}
<li><a href="http://twitter.com/{text:Twitter name}">Twitter</a></li>
{/block:IfTwitterName}
</ul>
</div>
<div id="singlecol">
<h6><a href="/archive">Archive</a></h6>
<p><a href="/archive">Text, photographs, quotes, links, conversations, audio and visual material preserved for future reference.</a>
</p>
</div>
<div id="lastcol">
<h6>{block:Likes}<a href="/liked/by/{Name}">Likes</a>{/block:Likes}</h6>
<p>{block:Likes}<a href="http://www.tumblr.com/liked/by/{Name}" class="orange">A handpicked medley of inspirations, musings, obsessions and things of general interest.</a>{/block:Likes}
</p>
</div>
</div>
<footer id="sitemeta">
<div class="clearfix">
<div class="thefooter">
<p><a href="http://theeamestheme.tumblr.com">THE EAMES THEME</a> designed by <a href="http://minimalist.co">THE MINIMALIST</a> × <a href="http://bensontrade.nl">BT</a> | Powered by <a href="http://tumblr.com">Tumblr</a></p>
</div>
</div>
</footer>
{block:IfGoogleAnalyticsID}
<script type="text/javascript">var gaJsHost=(("https:"==document.location.protocol)?"https://ssl.":"http://www.");document.write(unescape("%3Cscript src='"+gaJsHost+"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">try{var pageTracker=_gat._getTracker("{text:Google Analytics ID}");pageTracker._trackPageview()}catch(err){}</script>
{block:IfGoogleAnalyticsID}
</body>
</html>