adamburvill/Nehablog.html

## Nehablog.html
<!DOCTYPE html>
<html>
    <head>
        <!--

        theme:      Copycat
        version:    1.9a (March 31, 2014)
        from:       adorablethemes.com

        -->
        <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
        <link rel="shortcut icon" href="{Favicon}" />
        <link rel="apple-touch-icon" href="{PortraitURL-128}" />
        <link rel="alternate" type="application/rss+xml" href="{RSS}" />
        {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=830"/>
        <meta name="select:Columns" content="3col" title="3 columns">
        <meta name="select:Columns" content="4col" title="4 columns">
        <meta name="select:Columns" content="fluid" title="Fluid">
        <meta name="font:Headings" content="Gibson"/>
        <meta name="font:Body" content="Helvetica"/>
        <meta name="image:Background" content=""/><meta name="color:Background" content="#ffffff"/>        <meta name="color:Header" content="#ffffff"/>
        <meta name="color:Header Text" content="#444444"/>
        <meta name="color:Navbar" content="#ffffff"/>
        <meta name="color:Navbar Text" content="#888888"/>
        <meta name="color:Post Header" content="#eeeeee"/>
        <meta name="color:Post Header Text" content="#222222"/>
        <meta name="color:Post Background" content="#fafafa"/>
        <meta name="color:Post Hover" content="#000000"/>
        <meta name="color:Post Hover Text" content="#ffffff"/>
        <meta name="color:Text" content="#444444"/>
        <meta name="color:Links" content="#888888"/>
    <meta name="text:Custom Link 1 URL" content=""/>
<meta name="text:Custom Link 1 Name" content=""/>
<meta name="text:Custom Link 2 URL" content=""/>
<meta name="text:Custom Link 2 Name" content=""/>
<meta name="text:Google Analytics ID" content=""/>
        <meta name="if:Show Archive Link" content="1"/>
        <meta name="if:Show Random Link" content="1"/>
        <meta name="if:Show Shadows" content="0"/>
        <meta name="if:Infinite Scrolling" content="1"/>
        <style type="text/css">
        body {
color: {color:Text};
background: {color:Background} url('{image:Background}');
background-attachment: fixed;
font-family: {font:Body};
            margin-top: 0;
            padding-top: 0;
        }

        .wrapper {
            width: 822px;
            margin: 0 auto;
        }
        .main {
            width: 822px;
            float: left;
        }

        /* three column layout */
        .layout-3col .wrapper, .layout-3col .main {
width: 822px;
        }

        /* four column layout */
        .layout-4col .wrapper, .layout-4col .main {
width: 1096px;
        }

        /* fluid layout */
        @media screen and (min-width:1098px) {
            .layout-fluid .wrapper, .layout-fluid .main {
        width: 1096px;
        }
        }
        @media screen and (min-width:1372px) {
            .layout-fluid .wrapper, .layout-fluid .main {
            width: 1370px;
        }
        }

        /* adorablethemes.com */

        a {
    color: {color:Links};
text-decoration: none;
        }

        a:hover {
color: {color:Links};
            text-decoration: underline;
        }

        /* headings */
        h1,h2,h3,h4,h5,h6 {
            font-family: {font:Headings};
            font-weight: normal;
        }
        h1 {
            color: {color:Header Text};
font-size: 24px;
        }
        h1 a, h1 a:hover {
            color: {color:Header Text};
        }
        h2 {
font-size: 18px;
        }
        h3 {
font-size: 14px;
margin-top: 6px;
margin-bottom: 6px;
        }
        h4 {
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }


        p#description {
            color: {color:Header Text};
font-size: 11px;
        }

        ul {
list-style-type: none;
padding-left: 0;
        }

        ul#posts {
            margin-top: 25px;
        }

        /* topbar styles */
        .header {
margin-left: 12px;
margin-right: 12px;
text-align: center;
background-color: {color:Header};
{block:IfShowShadows}
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
{/block:IfShowShadows}
        }
        .navbar {
background-color: {color:Navbar};
padding: 7px;
clear: both;
        }
        ul.header-links {
            margin: 0 auto;
        }
        ul.header-links li {
            text-align: center;
            display: inline;
        }
        .header-link {
            font-size: 12px;
            color: {color:Navbar Text};
            padding: 9px;
        }
        .header-link:hover {
            text-decoration: underline;
        }

        /* main post styles */
        .post {
width: 250px;
float: left;
background-color: {color:Post Background};
margin-bottom: 25px;
margin-left: 12px;
margin-right: 12px;
{block:IfShowShadows}
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
{/block:IfShowShadows}
overflow: hidden;
        }

        /* adds padding to things in a post */
