<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta name="color:Body" content="#eeeeee"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="color:Content Background" content="#FFFFFF"/>
<meta name="color:Text" content="#444444"/>
<meta name="color:Link" content="#666666"/>
<meta name="color:Link Norm" content="#999999"/>
<meta name="color:Link Nav" content="#000000"/>
<meta name="color:Tweet" content="#FFFFFF"/>
<meta name="color:Side" content="#E5E5E5">
<meta name="color:Border" content="#E0E0E0">
<meta name="image:Background" content=""/>
<meta name="if:ask" content="0"/>
<style>
/*___default____*/
body {background-color:{color:body}!important;background-image:url({image:background});background-repeat:repeat;background-attachment:fixed;}
a, a:link {color:{color:link norm}!important;text-decoration:none;}
a:hover {color:{color:link}!important;text-decoration:none;}
a:visited {color:{color:link norm}!important;text-decoration:none;}
a:active {color:{color:link norm}!important;text-decoration:none;}
blockquote {color:#000;background-color:#fff;border-left:3px solid {color:content border}!important;padding:4px;border-bottom:1px solid #020202;}
blockquote:hover {border-color:#eee!important;}
p {margin-top:0px;padding:0px;color:{color:text};}
p,li {font: normal 11px {font:Bodys};line-height:11px;text-align:justify;}
.sv embed,param,object {width:100%;{block:indexpage}height:139px;{/block:indexpage}}
.vid embed,param,object {width:100%;
{block:indexpage}height:139px;{/block:indexpage}}
.current_page,.jump_page {padding:4px;font:normal 11px/15px helvetica;}
.yeah {display:block;font:normal 11px/16px helvetica;width:100%;text-align:right;background-color:{color:content background};}
.yeah a {font-size:11px;color:{color:text}!important;}
.yeah a:hover {color:{color:link}!important;}
#bottom {height:1px;clear:both;display:none;}
#audio {width:218px;margin:0px auto;background-color:#000;}
.cover {width:190px;float:left;}
.cover img {width:180px;height:180px;padding:5px;background-color:#000;}
.audio {overflow:hidden;width:28px;background-color:#000;float:right;;}
.about {clear:both;background-color:#000;width:208px;padding:5px;color:#fff;font:normal 11px/16px helvetica;text-align:justify;}
.chat .odd {font:normal 12px/17px arial;display:block;margin:2px 0px;}
.chat .odd .label,.chat .even .label {font-style:bold;}
.chat .odd .label {color:#ff3300;}
.chat .even .label {color:#444444;font-weight:bold;}
.chat .even {font:normal 12px/17px arial;background-color:#eee;display:block;margin:2px 0px;}
.chat,.chat li,chat ul,.chat ul li {list-style-type:none;margin:0x 0px;padding:0;;}
li {list-style-type:circle;}
#bott li {list-style-type:none;display:inline;}
h2 a:link,h2 a:active, h2 a:visited {color:#555;}
* {margin:0;padding:0;}
li .avatar, li img {max-width:13px!important;margin:4px 1px;}
#wrap {margin:20px auto;width:750px;font:normal 11px/16px helvetica;}
#head {width:100%;}
.i {width:140px;padding:5px;margin:2px;background-color:{color:content background};float:left;min-height:140px;}
.i img {min-width:100%;}
.i a {font:normal 11px/16px trebuchet ms;color:#fff;display:block;text-align:justify;padding:4px;text-decoration:none;margin:2px 0px;background-color:{color:body}!important;background-image:url({image:background});background-repeat:repeat;background-attachment:fixed;}
.i a:hover {background-color:#fff;color:#222;}
.fer {float:right;width:426px;min-height:140px;max-height:140px;overflow:hidden!Important;background-color:{color:content background};padding:5px;font:normal 11px/12px helvetica;text-align:justify;margin:2px;}
h1 {font:normal 40px/45px arial;letter-spacing:-2px;color:{color text};text-transform:uppercase;margin-top:10px;}
.b {clear:both;background-color:{color:body}!important;background-image:url({image:background});background-repeat:repeat;background-attachment:fixed;text-align:right;margin-top:10px;margin-right:2px;}
.b a {padding:5px;background-color:{color:content background};font:normal 12px/17px helvetica;}
.post,.fer {color:color text};font:normal 11px/16px helvetica;text-align:justify;}
#main {width:750px;margin-top:50px;font:normal 11px/16px helvetica;}
.post {border:6px solid {color:content background};margin:2px;background-color:{color:content background};float:left;font:normal 11px/16px helvetica;
{block:indexpage}width:234px;{/block:indexpage}
{block:permalinkpage}width:734px;{/block:permalinkpage}}
.sv,.vid {
{block:indexpage}width:234px;{/block:indexpage}
{block:permalinkpage}width:734px;{/block:permalinkpage}
}
h2 {text-transform:uppercase;}
.postmetadata {text-align:right;font:normal 11px/16px helvetica;}
{CustomCSS}
</style>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<script type="text/javascript" src="http://static.tumblr.com/3driglx/Aryl1o2co/jqueryformasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/3driglx/HrNl1o2cw/masonry.js"></script>
<script type="text/javascript">$(window).load(function () { $('#main').masonry(); });</script>
<script type="text/javascript" src="http://static.tumblr.com/jvinhcj/Y0Hl5nusp/cufon.js"></script>
<script style="text/javascript" src="http://static.tumblr.com/jvinhcj/tdLl7o125/league_gothic_400.font.js"></script>
<script type="text/javascript">Cufon.replace('h1,h2');</script>
<script type="text/javascript" src="http://static.tumblr.com/3driglx/Aryl1o2co/jqueryformasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/3driglx/HrNl1o2cw/masonry.js"></script>
<script type="text/javascript">$(window).load(function () { $('#main').masonry(); });</script>
</head>
<body>
<div id="wrap">
<div id="head">
<div class="i">
<img src="{PortraitURL-128}">
</div>
<div class="i">
<a href="/">home</a>
<a href="/archive">history</a>
<a href="/random">shuffle</a>
<a href="/mobile">mobile</a>
<a href="{rss}">rss feed</a>
</div>
<div class="fer">
<h1>{title}</h1>
{description}
</div>
<div class="b"> {block:ifask}<a href="/ask">ask</a> {/block:ifask}{block:HasPages}
{block:Pages} <a href="{URL}">{Label}</a> {/block:Pages}
{/block:HasPages}
<a href="http://joelalan.com">theme</a>
</div>
</div>
<div id="main">
{block:posts}
{block:text}
<div class="post">
{block:title}<h2>{title}</h2>{/block:title}
{body}
{block:PostNotes} {PostNotes} {/block:PostNotes}
<div class="yeah">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear} @ {24HourWithZero}:{Minutes} {/block:Date} | <a href="{permalink}">Permalink</a></div>
</div>
{/block:text}
{block:Photo}
<div class="post">
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:100%">{LinkCloseTag}{block:Caption}<div class="postmetadata">{Caption}</div> {/block:Caption}
{block:PostNotes} {PostNotes} {/block:PostNotes}
<div class="yeah">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear} @ {24HourWithZero}:{Minutes} {/block:Date} | <a href="{permalink}">Permalink</a></div>
</div>
{/block:Photo}
{block:Photoset}
<div class="post">
<h2><a href="{Permalink}">Photo Set</a></h2>
<div class="sv">{Photoset-500}</div>
<div class="yeah">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear} @ {24HourWithZero}:{Minutes} {/block:Date} | <a href="{permalink}">Permalink</a></div>
</div>
{/block:Photoset}
{block:Quote}
<div class="post">
<h2>{Quote}</h2>
{block:Source} <div class="postmetadata">{Source}</div>{/block:Source}
{block:PostNotes} {PostNotes} {/block:PostNotes}
<div class="yeah">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear} @ {24HourWithZero}:{Minutes} {/block:Date} | <a href="{permalink}">Permalink</a></div>
</div>
{/block:Quote}
{block:Link} <div class="post">
<h2><a href="{URL}">{Name}</a></h2>
{block:Description} <div class="postmetadata">{Description}</div> {/block:Description}
{block:PostNotes} {PostNotes} {/block:PostNotes}
<div class="yeah">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear} @ {24HourWithZero}:{Minutes} {/block:Date} | <a href="{permalink}">Permalink</a></div>
</div>
{/block:Link}
{block:Chat}
<div class="post">
{block:title}<h2>{title}</h2>{/block:title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</li>
{block:PostNotes} {PostNotes} {/block:PostNotes}
<div class="yeah">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear} @ {24HourWithZero}:{Minutes} {/block:Date} | <a href="{permalink}">Permalink</a></div>
</div>
{/block:Chat}
{block:Audio}
<div class="post">
<h2><a href="{Permalink}">Audio Post</a></h2>
<div id="audio">
<div class="audio">{AudioPlayerBlack}</div>
<div class="cover">{block:AlbumArt}
<img src="{AlbumArtURL}" alt="{PhotoAlt}" title="{MetaDescription}">
{/block:AlbumArt}</div>
<div class="about">{block:TrackName}{TrackName} by {/block:TrackName}{block:Artist}by {Artist}
{/block:Artist}from {block:Album}
{Album}
{/block:Album}with <b>{PlayCountWithLabel}</b></div>
</div>
{block:PostNotes} <div id="postmetadata">{PostNotes} </div>{/block:PostNotes}
<div class="yeah">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear} @ {24HourWithZero}:{Minutes} {/block:Date} | <a href="{permalink}">Permalink</a></div>
</div>
{/block:Audio}
{block:Video}
<div class="post">
<div class="vid">{Video-500}</div>
{block:Caption}<div class="postmetadata">{Caption}</div> {/block:Caption}
{block:PostNotes} {PostNotes} {/block:PostNotes}
<div class="yeah">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear} @ {24HourWithZero}:{Minutes} {/block:Date} | <a href="{permalink}">Permalink</a></div></div>
{/block:Video}
{block:Answer}
<div class="post">
<h2><a href="{Permalink}">Q&A</a></h2>
<span style="z-index:2;background-color:#eee;border:1px solid #eee;font:normal 11px/11px arial;color:#888;text-align:justify;padding:10px 3px;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;">{asker}: {Question}</span><span style="display:block;text-align:right;color:#eee;margin-top:-6px;z-index:-1;">▼</span>{Answer}{block:PostNotes} {PostNotes} {/block:PostNotes}
<div class="yeah">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear} @ {24HourWithZero}:{Minutes} {/block:Date} | <a href="{permalink}">Permalink</a></div></div>
{/block:Answer}
{/block:posts}
</div>
</div>
{block:indexpage}
{block:Pagination}<div style="position:fixed;left:10px;top:200px;font:normal 20px/25px arial;color:#fff;">{block:PreviousPage} <a href="{previouspage}">new</a> {/block:PreviousPage}</div>
<div style="position:fixed;right:10px;top:200px;font:normal 20px/25px arial;color:#fff;">{block:NextPage} <a href="{nextpage}">old</a> {/block:NextPage}</div> {/block:Pagination}
{/block:indexpage}
</body></html>