.content {
padding: 20px;
font-size: 13px;
line-height: 150%;
        }

        /* text post styles */
        .post p {
font-size: 12px;
line-height: 150%;
        }
        .post ul {
list-style-type: square;
font-size: 12px;
padding-left: 20px;
        }
        .post ol {
font-size: 12px;
padding-left: 20px;
        }
        .post blockquote {
font-size: 12px;
padding: 4px;
margin: 16px 10px;
font-style: italic;
border-left: 2px solid {color:Post Header};
        }

        /* adorablethemes.com */

        /* control images in text posts */
        .post p img {
    max-width: 100%;
        }

        /* contains the title for text posts, the link for link posts, the question for answer posts */
        .posthead {
margin: 0;
padding: 10px;
background-color: {color:Post Header};
color: {color:Post Header Text};
        }
        .posthead p {
color: {color:Post Header Text};
        }
        .posthead a, .posthead a:hover {
color: {color:Post Header Text};
        }

        .photo img {
max-width: 250px;
width: 250px;
height: auto;
display: block;
        }

        /* who even uses chat posts? */
        ul.chat {
            list-style-type: none;
            padding-left: 0;
        }

        .chat li {
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom: 1px solid rgba(0,0,0,0.05);
        }

        .chat li:last-child {
            border-bottom: none;
        }

.chat-label {
font-weight: 600;
}

        /* shown on the permalink page; has notes, source, and time posted */
        .infoblock {
font-size: 13px;
padding: 8px;
line-height: 15px;
font-style: normal;
            min-height: 16px;
            border-top: 1px solid rgba(0,0,0,0.05);
        }

        .tag:before {
            content: "#";
        }
        .clear {
            clear: both;
        }

        /* notes stuff */
        ol.notes {
list-style-type: none;
padding-left: 0;
        }
        .note {
padding: 4px;
        }
        .note:last-child {
            margin-bottom: 10px;
        }

        /* info bar on index page posts */
        .post .hoverinfo {
width: 240px;
font-size: 10px;
line-height: 20px;
font-weight: normal;
padding-left: 5px;
padding-right: 5px;
            border-top: 1px solid rgba(0,0,0,0.05);
        }
        .hoverinfo a, .hoverinfo a:hover {
            color: {color:Text};
        }

        /* drop-down info bar on index page photos */
        .photo .hoverinfo {
position: absolute;
top: -20px;
left: 0px;
width: 240px;
font-size: 10px;
line-height: 20px;
font-weight: normal;
background-color: black;
background-color: rgba({RGBcolor:Post Hover},0);
padding-left: 5px;
padding-right: 5px;
            border-top: 0;
z-index: 100;
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
        }
        .photo:hover .hoverinfo {
top: 0px;
background-color: black;
background-color: rgba({RGBcolor:Post Hover},0.5);
        }
        .photo .hoverinfo a, .photo .hoverinfo a:hover {
color: {color:Post Hover Text};
        }

        /* remove blank space from bottom of iframes */
        .post iframe {
display: block;
            max-width: 100%;
        }

        /* permalink page needs to be 700px wide */
        {block:PermalinkPage}
.permalink-page .wrapper {
width: 724px;
}
.permalink-page .main {
width: 724px;
}
.permalink-page .post {
float: none;
margin-right: 0;
width: 700px;
}
.permalink-page .photo img {
max-width: 700px;
width: 700px;
height: auto;
}
        {/block:PermalinkPage}

        hr {
clear: both;
border: 0;
border-bottom: 1px solid rgba(0,0,0,0.05);
margin: 15px 10px;
        }

        /* post note avatars */
        .post img.avatar, .photo img.avatar {
width: 30px;
height: 30px;
vertical-align: middle;
display: inline;
            border-radius: 3px;
            margin-right: 10px;
        }

        /* adorablethemes.com */

        /* post note like and reblog icons */
        .reblog {background: transparent url('http://static.tumblr.com/anzluor/nF5ml4elu/reblog.png') right center no-repeat;}
    .like {background: transparent url('http://static.tumblr.com/anzluor/O7Nml4ekz/like.png') right center no-repeat;}

        /* fix height of element with floats inside */
        .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
        .clearfix:after { clear: both; }
        .clearfix { zoom: 1; }
        .screen-reader-text {
display: none;
        }

        /* remove border on linked images in IE */
        a img {
border: 0;
        }

        /* you shouldn't see this div if infinite scroll is on */
        div.pagination {
margin: 0 auto;
clear: both;
text-align: center;
        }
        #previous, #next, .page-info {
            font-size: 12px;
            background: {color:Post Background};
            color: {color:Text};
            padding: 5px;
        }

        {CustomCSS}
        </style>
    </head>
        <body class="{block:IndexPage}index-page{/block:IndexPage}{block:PermalinkPage}permalink-page{/block:PermalinkPage} layout-{select:columns}">

<div class="wrapper">
        <div class="header clearfix">

        <div class="content">

<h1><a href="/">{Title}</a></h1>

            {block:Description}
                <p id="description">{Description}</p>
            {/block:Description}
            </div>

            <div class="inset">
                <ul class="header-links">
                    {block:HasPages}
                        {block:Pages}<li><a class="header-link" href="{URL}">{Label}</a></li>{/block:Pages}
                    {/block:HasPages}
                    {block:AskEnabled}<li><a class="header-link" href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
                    {block:SubmissionsEnabled}<li><a class="header-link" href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
                    {block:IfShowArchiveLink}<li><a class="header-link" href="/archive">{lang:Archive}</a></li>{/block:IfShowArchiveLink}
                    <!--{block:IfShowRandomLink}<li><a class="header-link" href="/random">{lang:Random}</a></li>{/block:IfShowRandomLink}-->
                    {block:Twitter}<li><a class="header-link" href="https://twitter.com/{TwitterUsername}">Twitter</a></li>{/block:Twitter}
                    {block:IfCustomLink1URL}
                        <li><a class="header-link" href="{text:Custom Link 1 URL}">{text:Custom Link 1 Name}</a></li>
                    {/block:IfCustomLink1URL}
                    {block:IfCustomLink2URL}
                        <li><a class="header-link" href="{text:Custom Link 2 URL}">{text:Custom Link 2 Name}</a></li>
                    {/block:IfCustomLink2URL}

                </ul>
            </div>

        </div>

        <div class="main">

        <ul id="posts">
            {block:Posts}
<li class="post {PostType}">
                {block:Text}
{block:Title}
<div class="posthead"><h3><a href="{Permalink}">{Title}</a></h3></div>
{/block:Title}

<div class="content">{Body}</div>
                {/block:Text}


                {block:Answer}
<div class="posthead">
<p><img class="avatar" src="{AskerPortraitURL-64}"/> <b>{Asker}:</b> {Question}</p>
</div>

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


                {block:Photo}
{block:PermalinkPage}
                    {LinkOpenTag}<img src="{PhotoURL-1280}" alt="{PhotoAlt}" />{LinkCloseTag}
                    {/block:PermalinkPage}
{block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-250}" data-retina="{PhotoURL-500}" alt="{PhotoAlt}" /></a>{/block:IndexPage}

{block:PermalinkPage}
                    {block:Caption}
<div class="content">{Caption}</div>
{/block:Caption}
                    {/block:PermalinkPage}
                {/block:Photo}


                {block:Photoset}
{block:IndexPage}{Photoset-250}{/block:IndexPage}
{block:PermalinkPage}{Photoset-700}{/block:PermalinkPage}

{block:PermalinkPage}{block:Caption}
<div class="content">{Caption}</div>
{/block:Caption}{/block:PermalinkPage}
                {/block:Photoset}


                {block:Quote}
<div class="content"><blockquote>"{Quote}"</blockquote>

{block:Source}
<p style="text-align: right">&mdash; {Source}</p></div>
{/block:Source}
                {/block:Quote}


                {block:Link}
<div class="posthead"><h3><a href="{URL}" class="link" {Target}>{Name} &rarr;</a></h3></div>

{block:Description}
<div class="content">{Description}</div>
{/block:Description}
                {/block:Link}


                {block:Chat}
{block:Title}
<div class="posthead"><h3><a href="{Permalink}">{Title}</a></h3></div>
{/block:Title}
<div class="content">
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="chat-label">{Label}</span>
{/block:Label}

<span class="chat-line">{Line}</span>
</li>
{/block:Lines}
</ul>
</div>
                {/block:Chat}


                {block:Video}
{block:IndexPage}{Video-250}{/block:IndexPage}
{block:PermalinkPage}{Video-700}{/block:PermalinkPage}

{block:Caption}
<div class="content">{Caption}</div>
{/block:Caption}
                {/block:Video}


                {block:Audio}
                    {AudioEmbed}
{block:Caption}
<div class="content">{Caption}</div>
{/block:Caption}
                {/block:Audio}

                {block:IndexPage}
                <div class="hoverinfo">
                    <a class="postnotes" href='{Permalink}'>&hearts; {NoteCount}</a>
                    {block:Date}<a style="float:right; text-align: right" class="timeago" href='{Permalink}'>{TimeAgo}</a>{/block:Date}
                </div>
                {/block:IndexPage}

                {block:PermalinkPage}

                {block:HasTags}
                <div class="infoblock">
                    {block:Tags}
                        <a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;
                    {/block:Tags}
                </div>
                {/block:HasTags}
                <div class="infoblock">
{block:PostNotes}<a class="postnotes" href='{Permalink}'>&hearts; {NoteCount}</a>{/block:PostNotes}
{block:ContentSource}&nbsp;&mdash;&nbsp;<a href="{SourceURL}">{lang:Source}</a>{/block:ContentSource}
{block:RebloggedFrom}&nbsp;&mdash;&nbsp;<a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}
{block:Date}<span style="float:right; text-align: right" class="timeago">{TimeAgo}</span>{/block:Date}
                </div>

                {block:PostNotes}
                <div class="infoblock">
    {PostNotes-64}
                </div>
{/block:PostNotes}
                </div>
                {/block:PermalinkPage}
</li>
            {/block:Posts}
        </ul>
        <div class="pagination">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" id="previous">&larr; {lang:Previous}</a>{/block:PreviousPage}
<span class="page-info">{lang:Page CurrentPage of TotalPages}</span>
{block:NextPage}<a href="{NextPage}" id="next">{lang:Next} &rarr;</a>{/block:NextPage}{/block:Pagination}
</div>
      </div>
    </div>
    {block:IndexPage}
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="http://static.tumblr.com/anzluor/ILcmo9nlo/jquery.retina.min.js"></script>
{block:IfInfiniteScrolling}<script src="http://static.tumblr.com/anzluor/98Ymoinyd/jquery.infinitescroll.min.js"></script>{/block:IfInfiniteScrolling}
<script src="http://static.tumblr.com/anzluor/3H8mp4qek/masonry.pkgd.min.js"></script>
<script>
$(function(){
var container = $('ul#posts');

container.imagesLoaded( function(){
container.masonry({
itemSelector : 'li.post'
});
});
            {block:IfInfiniteScrolling}
container.infinitescroll({
navSelector  : 'div.pagination',
nextSelector : 'div.pagination a#next',
itemSelector : 'li.post',
},
function( newElements ) {
var $newElems = $( newElements ).css({ opacity: 0 });
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
container.masonry( 'appended', $newElems, true );
$('.photo img').retina();
});
}
);
            {/block:IfInfiniteScrolling}
            $('.photo img').retina();
});
</script>
        {/block:IndexPage}
        {block:IfGoogleAnalyticsID}
<script>
 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 ga('create', '{text:Google Analytics ID}', 'tumblr.com');
 ga('send', 'pageview');
</script>
        {/block:IfGoogleAnalyticsID}
    </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<!--

	theme: Copycat
	version: 1.9a (March 31, 2014)
	from: adorablethemes.com

	-->
	<title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
	<link rel="shortcut icon" href="{Favicon}" />
	<link rel="apple-touch-icon" href="{PortraitURL-128}" />
	<link rel="alternate" type="application/rss+xml" href="{RSS}" />
	{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=830"/>
	<meta name="select:Columns" content="3col" title="3 columns">
	<meta name="select:Columns" content="4col" title="4 columns">
	<meta name="select:Columns" content="fluid" title="Fluid">
	<meta name="font:Headings" content="Gibson"/>
	<meta name="font:Body" content="Helvetica"/>
	<meta name="image:Background" content=""/><meta name="color:Background" content="#ffffff"/> <meta name="color:Header" content="#ffffff"/>
	<meta name="color:Header Text" content="#444444"/>
	<meta name="color:Navbar" content="#ffffff"/>
	<meta name="color:Navbar Text" content="#888888"/>
	<meta name="color:Post Header" content="#eeeeee"/>
	<meta name="color:Post Header Text" content="#222222"/>
	<meta name="color:Post Background" content="#fafafa"/>
	<meta name="color:Post Hover" content="#000000"/>
	<meta name="color:Post Hover Text" content="#ffffff"/>
	<meta name="color:Text" content="#444444"/>
	<meta name="color:Links" content="#888888"/>
	<meta name="text:Custom Link 1 URL" content=""/>
	<meta name="text:Custom Link 1 Name" content=""/>
	<meta name="text:Custom Link 2 URL" content=""/>
	<meta name="text:Custom Link 2 Name" content=""/>
	<meta name="text:Google Analytics ID" content=""/>
	<meta name="if:Show Archive Link" content="1"/>
	<meta name="if:Show Random Link" content="1"/>
	<meta name="if:Show Shadows" content="0"/>
	<meta name="if:Infinite Scrolling" content="1"/>
	<style type="text/css">
	body {
	color: {color:Text};
	background: {color:Background} url('{image:Background}');
	background-attachment: fixed;
	font-family: {font:Body};
	margin-top: 0;
	padding-top: 0;
	}

	.wrapper {
	width: 822px;
	margin: 0 auto;
	}
	.main {
	width: 822px;
	float: left;
	}

	/* three column layout */
	.layout-3col .wrapper, .layout-3col .main {
	width: 822px;
	}

	/* four column layout */
	.layout-4col .wrapper, .layout-4col .main {
	width: 1096px;
	}

	/* fluid layout */
	@media screen and (min-width:1098px) {
	.layout-fluid .wrapper, .layout-fluid .main {
	width: 1096px;
	}
	}
	@media screen and (min-width:1372px) {
	.layout-fluid .wrapper, .layout-fluid .main {
	width: 1370px;
	}
	}

	/* adorablethemes.com */

	a {
	color: {color:Links};
	text-decoration: none;
	}

	a:hover {
	color: {color:Links};
	text-decoration: underline;
	}

	/* headings */
	h1,h2,h3,h4,h5,h6 {
	font-family: {font:Headings};
	font-weight: normal;
	}
	h1 {
	color: {color:Header Text};
	font-size: 24px;
	}
	h1 a, h1 a:hover {
	color: {color:Header Text};
	}
	h2 {
	font-size: 18px;
	}
	h3 {
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 6px;
	}
	h4 {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}


	p#description {
	color: {color:Header Text};
	font-size: 11px;
	}

	ul {
	list-style-type: none;
	padding-left: 0;
	}

	ul#posts {
	margin-top: 25px;
	}

	/* topbar styles */
	.header {
	margin-left: 12px;
	margin-right: 12px;
	text-align: center;
	background-color: {color:Header};
	{block:IfShowShadows}
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
	{/block:IfShowShadows}
	}
	.navbar {
	background-color: {color:Navbar};
	padding: 7px;
	clear: both;
	}
	ul.header-links {
	margin: 0 auto;
	}
	ul.header-links li {
	text-align: center;
	display: inline;
	}
	.header-link {
	font-size: 12px;
	color: {color:Navbar Text};
	padding: 9px;
	}
	.header-link:hover {
	text-decoration: underline;
	}

	/* main post styles */
	.post {
	width: 250px;
	float: left;
	background-color: {color:Post Background};
	margin-bottom: 25px;
	margin-left: 12px;
	margin-right: 12px;
	{block:IfShowShadows}
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
	{/block:IfShowShadows}
	overflow: hidden;
	}

	/* adds padding to things in a post */
	.content {
	padding: 20px;
	font-size: 13px;
	line-height: 150%;
	}

	/* text post styles */
	.post p {
	font-size: 12px;
	line-height: 150%;
	}
	.post ul {
	list-style-type: square;
	font-size: 12px;
	padding-left: 20px;
	}
	.post ol {
	font-size: 12px;
	padding-left: 20px;
	}
	.post blockquote {
	font-size: 12px;
	padding: 4px;
	margin: 16px 10px;
	font-style: italic;
	border-left: 2px solid {color:Post Header};
	}

	/* adorablethemes.com */

	/* control images in text posts */
	.post p img {
	max-width: 100%;
	}

	/* contains the title for text posts, the link for link posts, the question for answer posts */
	.posthead {
	margin: 0;
	padding: 10px;
	background-color: {color:Post Header};
	color: {color:Post Header Text};
	}
	.posthead p {
	color: {color:Post Header Text};
	}
	.posthead a, .posthead a:hover {
	color: {color:Post Header Text};
	}

	.photo img {
	max-width: 250px;
	width: 250px;
	height: auto;
	display: block;
	}

	/* who even uses chat posts? */
	ul.chat {
	list-style-type: none;
	padding-left: 0;
	}

	.chat li {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	}

	.chat li:last-child {
	border-bottom: none;
	}

	.chat-label {
	font-weight: 600;
	}

	/* shown on the permalink page; has notes, source, and time posted */
	.infoblock {
	font-size: 13px;
	padding: 8px;
	line-height: 15px;
	font-style: normal;
	min-height: 16px;
	border-top: 1px solid rgba(0,0,0,0.05);
	}

	.tag:before {
	content: "#";
	}
	.clear {
	clear: both;
	}

	/* notes stuff */
	ol.notes {
	list-style-type: none;
	padding-left: 0;
	}
	.note {
	padding: 4px;
	}
	.note:last-child {
	margin-bottom: 10px;
	}

	/* info bar on index page posts */
	.post .hoverinfo {
	width: 240px;
	font-size: 10px;
	line-height: 20px;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px solid rgba(0,0,0,0.05);
	}
	.hoverinfo a, .hoverinfo a:hover {
	color: {color:Text};
	}

	/* drop-down info bar on index page photos */
	.photo .hoverinfo {
	position: absolute;
	top: -20px;
	left: 0px;
	width: 240px;
	font-size: 10px;
	line-height: 20px;
	font-weight: normal;
	background-color: black;
	background-color: rgba({RGBcolor:Post Hover},0);
	padding-left: 5px;
	padding-right: 5px;
	border-top: 0;
	z-index: 100;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	}
	.photo:hover .hoverinfo {
	top: 0px;
	background-color: black;
	background-color: rgba({RGBcolor:Post Hover},0.5);
	}
	.photo .hoverinfo a, .photo .hoverinfo a:hover {
	color: {color:Post Hover Text};
	}

	/* remove blank space from bottom of iframes */
	.post iframe {
	display: block;
	max-width: 100%;
	}

	/* permalink page needs to be 700px wide */
	{block:PermalinkPage}
	.permalink-page .wrapper {
	width: 724px;
	}
	.permalink-page .main {
	width: 724px;
	}
	.permalink-page .post {
	float: none;
	margin-right: 0;
	width: 700px;
	}
	.permalink-page .photo img {
	max-width: 700px;
	width: 700px;
	height: auto;
	}
	{/block:PermalinkPage}

	hr {
	clear: both;
	border: 0;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	margin: 15px 10px;
	}

	/* post note avatars */
	.post img.avatar, .photo img.avatar {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	display: inline;
	border-radius: 3px;
	margin-right: 10px;
	}

	/* adorablethemes.com */

	/* post note like and reblog icons */
	.reblog {background: transparent url('http://static.tumblr.com/anzluor/nF5ml4elu/reblog.png') right center no-repeat;}
	.like {background: transparent url('http://static.tumblr.com/anzluor/O7Nml4ekz/like.png') right center no-repeat;}

	/* fix height of element with floats inside */
	.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; }
	.screen-reader-text {
	display: none;
	}

	/* remove border on linked images in IE */
	a img {
	border: 0;
	}

	/* you shouldn't see this div if infinite scroll is on */
	div.pagination {
	margin: 0 auto;
	clear: both;
	text-align: center;
	}
	#previous, #next, .page-info {
	font-size: 12px;
	background: {color:Post Background};
	color: {color:Text};
	padding: 5px;
	}

	{CustomCSS}
	</style>
	</head>
	<body class="{block:IndexPage}index-page{/block:IndexPage}{block:PermalinkPage}permalink-page{/block:PermalinkPage} layout-{select:columns}">

	<div class="wrapper">
	<div class="header clearfix">

	<div class="content">

	<h1><a href="/">{Title}</a></h1>

	{block:Description}
	<p id="description">{Description}</p>
	{/block:Description}
	</div>

	<div class="inset">
	<ul class="header-links">
	{block:HasPages}
	{block:Pages}<li><a class="header-link" href="{URL}">{Label}</a></li>{/block:Pages}
	{/block:HasPages}
	{block:AskEnabled}<li><a class="header-link" href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
	{block:SubmissionsEnabled}<li><a class="header-link" href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
	{block:IfShowArchiveLink}<li><a class="header-link" href="/archive">{lang:Archive}</a></li>{/block:IfShowArchiveLink}
	<!--{block:IfShowRandomLink}<li><a class="header-link" href="/random">{lang:Random}</a></li>{/block:IfShowRandomLink}-->
	{block:Twitter}<li><a class="header-link" href="https://twitter.com/{TwitterUsername}">Twitter</a></li>{/block:Twitter}
	{block:IfCustomLink1URL}
	<li><a class="header-link" href="{text:Custom Link 1 URL}">{text:Custom Link 1 Name}</a></li>
	{/block:IfCustomLink1URL}
	{block:IfCustomLink2URL}
	<li><a class="header-link" href="{text:Custom Link 2 URL}">{text:Custom Link 2 Name}</a></li>
	{/block:IfCustomLink2URL}

	</ul>
	</div>

	</div>

	<div class="main">

	<ul id="posts">
	{block:Posts}
	<li class="post {PostType}">
	{block:Text}
	{block:Title}
	<div class="posthead"><h3><a href="{Permalink}">{Title}</a></h3></div>
	{/block:Title}

	<div class="content">{Body}</div>
	{/block:Text}


	{block:Answer}
	<div class="posthead">
	<p><img class="avatar" src="{AskerPortraitURL-64}"/> <b>{Asker}:</b> {Question}</p>
	</div>

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


	{block:Photo}
	{block:PermalinkPage}
	{LinkOpenTag}<img src="{PhotoURL-1280}" alt="{PhotoAlt}" />{LinkCloseTag}
	{/block:PermalinkPage}
	{block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-250}" data-retina="{PhotoURL-500}" alt="{PhotoAlt}" /></a>{/block:IndexPage}

	{block:PermalinkPage}
	{block:Caption}
	<div class="content">{Caption}</div>
	{/block:Caption}
	{/block:PermalinkPage}
	{/block:Photo}


	{block:Photoset}
	{block:IndexPage}{Photoset-250}{/block:IndexPage}
	{block:PermalinkPage}{Photoset-700}{/block:PermalinkPage}

	{block:PermalinkPage}{block:Caption}
	<div class="content">{Caption}</div>
	{/block:Caption}{/block:PermalinkPage}
	{/block:Photoset}


	{block:Quote}
	<div class="content"><blockquote>"{Quote}"</blockquote>

	{block:Source}
	<p style="text-align: right">— {Source}</p></div>
	{/block:Source}
	{/block:Quote}


	{block:Link}
	<div class="posthead"><h3><a href="{URL}" class="link" {Target}>{Name} →</a></h3></div>

	{block:Description}
	<div class="content">{Description}</div>
	{/block:Description}
	{/block:Link}


	{block:Chat}
	{block:Title}
	<div class="posthead"><h3><a href="{Permalink}">{Title}</a></h3></div>
	{/block:Title}
	<div class="content">
	<ul class="chat">
	{block:Lines}
	<li class="{Alt} user_{UserNumber}">
	{block:Label}
	<span class="chat-label">{Label}</span>
	{/block:Label}

	<span class="chat-line">{Line}</span>
	</li>
	{/block:Lines}
	</ul>
	</div>
	{/block:Chat}


	{block:Video}
	{block:IndexPage}{Video-250}{/block:IndexPage}
	{block:PermalinkPage}{Video-700}{/block:PermalinkPage}

	{block:Caption}
	<div class="content">{Caption}</div>
	{/block:Caption}
	{/block:Video}


	{block:Audio}
	{AudioEmbed}
	{block:Caption}
	<div class="content">{Caption}</div>
	{/block:Caption}
	{/block:Audio}

	{block:IndexPage}
	<div class="hoverinfo">
	<a class="postnotes" href='{Permalink}'>&hearts; {NoteCount}</a>
	{block:Date}<a style="float:right; text-align: right" class="timeago" href='{Permalink}'>{TimeAgo}</a>{/block:Date}
	</div>
	{/block:IndexPage}

	{block:PermalinkPage}

	{block:HasTags}
	<div class="infoblock">
	{block:Tags}
	<a class="tag" href="{TagURL}">{Tag}</a>
	{/block:Tags}
	</div>
	{/block:HasTags}
	<div class="infoblock">
	{block:PostNotes}<a class="postnotes" href='{Permalink}'>&hearts; {NoteCount}</a>{/block:PostNotes}
	{block:ContentSource} — <a href="{SourceURL}">{lang:Source}</a>{/block:ContentSource}
	{block:RebloggedFrom} — <a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}
	{block:Date}<span style="float:right; text-align: right" class="timeago">{TimeAgo}</span>{/block:Date}
	</div>

	{block:PostNotes}
	<div class="infoblock">
	{PostNotes-64}
	</div>
	{/block:PostNotes}
	</div>
	{/block:PermalinkPage}
	</li>
	{/block:Posts}
	</ul>
	<div class="pagination">
	{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" id="previous">← {lang:Previous}</a>{/block:PreviousPage}
	<span class="page-info">{lang:Page CurrentPage of TotalPages}</span>
	{block:NextPage}<a href="{NextPage}" id="next">{lang:Next} →</a>{/block:NextPage}{/block:Pagination}
	</div>
	</div>
	</div>
	{block:IndexPage}
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script src="http://static.tumblr.com/anzluor/ILcmo9nlo/jquery.retina.min.js"></script>
	{block:IfInfiniteScrolling}<script src="http://static.tumblr.com/anzluor/98Ymoinyd/jquery.infinitescroll.min.js"></script>{/block:IfInfiniteScrolling}
	<script src="http://static.tumblr.com/anzluor/3H8mp4qek/masonry.pkgd.min.js"></script>
	<script>
	$(function(){
	var container = $('ul#posts');

	container.imagesLoaded( function(){
	container.masonry({
	itemSelector : 'li.post'
	});
	});
	{block:IfInfiniteScrolling}
	container.infinitescroll({
	navSelector : 'div.pagination',
	nextSelector : 'div.pagination a#next',
	itemSelector : 'li.post',
	},
	function( newElements ) {
	var $newElems = $( newElements ).css({ opacity: 0 });
	$newElems.imagesLoaded(function(){
	$newElems.animate({ opacity: 1 });
	container.masonry( 'appended', $newElems, true );
	$('.photo img').retina();
	});
	}
	);
	{/block:IfInfiniteScrolling}
	$('.photo img').retina();
	});
	</script>
	{/block:IndexPage}
	{block:IfGoogleAnalyticsID}
	<script>
	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]\|\|function(){
	(i[r].q=i[r].q\|\|[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
	ga('create', '{text:Google Analytics ID}', 'tumblr.com');
	ga('send', 'pageview');
	</script>
	{/block:IfGoogleAnalyticsID}
	</body>
	</html>