bryanjswift/albedo.html

## albedo.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>{Title}</title>
	<link rel="shortcut icon" href="{Favicon}">
	<link rel="alternate" type="application/rss+xml" href="/rss">
	<style type="text/css">
		body {
		background-color: #FFF;
		font-family: Lucida Grande, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333;
		margin: 0;
		}

		strong, em, b, i, bold {
		font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
		}

		a:link, a:visited {
		color: #666;
		text-decoration: underline;
		}

		a:hover, a:link:hover, a:visited:hover {
		color: #000;
		text-decoration: none;
		}

		a:link img, a:visited img {
		border: 0px;
		text-decoration: none;
		}

		#wrap {
		margin: 0 auto;
		text-align: left;
		width: 700px;
		padding-top: 20px;
		}

		div#container {
		margin-bottom: 3em;
		}

		#title {
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
		margin-bottom: 20px;
		font-size: 12px;
		color: #999;
		}

		#title h1 {
		font-size: 25px;
		font-family: Calibri, Arial, Helvetica, sans-serif;
		margin-bottom: 0px;
		color: #000;
		}

		#title h1 a {
		color: #000;
		text-decoration: none;
		}

		#post {
		border-bottom: 1px solid #eee;
		margin-bottom: 1.5em;
		}

		h2.entry-title {
		margin-left: 80px;
		font-family: Arial;
		font-size: 20px;
		}

		div.entry-type {
		color: #666;
		float: left;
		font-size: 12px;
		margin-right: 10px;
		width: 70px;
		}

		div.entry-content {
		margin-bottom: 1.5em;
		margin-left: 80px;
		}

		.link-title {
		font-size: 13px;
		font-weight: bold;
		}

		.cite {
		display: block;
		text-align: right;
		}

		div.quotation blockquote {
		font-family: Georgia, Times New Roman, serif;
		font-size: 13px;
		color: #555;
		}

		.chat ul {
		padding: 0px;
		margin:0px;
		}

		.chat ul li {
		list-style: none;
		font-size: 11px;
		color: #333;
		padding: 5px;
		margin: 0px;
		}

		.label {
		font-weight: bold;
		}

		li.odd {
		background: #fff;
		}

		li.even {
		background: #eee;
		}

		#footer {
		font-size: 11px;
		margin-bottom: 0px;
		padding-top: 20px;
		}

		#pagenav {
		margin: 60px 0 0 0;
		border-bottom: 1px solid #eee;
		padding-bottom: 1.5em;
		}

		#pagenav .inside {
		text-align: center;
		position: relative;
		}

		#back, #forward {
		font-family: Lucida Grande, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #666;
		text-transform: uppercase;
		padding: 7px;
		text-decoration: none;
		display: block;
		position: absolute;
		top: -7px;
		}

		#back:hover, #forward:hover {
		color: #000;
		}

		#back {
		float:left;
		text-align: left;
		left: 0px;
		}

		#forward {
		float: right;
		text-align: right;
		right: 0px;
		}

		#pages {
		color: #333;
		font-family: Lucida Grande, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-transform: uppercase;
		text-align: center;
		}

		#navigation {
		margin-top: 10px;
		text-align: left;
		float: right;
		}

		#navigation li {
		display: inline;
		list-style: none;
		margin-left: 15px;
		}

		#navigation li a {
		color: #888;
		font-family: Lucida Grande, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
		}

		.small {
		font-size: 10px;
		color: #999;
		}

		#navigation li a:hover {
		color: #000;
		}

		a:hover.red {
		color: #dd0000;
		}

		.tags {
		color: #999;
		font-size: 10px;
		padding: 6px 3px 0 0;
		}

		.tags a {
		padding: 1px 3px;
		margin: 0 0 3px 3px;
		}
	</style>
</head>
<body>
<div id="wrap">
	<div id="title">
		<ul id="navigation">
			<li><a href="/">Home</a></li>
			<li><a href="/archive">Archives</a></li>
			<li><a href="{RSS}">RSS</a></li>
		</ul>
		<h1><a href="/">{Title}</a></h1>
		<br />{Description}
	</div>

	<div id="container">

	{block:Posts}

	{block:Text}
	<div id="post">
		{block:Title}<h2 class="entry-title">{Title}</h2>{/block:Title}
		<div class="entry-type">
		<a href="{Permalink}"><img src="http://i43.tinypic.com/nf3zgy.gif" alt="Text"></a>
		</div>
		<div class="entry-content"><p>{Body}</p>
		<br /><br />{block:RebloggedFrom}<span class="small">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</span>{/block:RebloggedFrom}
		{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
		<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, {12Hour}:{Minutes}{AmPm}</p>
		</div>
	</div>
	{/block:Text}

	{block:Photo}
	<div id="post">
		<div class="entry-type"><a href="{Permalink}"><img src="http://i39.tinypic.com/30vkoax.gif" alt="Photograph"></a></div>
		<div class="entry-content"><p>{LinkOpenTag}<img src="{PhotoURL-500}" class="photo" alt="{PhotoAlt}" /></a></p>{LinkCloseTag}<p>
		{block:Caption}
		{Caption}
		{/block:Caption}
		<br /><br />{block:RebloggedFrom}<span class="small">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</span>{/block:RebloggedFrom}
		{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
		<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, {12Hour}:{Minutes}{AmPm}</p>
		</div>
	</div>
	{/block:Photo}

	{block:Link}
	<div id="post">
		<div class="entry-type"><a href="{Permalink}"><img src="http://i42.tinypic.com/288wbc8.gif" alt="Link"></a></div>
		<div class="entry-content"><p><a href="{URL}" class="link-title" {Target}>{Name}</a><p>{block:Description} 	{Description} {/block:Description}</p>
		<br /><br />{block:RebloggedFrom}<span class="small">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</span>{/block:RebloggedFrom}
		{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
		<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, {12Hour}:{Minutes}{AmPm}</p>
		</div>
	</div>
	{/block:Link}

	{block:Video}
	<div id="post">
		<div class="entry-type"><a href="{Permalink}"><img src="http://i39.tinypic.com/5uefe8.gif" alt="Video"></a></div>
		<div class="entry-content"><p>{Video-500}<p>{block:Caption} {Caption} {/block:Caption}
		<br /><br />{block:RebloggedFrom}<span class="small">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</span>{/block:RebloggedFrom}
		{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
		<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, {12Hour}:{Minutes}{AmPm}</p>
		</div>
	</div>
	{/block:Video}

	{block:Quote}
	<div id="post" class="quotation">
		<div class="entry-type"><a href="{Permalink}"><img src="http://i39.tinypic.com/jrbaq8.gif" alt="Quote"></a></div>
		<div class="entry-content"><blockquote>&ldquo;{Quote}&rdquo;</blockquote><p class="cite">{block:Source}&mdash; {Source}{/block:Source}</p>
		<br /><br />{block:RebloggedFrom}<span class="small">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</span>{/block:RebloggedFrom}
		{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
		<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, {12Hour}:{Minutes}{AmPm}</p>
		</div>
	</div>
	{/block:Quote}

	{block:Audio}
	<div id="post">
		<div class="entry-type"><a href="{Permalink}"><img src="http://i39.tinypic.com/2akfqlv.gif" alt="Audio"></a></div>
		<div class="entry-content"><p>{AudioPlayerWhite}<p>{block:ExternalAudio}<a href="{ExternalAudioURL}">Download</a>{/block:ExternalAudio}</p>{block:Caption}{Caption}{/block:Caption}
		<br />
		<span class="small">Played {FormattedPlayCount} time(s).</span>
		<br /><br />{block:RebloggedFrom}<span class="small">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</span>{/block:RebloggedFrom}
		{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
		<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, {12Hour}:{Minutes}{AmPm}</p>
		</div>
	</div>
	{/block:Audio}

	{block:Chat}
	<div id="post" class="chat">
		{block:Title}<h2 class="entry-title">{Title}</h2>{/block:Title}
		<div class="entry-type"><a href="{Permalink}"><img src="http://i43.tinypic.com/xpn714.gif" alt="Chat"></a></div>
		<div class="entry-content"><ul>
		{block:Lines}
		<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>
		{/block:Lines}
		</ul>
		<br /><br />{block:RebloggedFrom}<span class="small">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</span>{/block:RebloggedFrom}
		{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
		<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, {12Hour}:{Minutes}{AmPm}</p>
		</div>
	</div>
	{/block:Chat}

	{/block:Posts}

	<div id="pagenav">
		<div class="inside">
		{block:IndexPage}
		{block:NextPage}<a id="back" href="{NextPage}">&larr;&nbsp;Retrograde</a>{/block:NextPage}
		<span id="pages">Page {CurrentPage} of {TotalPages}</span>
		{block:PreviousPage}<a id="forward" href="{PreviousPage}">Anterograde&nbsp;&rarr;</a>{/block:PreviousPage}
		{/block:IndexPage}

		{block:PermalinkPagination}
		{block:NextPost}<a id="forward" href="{NextPost}">Anterograde&nbsp;&rarr;</a> {/block:NextPost}
		<span id="pages">~</span>
		{block:PreviousPost}<a id="back" href="{PreviousPost}">&larr;&nbsp;Retrograde</a>{/block:PreviousPost}
		{/block:PermalinkPagination}
		</div>
	</div>

	<div id="footer">
	Designed by <a class="red" href="http://redfield.tumblr.com">Redfield</a>. Icons by <a href="http://cameron.io">Cameron Hunt</a>. Powered by <a href="http://www.tumblr.com/">Tumblr</a>.
	</div>
</div>
</div>
</body>
</html>

## main.css
/* TAG PAGE */
.tags .post { position: relative; float: left; padding: 0 2.5%; width: 45%; height: 350px; overflow: hidden; }
.tags .photo .mask { position: relative; overflow: hidden; width: 100%; height: 100%; }
.tags .photo img { margin-left: -50%; }
.tags .photo .caption { position: absolute; top: 0; left: 0; margin: 0; padding: 5px 2.5%; width: 95%; background: #fff; }
.tags .photo .post-footer { position: absolute; bottom: 0; left: 0; margin: 0; padding: 5px 2.5%; width: 95%; background: #fff; }
/* TAG STYLES */
body { font: normal 14px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; }
a, a:visited, a:active { text-decoration: underline; }
a:hover, a:focus { text-decoration: none; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, serif; font-weight: normal; }
p, ul, ol, blockquote { margin: 0 0 1.5em; }
ul, ol, blockquote { padding: 0 2em; }
blockquote { font-family: Georgia, serif; font-style: italic; }
ul { list-style: square; }
ol { list-style: decimal; }
a img { border: 0; }
/* CLEAR FIX */
.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; line-height: 0; overflow: hidden; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* BASIC LAYOUT */
#wrapper { margin: 0; border-top: 7px solid blue; padding: 20px 0 0; }
#contain, #footer-container { position: relative; margin: 0 auto; padding: 0 50px 0 100px; }
#header { position: relative; margin: 0 27% 0 0; border-bottom: none; padding: 0 0 15px; width: 73%; height: 2em; min-width: 500px; }
#header a { text-decoration: none; }
#title { position: absolute; bottom: 0px; left: 0; margin: 0; padding: 0 0 15px; font-weight: normal; font-size: 2em; line-height: 1; }
#meta { position: absolute; bottom: 0.25em; right: 0; margin: 0; padding: 0 0 15px; list-style: none; }
#meta li { float: left; padding: 0 0 0 5px; font-size: 0.85714286em; font-weight: bold; }
/* CONTENT */
#content { float: left; position: relative; width: 73%; }
html > body #content { min-width: 500px; }
#content h2 { position: relative; font-size: 1.4em; line-height: 1.1em; margin: 0.25em 0 0.75em; }
#searchresultcount { font-style: italic; margin: 0 0 1.5em; }
#tagresultcount { font-style: italic; margin: 0 0 1.5em; }
.post { border-bottom: 1px solid #ccc; padding: 30px 0; }
.regular h4 { font-size: 1.2em; margin-bottom: 0.5em; margin-top: 2.2em; }
.quote big { font: bold 4em/0 Georgia, serif; padding: 0 0.1em; vertical-align: -0.45em; }
.quote .words { display: inline; font: bold 1.1em Georgia, serif; line-height: 1.5; }
.quote .source { display: block; margin-top: 0.5em; padding: 0; }
.link .link-body, .quote .quote-body { margin-bottom: 1.5em; }
.conversation ul { list-style: none; padding: 0 1em; }
.conversation ul li .person { font-weight: bold; margin-right: 1em; }
.post-footer { font-size: 0.8em; text-align: right; }
.post-footer .permalink { margin-left: 1em; text-decoration: underline; }
.post-footer .permalink:hover { text-decoration: none; }
.post-footer .reblog { font-style: italic; margin-left: 1em; }
.post-footer .tags { display: block; }
/* SIDEBAR */
#sidebar { position: fixed; top: 54px; right: 50px; margin: 0; width: 20%; }
* html #sidebar { position: absolute; }
#sidebar h1 a, #sidebar h1 a:visited, #sidebar h1 a:active { font-weight: normal; text-decoration: none; }
#sidebar h1 a:hover { }
#sidebar h1 a { display: block; }
#sidebar div { margin: 0 0 10px; padding: 0 0 0 7px; }
#sidebar h4 { font-size: 1em; font-weight: bold; margin: 0 0 5px; padding: 0; text-transform: uppercase; }
#sidebar p { margin: 0; font-size: 0.9em; }
#sidebar ul { list-style: none; margin: 0 0 40px; padding: 0; }
#sidebar li { line-height: 1.2; }
#sidebar #twitter_update_list a { display: block; }
#sidebar a, #sidebar a:visited, #sidebar a:active { font-size: 0.9em; }
#stext { position: relative; z-index: 2; border: 1px solid #ccc; padding: 0 0 0 1%; width: 98%; }
#sbutton { position: absolute; top: 0; left: 0; visibility: hidden; }
#tags li { float: left; padding: 0 5px 0 0; height: 2em; }
/* FOOTER */
#footer { clear: both; margin: 0; padding: 10px 0; overflow: auto; font-size: 0.71428571em; }
/* PREVIOUS-NEXT LINKS */
#pagination { position: relative; border-bottom: 1px solid blue; padding: 10px 0; height: 1em; text-align: center; line-height: 1; }
#pagination a, #pagination a:visited, #pagination a:active { font-weight: bold; text-decoration: none; }
#pagination #prev { position: absolute; left: 0; margin-right: 2em; }
#pagination #next { position: absolute; right: 0; margin-left: 2em; }

## museumTheme.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
  Theme: Museum v1.3
  Author: Paul Giacherio  [http://paulgiacherio.com/]
  For: Tumblr  [http://tumblr.com/]
  Terms: Free to use and alter, but please give credit.
-->
<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:PostTitle} - {PostTitle}{/block:PostTitle}</title>

<style type="text/css">
*{
	margin:0;
	padding:0;
	list-style-type:none;
	text-decoration:none;}
body{
	background:#111 url(http://themes.paulgiacherio.com/museum/bg2.jpg) fixed top center;
	font-family:arial,san-serif;
	font-size:12px;
	color:#949494;
	text-align:center;}
#container{
	width:auto;
	margin:0 27px;
	text-align:left;}

/*HEADER STYLES*/
#header{
	padding:27px 0 36px 27px;
	position:relative;
	text-align:left;}
#header a{
	color:#777;}
#header a:hover{
	color:#fff;}
#header h1 a{
	border:0;
	font-size:17px;
	line-height:18px;
	text-transform:uppercase;
	letter-spacing:.05em;}
#header ul li{
	display:inline;}
#header ul li a{
	border-bottom:0;
	margin-right:11px;
	line-height:18px;}
#header ul li a:hover{
	border-bottom:0px}
#portrait{
	width:54px;
	float:left;}

/*MAIN BOXES*/
.post{
	padding:10px;
	float:left;
	background:#000;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
	line-height:18px;}
.photo,.quote,.link,.conversation,.video,.audio,.regular{
	min-height:350px;
	width:530px;}
body#index .regular,body#index .photo,body#index .quote,body#index .link,body#index .conversation,body#index .video,body#index .audio,.metabox{
	height:350px;
	width:250px;
	overflow:hidden;}

/*BIG MORE LINK AND TRICKY PNG FADE BOX TRIGGERED BY TAGGING ANY POST WITH 'more'*/
.morewrap{
	display:none;}
body#index .more .morewrap{
	display:block}
.morelink{
	display:block;
	background:#a00;
	position:absolute;
	top:235px;
	left:0px;
	padding:0 10px 0 45px;
	border:0;
	line-height:27px;
	z-index:3000;}
.morelink:hover{
	border:0;
	background:#800;
	color:#fff;}
.fade{
	position:absolute;
	bottom:10px;
	height:175px;
	background:url(http://themes.paulgiacherio.com/museum/shade.png) repeat-x left bottom;
	width:250px;
	display:block;
	z-index:100;}

/*PERMALINK AND COMMENT COUNT LINKS*/
.permalink, .disquscount {
	border-width: 0px;
	height: 11px;
	line-height:11px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	color:#444;
	z-index:200;
	display:none/*HIDE ON PERMALINK PAGES*/}
body#index .permalink, body#index .disquscount{
	display:block;}
.disquscount{
	right:auto;
	left:10px;
	color:#444;}
.permalink:hover,.disquscount:hover{
	color:#fff;
	border:0;}

/*PHOTO STYLES*/
.photo/*PERMALINK PAGES STRETCH TO FIT PHOTO*/{
	height:auto;}
.photo .photobox a{
	border:0;}
.photo img{
	border:15px solid #111;
	margin-bottom:10px;}
.photo a:hover img{
	border-color:#222;}
body#index .photo img/*TRICK TO CENTER THE PHOTOS IN THE VISIBLE BOX ON INDEX PAGES*/{
	left:50%;
	margin-left:-50%;
	border:0;}
body#index .slim .photo img{left:0;margin-left:0;}/*IF YOUR IMAGES ARE NARROW AND OFF TO THE LEFT TAG THEM AS 'slim' AND THEY WILL SIT TOP LEFT*/
body#index .photo .permalink/*SPECIAL PERMALINK FORMATTING FOR PHOTO PAGES*/{
	position: absolute;
	top: 0px;
	right: 20px;
	display:none;
	padding:15px 7px 7px;
	background:#a00;
	color:#FFF;
	font-size:16px;}
body#index .photo:hover .permalink{
	display:block;}
body#index .photo .permalink:hover{
	background:#800;
	border:0;}
body#index .photo .caption/*OVERLAY TRANSPARENT CAPTION AT BOTTOM OF PHOTO*/{
	position:absolute;
	bottom:10px;
	left:10px;
	background:#000;
	opacity:.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	width:250px;
	padding:10px 0 10px 0;
	z-index:100;}
body#index .photo .caption p{
	padding:0 5px;margin:0;}
body#index .photo b{
	display:block;margin-bottom:5px;}


/*REGULAR TEXT POST STYLES*/
body#index .pad{
	padding-top:36px;}

/*AUDIO/VIDEO STYLES*/
.player{
	padding:60px 20px;
	border:1px solid #222;
	background:#111;
	margin:0 0 10px 18px;
	float:right;}
body#index .player{
	padding:60px 0 60px 20px;
	margin:0 0 10px 0;
	float:none;}
/*body#index .video embed,body#index .video object{*/
/*	height:auto;width:248px;margin:0;}*/
/*.video embed{margin:0 0 0 15px;}*/
.video .caption{
	padding-top:10px;}

/*QUOTE STYLES*/
.quotetext{
	font-size:22px;
	font-family:courier;
	line-height:22px;
	padding-bottom:11px;
	color:#777;
	padding-top:36px;
	word-spacing:-.2em;
	letter-spacing:-.04em;}
.source{
	font-family:arial;
	font-size:11px;
	text-align:right;
	color:#666;}

/*CONVERSATION STYLES*/
.conversation ul li{
	line-height:18px;
	border-bottom:1px dotted #222;
	padding:3px 0 3px 0px}
.conversation ul li span{
	color:#ccc;}
.even{
	border-bottom:1px dotted #222;}

/*GENERAL CONTENT STYLES*/
a {
	color:#FFF;
	border-bottom:1px dotted #444;
	text-decoration:none;}
a:hover{
	color:#ccc;
	border-bottom:1px solid #ccc;}
p{
	line-height:18px;
	margin-bottom:9px;}
h1,.photo strong, .photo b, .video strong, .video b, .audio strong, .audio b{
	font-weight:normal;
	font-size:16px;
	line-height:18px;
	color:#FFF;}
h1{
	padding:0 0 9px 0;}
h2{
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	color:#e00;
	margin:9px 0 9px 0;}
h3{
	text-transform:uppercase;
	font-size:10px;
	color:#fff;
	line-height:18px;}
ol{
	margin-bottom:9px;}
ol li{
	list-style:decimal outside;
	margin:0 0 0 20px;
	padding:0 0 5px 0;}
blockquote{
	margin:0 20px 9px;}

/*PAGENAVIGATION BOX STYLES*/
#navigation/*HIDDEN ON PERMALINK PAGES*/{
	display:none;}
body#index #navigation{
	display:block;
	text-align:center;
	float:left;
	background:#000;
	height:370px;
	width:270px;
	position:relative;}
#pagetab{
	height: 11px;
	line-height:10px;
	font-size:11px;
	position: absolute;
	top: 0px;
	left: 20px;
	color:#949494;
	padding:15px 7px 7px;
	background:#222;}
.pages{
	line-height:225px;
	font-size:11px;}
.pages span{
	font-size:110px;
	vertical-align:middle;}
.total{
	color:#222;}
#navigation a{
	border:1px solid #222;
	line-height:27px;
	padding:5px 9px;
	color:#444;}
#navigation a:hover{
	background:#111;
	color:#fff;}

/*FOOTER STYLES*/
#footer{
	color:#555;
	clear:both;
	padding:40px 0;
	text-align:left;}
#footer a{
	color:#555;
	border:0;}
#footer a:hover{
	color:#fff;}

/*META BOX LOCATED ON PERMALINK PAGES*/
body#index .meta/*HIDDEN ON INDEX PAGES*/{
	display:none;}
.meta{
	display:block;
	float:left;
	text-align:left;
	background:#000;
	padding:10px;}
.meta span{
	text-transform:uppercase;
	font-size:10px;
	color:#fff;
	display:block;
	line-height:18px;}

/*DISQUS STYLES*/
body#index .comments{display:none}
.comments{width:530px;}
#disqus_thread{padding-top:36px;margin-top:36px;border-top:1px solid #222;}
#dsq-content #dsq-options-toggle { display: none; }
#dsq-content #dsq-extra-links { display: none; }
#dsq-content #dsq-add-new-comment{margin-top:36px;}
#dsq-content #dsq-comments .dsq-comment-rate { display: none; }
#dsq-content #dsq-comments .dsq-comment-header{ background: #111; }
#dsq-content #dsq-comments .dsq-header-meta{color:#444;}
#dsq-content #dsq-comments ul{border:0;}
#dsq-content #dsq-comments .dsq-comment{background:#111;padding:10px;}
#dsq-content #dsq-comments .dsq-comment-footer{display:none;}


/*LIVE SEARCE STYLES*/
.searchbox {
	position:relative;
	margin-left:280px;
	width:500px;
	padding:0;}
.searchbox input{
	position:absolute;
	top:-22px;
	left:280px;
	padding:2px;
    font-size:13px;
    width:180px;
	border:1px solid #000;
	border-color:#000 #2f2f2f #2f2f2f #a00;
	border-width:1px 1px 1px 2px;
	background:#202020;
	color:#fff}
#SearchBox1results{
	padding-top:18px;}
.searchmatch{
	background-color:#a00;
	color:#fff;}
.searchresultrow {
	background:#000;
	font-family:verdana;
	font-size:12px;
	padding:10px;
	margin-top:10px;
	overflow:hidden;
	border:1px solid #000;
	width:530px;}
.searchresultrow:hover {
	cursor:pointer;
	border:1px solid #222;
	background:#191919;}
#header .searchresultrow a {
	font-size:14px;
	color:#fff;
	text-decoration:none;}
.searchexcerpt {
	color:#AAA;
	padding:5px 0;
	font-size:12px;}
.searchexcerpt span {
	background:#a00;
	color:#fff;}
</style>

<!--[if IE 6]>
<style type="text/css">
.post,#navigation,.meta{background:#010101;}
.photo,.quote,.link,.conversation,.video,.audio,.regular{height:350px;overflow:visible;}
body#index .fade{z-index:100;position:absolute;bottom:8px;}
</style>
<script type="text/javascript" src="http://themes.paulgiacherio.com/museum/supersleight-min.js"></script>
<![endif]-->
<style type="text/css">
{CustomCSS}
</style>
<script src="http://www.thisismydevsite.com/tumblr.js" type="text/javascript"></script>
</head>

<body {block:IndexPage}id="index"{/block:IndexPage}>
    <div id="header">
	<!--UNCOMMENT TO INCLUDE PORTRAIT PHOTO
	<div id="portrait"><img src="{PortraitURL-40}" alt="{Title}" /></div>
	-->
        <h1><a href="/">{Title}</a></h1>
		<ul>
		<li><a href="/archive">archive</a></li>
		<li><a href="/mobile">mobile</a></li>
		<li><a href="{RSS}">rss feed</a></li>
		</ul>
		<div class="searchbox">
			<script type="text/javascript">Tumblr.searchBox()</script>
		</div>
	</div>

	<div id="container">
    {block:Posts}
		<div class="post {TagsAsClasses}">

			{block:Regular}
			<div class="regular">
				<div class="morewrap"><!--MOREWRAP TRIGGERED BY TAGGING POST 'more'-->
					<a href="{Permalink}" class="morelink">more +</a>
					<div class="fade"></div>
				</div><!--END MOREWRAP-->
				<div class="pad"><!--PAD BUMPS INDEX PAGE TEXT-->
					{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
                    {Body}
				</div>
				<a href="{Permalink}" class="permalink">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
				<!--UNCOMMENT BELOW TO ENABLE COMMENTS COUNT FOR REGULAR POSTS-->
				<!--<a href="{Permalink}#disqus_thread" class="disquscount">Comments (View)</a>-->
			</div>
			{/block:Regular}

            {block:Photo}
			<div class="photo">
				<!--MORELINK DISABLED FOR PHOTOS- IT INTERFERES WITH CAPTION. UNCOMMENT NEXT FOUR LINES IF YOU GOTTA HAVE MORE LINK ON PHOTOS-->
				<!--<div class="morewrap">-->
					<!--<a href="{Permalink}" class="morelink">more +</a>-->
					<!--<div class="fade"></div>-->
				<!--</div>-->

				<a href="{Permalink}" class="permalink">+</a><!--SPECIAL TREATMENT FOR PHOTO PERMALINK-->
				<div class="photobox">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
                {block:Caption}
					<div class="caption">{Caption}</div>
                {/block:Caption}
			</div>
            {/block:Photo}

            {block:Quote}
			<div class="quote">
				<div class="morewrap"><!--MOREWRAP TRIGGERED BY TAGGING POST 'more'-->
					<a href="{Permalink}" class="morelink">more +</a>
					<div class="fade"></div>
				</div><!--END MOREWRAP-->
                <div class="quotetext">
					&#147; {Quote}
				</div>
                {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
				<a href="{Permalink}" class="permalink">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
				<!--UNCOMMENT BELOW TO ENABLE COMMENTS COUNT FOR QUOTE POSTS-->
				<!--<a href="{Permalink}#disqus_thread" class="disquscount">Comments (View)</a>-->

			</div>
            {/block:Quote}

            {block:Link}
            <div class="link">
				<div class="morewrap"><!--MOREWRAP TRIGGERED BY TAGGING POST 'more'-->
					<a href="{Permalink}" class="morelink">more +</a>
					<div class="fade"></div>
				</div><!--END MOREWRAP-->
				<div class="pad">
					<h1><a href="{URL}" {Target}>{Name} &#187; </a></h1>
                    {block:Description}
						<p class="description">{Description}</p>
                    {/block:Description}
				</div>
				<a href="{Permalink}" class="permalink">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
				<!--UNCOMMENT BELOW TO ENABLE COMMENTS COUNT FOR LINK POSTS-->
				<!--<a href="{Permalink}#disqus_thread" class="disquscount">Comments (View)</a>-->
            </div>
            {/block:Link}

			{block:Conversation}
			<div class="conversation">
				<div class="morewrap"><!--MOREWRAP TRIGGERED BY TAGGING POST 'more'-->
					<a href="{Permalink}" class="morelink">more +</a>
					<div class="fade"></div>
				</div><!--END MOREWRAP-->
				<div class="pad">
				{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
					<ul>
						{block:Lines}
							<li class="{Alt}">
								{block:Label}<span class="label">{Label}</span>{/block:Label}
								{Line}
							</li>
						{/block:Lines}
					</ul>
				</div>
				<a href="{Permalink}" class="permalink">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
				<!--UNCOMMENT BELOW TO ENABLE COMMENTS COUNT FOR CONVERSATION POSTS-->
				<!--<a href="{Permalink}#disqus_thread" class="disquscount">Comments (View)</a>-->
            </div>
            {/block:Conversation}

            {block:Video}
            <div class="video">
				<div class="morewrap"><!--MOREWRAP TRIGGERED BY TAGGING POST 'more'-->
					<a href="{Permalink}" class="morelink">more +</a>
					<div class="fade"></div>
				</div><!--END MOREWRAP-->
                <div class="videobox">{Video-250}</div>
                    {block:Caption}
                        <div class="caption">{Caption}</div>
                    {/block:Caption}
				<a href="{Permalink}" class="permalink">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
				<!--UNCOMMENT BELOW TO ENABLE COMMENTS COUNT FOR VIDEO POSTS-->
				<!--<a href="{Permalink}#disqus_thread" class="disquscount">Comments (View)</a>-->
            </div>
            {/block:Video}

			{block:Audio}
			<div class="audio">
				<div class="morewrap"><!--MOREWRAP TRIGGERED BY TAGGING POST 'more'-->
					<a href="{Permalink}" class="morelink">more +</a>
					<div class="fade"></div>
				</div><!--END MOREWRAP-->
                <div class="player">{AudioPlayerBlack}</div>
                    {block:Caption}
                        <div class="caption">{Caption}</div>
                    {/block:Caption}
				<a href="{Permalink}" class="permalink">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
				<!--UNCOMMENT BELOW TO ENABLE COMMENTS COUNT FOR AUDIO POSTS-->
				<!--<a href="{Permalink}#disqus_thread" class="disquscount">Comments (View)</a>-->
            </div>
            {/block:Audio}

		<div class="comments">
		<!--PASTE DISQUS PERMALINK BLOCK HERE-->
		</div>
        </div><!--CLOSE POST-->

		<div class="meta"><!--METABOX APPEARS ON PERMALINK PAGE-->
			<div class="metabox">
				<p><span>posted :</span> {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</p>
				{block:RebloggedFrom}
					<p><span>reblogged from :</span> <a href="{ReblogParentURL}">{ReblogParentTitle}</a></p>
				{/block:RebloggedFrom}
			</div>
		</div>
    {/block:Posts}

	<div id="navigation"><!--NAVIGATION ONLY APPEARS ON INDEX PAGES-->
		<div id="pagetab">page</div>
		<div class="pages">
			<span>{CurrentPage}</span> of <span class="total">{TotalPages}</span>
		</div>
		{block:PreviousPage}
			<a href="{PreviousPage}">- Previous Page</a> &nbsp;&nbsp;
		{/block:PreviousPage}

		{block:NextPage}
			<a href="{NextPage}">Next Page +</a>
		{/block:NextPage}
	</div>

	<div id="footer">
		<a href="/rss">rss feed</a> | <a href="http://www.tumblr.com/" target="_blank">tumblr</a> + <a href="http://paulgiacherio.com" target="_blank">paulgiacherio</a>
	</div>

</div><!--CLOSE CONTAINER-->

</body>
</html>

## nostalgia-mod.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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>{block:PostSummary}{PostSummary} -{/block:PostSummary} {Title}</title>

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

	<!-- DEFAULT COLORS -->
	<meta name="color:Background" content="#ffffff"/>
	<meta name="color:Body Text" content="#333333"/>
	<meta name="color:Borders" content="#336699"/>
	<meta name="color:Links" content="#000000"/>
	<meta name="color:Link Hover" content="#336699"/>
	<meta name="color:Titles" content="#000000"/>
	<meta name="color:Date" content="#336699"/>
	<meta name="color:Post Border" content="#336699"/>
	<meta name="color:Post Footer Text" content="#999999"/>
	<meta name="color:Quotes" content="#336699"/>
	<meta name="color:Chat Name" content="#336699"/>
	<style type="text/css">
/* TAG PAGE */
.tagPage .post { position: relative; float: left; margin: 0 0 1em; padding: 0 1.5%; width: 30%; height: 250px; overflow: hidden; }
.tagPage .photo .mask { position: relative; overflow: hidden; width: 100%; height: 100%; }
.tagPage .photo img { position: relative; }
.tagPage .photo .caption, .tagPage .photo .post-footer { display: none; }
.tagPage .photo .tags { position: absolute; bottom: 0; left: 0; margin: 0; padding: 5px 2.5%; width: 95%; font-size: 0.8em; text-align: right; background: #fff; }
/* TAG STYLES */
body { font: normal 14px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; }
a, a:visited, a:active { text-decoration: none; }
a:hover, a:focus { text-decoration: none; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, serif; font-weight: normal; }
p, ul, ol, blockquote { margin: 0 0 1.5em; }
ul, ol, blockquote { padding: 0 2em; }
blockquote { font-family: Georgia, serif; font-style: italic; }
ul { list-style: square; }
ol { list-style: decimal; }
a img { border: 0; }
/* CLEAR FIX */
.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; line-height: 0; overflow: hidden; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* BASIC LAYOUT */
#wrapper { margin: 0; border: 0; padding: 20px 0 0; }
#contain, #footer-container { position: relative; margin: 0 auto; padding: 0 50px 0 100px; }
#header { position: relative; margin: 0 27% 0 0; border-bottom: none; padding: 0 0 15px; width: 73%; height: 2em; min-width: 500px; }
#header a { text-decoration: none; }
#title { position: absolute; bottom: 0px; left: 0; margin: 0; padding: 0 0 15px; font-weight: normal; font-size: 2em; line-height: 1; }
#meta { position: absolute; bottom: 0.25em; right: 0; margin: 0; padding: 0 0 15px; list-style: none; }
#meta li { float: left; padding: 0 0 0 5px; font-size: 0.85714286em; font-weight: bold; }
/* CONTENT */
#content { float: left; position: relative; width: 73%; }
html > body #content { min-width: 500px; }
#content h2 { position: relative; font-size: 1.4em; line-height: 1.1em; margin: 0.25em 0 0.75em; }
#searchresultcount { font-style: italic; margin: 0 0 1.5em; }
#tagresultcount { font-style: italic; margin: 0 0 1.5em; }
.post { border-bottom: 1px solid #ccc; padding: 30px 0 20px; }
.regular h4 { font-size: 1.2em; margin-bottom: 0.5em; margin-top: 2.2em; }
.quote big { font: bold 4em/0 Georgia, serif; padding: 0 0.1em; vertical-align: -0.45em; }
* html .quote big { line-height: 0.7; }
.quote .words { display: inline; font: bold 1.1em Georgia, serif; line-height: 1.5; }
.quote .source { display: block; margin-top: 0.5em; padding: 0; }
.link .link-body, .quote .quote-body { margin-bottom: 1.5em; }
.conversation ul { list-style: none; padding: 0 1em; }
.conversation ul li .person { font-weight: bold; margin-right: 1em; }
.post-footer { font-size: 0.8em; text-align: right; }
.post-footer p { margin-bottom: 0; }
.post-footer .permalink { margin-left: 1em; text-decoration: underline; }
.post-footer .permalink:hover { text-decoration: none; }
.post-footer .reblog { font-style: italic; margin-left: 1em; }
.post-footer .tags { display: block; }
/* SIDEBAR */
#sidebar { position: fixed; top: 47px; right: 50px; margin: 0; width: 20%; }
* html #sidebar { position: absolute; }
#sidebar h1 a, #sidebar h1 a:visited, #sidebar h1 a:active { font-weight: normal; text-decoration: none; }
#sidebar h1 a:hover { }
#sidebar h1 a { display: block; }
#sidebar div { margin: 0 0 10px; padding: 0 0 0 7px; }
#sidebar h4 { font-size: 1em; font-weight: bold; margin: 0 0 5px; padding: 0; text-transform: uppercase; }
#sidebar p { margin: 0; font-size: 0.9em; }
#sidebar ul { list-style: none; margin: 0 0 40px; padding: 0; }
#sidebar li { line-height: 1.2; }
#sidebar #twitter_update_list a { display: block; }
#sidebar a, #sidebar a:visited, #sidebar a:active { font-size: 0.9em; }
#stext { position: relative; z-index: 2; border: 1px solid #ccc; padding: 0 0 0 1%; width: 98%; }
#sbutton { position: absolute; top: 0; left: 0; visibility: hidden; }
#tags li { float: left; padding: 0 5px 0 0; height: 2em; }
/* FOOTER */
#footer { clear: both; margin: 0; padding: 10px 0; overflow: auto; font-size: 0.71428571em; }
/* PREVIOUS-NEXT LINKS */
#pagination { position: relative; border-bottom: 1px solid blue; padding: 10px 0; height: 1em; text-align: center; line-height: 1; }
#pagination a, #pagination a:visited, #pagination a:active { font-weight: bold; text-decoration: none; }
#pagination #prev { position: absolute; left: 0; margin-right: 2em; }
#pagination #next { position: absolute; right: 0; margin-left: 2em; }
		body {
			background: {color:Background};
			color: {color:Body Text};
		}
		a, a:visited, a:active {
			color: {color:Links};
		}
		a:hover {
			color: {color:Link Hover};
		}
		h1, h2, h3, h4, h5, h6 {
			color: {color:Titles};
		}
		#header {
			border-bottom-color: {color:Post Border};
		}
		#sidebar h1 a, #sidebar h1 a:visited, #sidebar h1 a:active {
			color: {color:Links};
		}
		#sidebar h1 a:hover {
			color: {color:Link Hover};
		}
		#stext {
			border-color: {color:Borders};
		}
		#pagination {
			border-bottom-color: {color:Borders};
		}
		#content .date {
			border-bottom-color: {color:Date};
			color: {color:Date};
		}
		.post {
			border-bottom-color: {color:Post Border};
		}
		.post-footer {
			color: {color:Body Text};
		}
		.quote big {
			color: {color:Quotes};
		}
		.conversation ul li .person {
			color: {color:Chat Name};
		}

		{CustomCSS}
	</style>
</head>
<body>
	<div id="wrapper" class="clearfix">
		<div id="contain" class="clearfix">
			<div id="header" class="clearfix">
				<h1 id="title"><a href="/">{Title}</a></h1>
				<p class="byline">
				<ul id="meta">
					<li><a href="{RSS}" id="rss">RSS</a></li>
					<li><a href="/archive" id="archives">Archive</a></li>
					<li><a href="/random">Random</a></li>
					<li><a href="/mobile">Mobile</a></li>
				</ul>
			</div>

			<div id="content"{block:TagPage} class="tagPage"{/block:TagPage}>

			{block:SearchPage}
				<p id="searchresultcount">Your search for <a href="/search/{SearchQuery}" class="query">{SearchQuery}</a> found {SearchResultCount} result(s).</p>
			{/block:SearchPage}

			{block:Posts}

				{block:Text}
				<div class="post regular">
					{block:Title}<h2>{Title}</h2>{/block:Title}
					{Body}
				{/block:Text}

				{block:Quote}
				<div class="post quote">
					<div class="quote-body">
						<big>&#0147;</big><div class="words">{Quote}</div><big>&#0148;</big>
						{block:Source}<span class="source">{Source}</span>{/block:Source}
					</div>
				{/block:Quote}

				{block:Link}
				<div class="post link">
					<h2><a href="{URL}" {Target}>{Name}</a></h2>
					<div class="link-body">
						{block:Description}{Description}{/block:Description}
					</div>
				{/block:Link}

				{block:Conversation}
				<div class="post conversation">
					{block:Title}<h2>{Title}</h2>{/block:Title}
					<ul>
						{block:Lines}
						<li>
							{block:Label}<span class="person">{Label}</span>{/block:Label}
							<span class="line">{Line}</span>
						</li>
						{/block:Lines}
					</ul>
				{/block:Conversation}

				{block:Photo}
				<div class="post photo">
					{block:TagPage}<div class="mask">{/block:TagPage}
						<a href="{Permalink}">
							{block:TagPage}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{/block:TagPage}
							<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:TagPage}style="display:none;"{/block:TagPage} />
						</a>
						{block:HasTags}
						<p class="tags">Tags:
							{block:Tags}
							<a href="{TagURL}">{Tag}</a>
							{/block:Tags}
						</p>
						{/block:HasTags}
					{block:TagPage}</div>{/block:TagPage}
					{block:Caption}<p class="caption">{Caption}</p>{/block:Caption}
				{/block:Photo}

				{block:Video}
				<div class="post video">
					{Video-500}
					{block:Caption}<p class="caption">{Caption}</p>{/block:Caption}
				{/block:Video}

				{block:Audio}
				<div class="post audio">
					{AudioPlayerBlack}
					{block:Caption}<p class="caption">{Caption}</p>{/block:Caption}
				{/block:Audio}

					<div class="post-footer">
						<p class="byline"><a href="{Permalink}" class="permalink">Permalink &#8734;</a></p>

						{block:RebloggedFrom}
						<p class="reblog">Reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a></p>
						{/block:RebloggedFrom}

						<!-- DISQUS COMMENT LINK HERE -->

						{block:HasTags}
						<p class="tags">Tags:
							{block:Tags}
							<a href="{TagURL}">{Tag}</a>
							{/block:Tags}
						</p>
						{/block:HasTags}
					</div> <!-- end post footer -->

					{block:Permalink}
						<!-- DISQUS PERMALINK STUFF HERE -->
					{/block:Permalink}

				</div> <!-- end single post -->
			{/block:Posts}

			{block:Pagination}
				<div id="pagination" class="clearfix">
					{block:NextPage}
					<a href="{NextPage}" id="prev">&#8592; Earlier</a>
					{/block:NextPage}
					Page {CurrentPage} of {TotalPages}
					{block:PreviousPage}
					<a href="{PreviousPage}" id="next">Later &#8594;</a>
					{/block:PreviousPage}
				</div>
			{/block:Pagination}


			{block:PermalinkPagination}
				<div id="pagination">
					{block:PreviousPost}
					<a href="{PreviousPost}" id="prev">&#8592; Previous Post</a>
					{/block:PreviousPost}
					{block:NextPost}
					<a href="{NextPost}" id="next">Next Post &#8594;</a>
					{/block:NextPost}
				</div>
			{/block:PermalinkPagination}

				<div id="footer">
					<p>Design inspired by <a href="http://cubicle17.com/">Bill Israel's Nostalgia</a> with modifications by <a href="http://bryanjswift.com">Bryan J Swift</a>. <a href="http://tumblr.com/">Tumblr</a> powered.</p>
				</div> <!-- end footer -->
			</div> <!-- end content div -->

			<div id="sidebar">
				<div id="about">
					<h4>About</h4>
					<p>{Description}</p>
				</div> <!-- end about -->

				<!--
				<div id="search">
					<h4>Search</h4>
					<form action="/search" method="get">
						<input id="stext" type="text" name="q" value="{SearchQuery}" />
						<input id="sbutton" type="submit" value="Search" />
					</form>
				</div>
				-->

				<!--
					TWITTER BADGE
					If you'd like a twitter badge, uncomment the following div,
					and change <username>s to your twitter username
				-->

				<!--
				<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
				<div id="twitter_div">
					<h4><a href="http://twitter.com/<username>">Latest Tweet</a></h4>
					<ul id="twitter_update_list">
						<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/<username>.json?callback=twitterCallback2&amp;count=1"></script></p>
				</div>
				-->

				<!-- Tags -->
				<div id="tags" class="clearfix">
					<h4>Tags</h4>
					<ul class="loading">
						<li>Loading...</li>
					</ul>
				</div>
			</div> <!-- end sidebar div -->
		</div> <!-- end containing div -->
	</div> <!-- end wrapping div -->

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">
jQuery.noConflict();
(function($) {
	var base = location.protocol + '//' + location.host;
	var callback = 'processPosts';
	var allTags = {};
	var retrieved = 0;
	var highCount = 1;
	function getApiUrl() { return base + '/api/read/json?callback=' + callback + '&num=50&offset=' + retrieved; }
	function getTagUrl(tag) { return base + '/tagged/' + tag; }
	function processPosts(data) {
		retrieved = retrieved + data.posts.length;
		var posts = data.posts;
		$.each(posts,processPost);
		if (retrieved < data['posts-total'] && retrieved < 150) { $.getScript(getApiUrl()); } else { render(); }
	}
	window.processPosts = processPosts;
	function processPost(i) {
		var post = this;
		var tags = post.tags;
		if (!tags) { return; }
		var i = tags.length;
		var tag, oTag;
		if (!i) { return; }
		do {
			i = i - 1;
			tag = tags[i];
			oTag = allTags[tag];
			if (oTag) {
				oTag.count = oTag.count + 1;
			} else {
				oTag = allTags[tag] = {url:getTagUrl(tag),count:1};
			}
			highCount = oTag.count > highCount ? oTag.count : highCount;
		} while (i);
	}
	function render() {
		var tagObject;
		var html = '';
		for (tag in allTags) {
			if (!allTags.hasOwnProperty(tag)) { continue; }
			html = html + '<li><a href="' + allTags[tag].url + '">' + tag + '</a></li>';
		}
		$('#tags ul').html(html);
	}
	$(function() {
		$.getScript(getApiUrl());
	});
	$(window).load(function() {
		$('.tagPage .photo img').each(function() {
			$(this).css({'margin-left':-$(this).width() / 2,'left':'50%'});
		});
	});
})(jQuery);
	</script>
</body>
</html>


## tumblrTags.js
jQuery.noConflict();
(function($) {
	var base = location.protocol + '//' + location.host;
	var callback = 'processPosts';
	var allTags = {};
	var retrieved = 0;
	var highCount = 1;
	function getApiUrl() { return base + '/api/read/json?callback=' + callback + '&num=50&offset=' + retrieved; }
	function getTagUrl(tag) { return base + '/tagged/' + tag; }
	function processPosts(data) {
		retrieved = retrieved + data.posts.length;
		var posts = data.posts;
		$.each(posts,processPost);
		if (retrieved < data['posts-total'] && retrieved < 150) { $.getScript(getApiUrl()); } else { render(); }
	}
	window.processPosts = processPosts;
	function processPost(i) {
		var post = this;
		var tags = post.tags;
		if (!tags) { return; }
		var i = tags.length;
		var tag, oTag;
		if (!i) { return; }
		do {
			i = i - 1;
			tag = tags[i];
			oTag = allTags[tag];
			if (oTag) {
				oTag.count = oTag.count + 1;
			} else {
				oTag = allTags[tag] = {url:getTagUrl(tag),count:1};
			}
			highCount = oTag.count > highCount ? oTag.count : highCount;
		} while (i);
	}
	function render() {
		var tagObject;
		var html = '';
		for (tag in allTags) {
			if (!allTags.hasOwnProperty(tag)) { continue; }
			html = html + '<li><a href="' + allTags[tag].url + '">' + tag + '</a></li>';
		}
		$('#tags ul').html(html);
	}
	$(function() {
		$.getScript(getApiUrl());
	});
})(jQuery);
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>{Title}</title>
	<link rel="shortcut icon" href="{Favicon}">
	<link rel="alternate" type="application/rss+xml" href="/rss">
	<style type="text/css">
	body {
	background-color: #FFF;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0;
	}

	strong, em, b, i, bold {
	font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
	}

	a:link, a:visited {
	color: #666;
	text-decoration: underline;
	}

	a:hover, a:link:hover, a:visited:hover {
	color: #000;
	text-decoration: none;
	}

	a:link img, a:visited img {
	border: 0px;
	text-decoration: none;
	}

	#wrap {
	margin: 0 auto;
	text-align: left;
	width: 700px;
	padding-top: 20px;
	}

	div#container {
	margin-bottom: 3em;
	}

	#title {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 12px;
	color: #999;
	}

	#title h1 {
	font-size: 25px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	color: #000;
	}

	#title h1 a {
	color: #000;
	text-decoration: none;
	}

	#post {
	border-bottom: 1px solid #eee;
	margin-bottom: 1.5em;
	}

	h2.entry-title {
	margin-left: 80px;
	font-family: Arial;
	font-size: 20px;
	}

	div.entry-type {
	color: #666;
	float: left;
	font-size: 12px;
	margin-right: 10px;
	width: 70px;
	}

	div.entry-content {
	margin-bottom: 1.5em;
	margin-left: 80px;
	}

	.link-title {
	font-size: 13px;
	font-weight: bold;
	}

	.cite {
	display: block;
	text-align: right;
	}

	div.quotation blockquote {
	font-family: Georgia, Times New Roman, serif;
	font-size: 13px;
	color: #555;
	}

	.chat ul {
	padding: 0px;
	margin:0px;
	}

	.chat ul li {
	list-style: none;
	font-size: 11px;
	color: #333;
	padding: 5px;
	margin: 0px;
	}

	.label {
	font-weight: bold;
	}

	li.odd {
	background: #fff;
	}

	li.even {
	background: #eee;
	}

	#footer {
	font-size: 11px;
	margin-bottom: 0px;
	padding-top: 20px;
	}

	#pagenav {
	margin: 60px 0 0 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 1.5em;
	}

	#pagenav .inside {
	text-align: center;
	position: relative;
	}

	#back, #forward {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	padding: 7px;
	text-decoration: none;
	display: block;
	position: absolute;
	top: -7px;
	}

	#back:hover, #forward:hover {
	color: #000;
	}

	#back {
	float:left;
	text-align: left;
	left: 0px;
	}

	#forward {
	float: right;
	text-align: right;
	right: 0px;
	}

	#pages {
	color: #333;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	}

	#navigation {
	margin-top: 10px;
	text-align: left;
	float: right;
	}

	#navigation li {
	display: inline;
	list-style: none;
	margin-left: 15px;
	}

	#navigation li a {
	color: #888;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	}

	.small {
	font-size: 10px;
	color: #999;
	}

	#navigation li a:hover {
	color: #000;
	}

	a:hover.red {
	color: #dd0000;
	}

	.tags {
	color: #999;
	font-size: 10px;
	padding: 6px 3px 0 0;
	}

	.tags a {
	padding: 1px 3px;
	margin: 0 0 3px 3px;
	}
	</style>
	</head>
	<body>
	<div id="wrap">
	<div id="title">
	<ul id="navigation">
	<li><a href="/">Home</a></li>
	<li><a href="/archive">Archives</a></li>
	<li><a href="{RSS}">RSS</a></li>
	</ul>
	<h1><a href="/">{Title}</a></h1>
	<br />{Description}
	</div>

	<div id="container">

	{block:Posts}

	{block:Text}
	<div id="post">
	{block:Title}<h2 class="entry-title">{Title}</h2>{/block:Title}
	<div class="entry-type">
	<a href="{Permalink}"><img src="http://i43.tinypic.com/nf3zgy.gif" alt="Text"></a>
	</div>
	<div class="entry-content"><p>{Body}</p>
	<br /><br />{block:RebloggedFrom}<span class="small">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</span>{/block:RebloggedFrom}
	{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
	<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, {12Hour}:{Minutes}{AmPm}</p>
	</div>
	</div>
	{/block:Text}

	{block:Photo}
	<div id="post">
	<div class="entry-type"><a href="{Permalink}"><img src="http://i39.tinypic.com/30vkoax.gif" alt="Photograph"></a></div>
	<div class="entry-content"><p>{LinkOpenTag}<img src="{PhotoURL-500}" class="photo" alt="{PhotoAlt}" /></a></p>{LinkCloseTag}<p>
	{block:Caption}
	{Caption}
	{/block:Caption}
	<br /><br />{block:RebloggedFrom}<span class="small">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</span>{/block:RebloggedFrom}
	{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
	<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, {12Hour}:{Minutes}{AmPm}</p>
	</div>
	</div>
	{/block:Photo}

	{block:Link}
	<div id="post">
	<div class="entry-type"><a href="{Permalink}"><img src="http://i42.tinypic.com/288wbc8.gif" alt="Link"></a></div>
	<div class="entry-content"><p><a href="{URL}" class="link-title" {Target}>{Name}</a><p>{block:Description} {Description} {/block:Description}</p>
	<br /><br />{block:RebloggedFrom}<span class="small">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</span>{/block:RebloggedFrom}
	{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
	<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, {12Hour}:{Minutes}{AmPm}</p>
	</div>
	</div>
	{/block:Link}

	{block:Video}
	<div id="post">
	<div class="entry-type"><a href="{Permalink}"><img src="http://i39.tinypic.com/5uefe8.gif" alt="Video"></a></div>
	<div class="entry-content"><p>{Video-500}<p>{block:Caption} {Caption} {/block:Caption}
	<br /><br />{block:RebloggedFrom}<span class="small">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</span>{/block:RebloggedFrom}
	{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
	<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, {12Hour}:{Minutes}{AmPm}</p>
	</div>
	</div>
	{/block:Video}

	{block:Quote}
	<div id="post" class="quotation">
	<div class="entry-type"><a href="{Permalink}"><img src="http://i39.tinypic.com/jrbaq8.gif" alt="Quote"></a></div>
	<div class="entry-content"><blockquote>“{Quote}”</blockquote><p class="cite">{block:Source}— {Source}{/block:Source}</p>
	<br /><br />{block:RebloggedFrom}<span class="small">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</span>{/block:RebloggedFrom}
	{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
	<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, {12Hour}:{Minutes}{AmPm}</p>
	</div>
	</div>
	{/block:Quote}

	{block:Audio}
	<div id="post">
	<div class="entry-type"><a href="{Permalink}"><img src="http://i39.tinypic.com/2akfqlv.gif" alt="Audio"></a></div>
	<div class="entry-content"><p>{AudioPlayerWhite}<p>{block:ExternalAudio}<a href="{ExternalAudioURL}">Download</a>{/block:ExternalAudio}</p>{block:Caption}{Caption}{/block:Caption}
	<br />
	<span class="small">Played {FormattedPlayCount} time(s).</span>
	<br /><br />{block:RebloggedFrom}<span class="small">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</span>{/block:RebloggedFrom}
	{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
	<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, {12Hour}:{Minutes}{AmPm}</p>
	</div>
	</div>
	{/block:Audio}

	{block:Chat}
	<div id="post" class="chat">
	{block:Title}<h2 class="entry-title">{Title}</h2>{/block:Title}
	<div class="entry-type"><a href="{Permalink}"><img src="http://i43.tinypic.com/xpn714.gif" alt="Chat"></a></div>
	<div class="entry-content"><ul>
	{block:Lines}
	<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
	{/block:Lines}
	</ul>
	<br /><br />{block:RebloggedFrom}<span class="small">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</span>{/block:RebloggedFrom}
	{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
	<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, {12Hour}:{Minutes}{AmPm}</p>
	</div>
	</div>
	{/block:Chat}

	{/block:Posts}

	<div id="pagenav">
	<div class="inside">
	{block:IndexPage}
	{block:NextPage}<a id="back" href="{NextPage}">← Retrograde</a>{/block:NextPage}
	<span id="pages">Page {CurrentPage} of {TotalPages}</span>
	{block:PreviousPage}<a id="forward" href="{PreviousPage}">Anterograde →</a>{/block:PreviousPage}
	{/block:IndexPage}

	{block:PermalinkPagination}
	{block:NextPost}<a id="forward" href="{NextPost}">Anterograde →</a> {/block:NextPost}
	<span id="pages">~</span>
	{block:PreviousPost}<a id="back" href="{PreviousPost}">← Retrograde</a>{/block:PreviousPost}
	{/block:PermalinkPagination}
	</div>
	</div>

	<div id="footer">
	Designed by <a class="red" href="http://redfield.tumblr.com">Redfield</a>. Icons by <a href="http://cameron.io">Cameron Hunt</a>. Powered by <a href="http://www.tumblr.com/">Tumblr</a>.
	</div>
	</div>
	</div>
	</body>
	</html>
	/* TAG PAGE */
	.tags .post { position: relative; float: left; padding: 0 2.5%; width: 45%; height: 350px; overflow: hidden; }
	.tags .photo .mask { position: relative; overflow: hidden; width: 100%; height: 100%; }
	.tags .photo img { margin-left: -50%; }
	.tags .photo .caption { position: absolute; top: 0; left: 0; margin: 0; padding: 5px 2.5%; width: 95%; background: #fff; }
	.tags .photo .post-footer { position: absolute; bottom: 0; left: 0; margin: 0; padding: 5px 2.5%; width: 95%; background: #fff; }
	/* TAG STYLES */
	body { font: normal 14px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; }
	a, a:visited, a:active { text-decoration: underline; }
	a:hover, a:focus { text-decoration: none; }
	a img { border: 0; }
	h1, h2, h3, h4, h5, h6 { font-family: Georgia, serif; font-weight: normal; }
	p, ul, ol, blockquote { margin: 0 0 1.5em; }
	ul, ol, blockquote { padding: 0 2em; }
	blockquote { font-family: Georgia, serif; font-style: italic; }
	ul { list-style: square; }
	ol { list-style: decimal; }
	a img { border: 0; }
	/* CLEAR FIX */
	.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; line-height: 0; overflow: hidden; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }
	/* BASIC LAYOUT */
	#wrapper { margin: 0; border-top: 7px solid blue; padding: 20px 0 0; }
	#contain, #footer-container { position: relative; margin: 0 auto; padding: 0 50px 0 100px; }
	#header { position: relative; margin: 0 27% 0 0; border-bottom: none; padding: 0 0 15px; width: 73%; height: 2em; min-width: 500px; }
	#header a { text-decoration: none; }
	#title { position: absolute; bottom: 0px; left: 0; margin: 0; padding: 0 0 15px; font-weight: normal; font-size: 2em; line-height: 1; }
	#meta { position: absolute; bottom: 0.25em; right: 0; margin: 0; padding: 0 0 15px; list-style: none; }
	#meta li { float: left; padding: 0 0 0 5px; font-size: 0.85714286em; font-weight: bold; }
	/* CONTENT */
	#content { float: left; position: relative; width: 73%; }
	html > body #content { min-width: 500px; }
	#content h2 { position: relative; font-size: 1.4em; line-height: 1.1em; margin: 0.25em 0 0.75em; }
	#searchresultcount { font-style: italic; margin: 0 0 1.5em; }
	#tagresultcount { font-style: italic; margin: 0 0 1.5em; }
	.post { border-bottom: 1px solid #ccc; padding: 30px 0; }
	.regular h4 { font-size: 1.2em; margin-bottom: 0.5em; margin-top: 2.2em; }
	.quote big { font: bold 4em/0 Georgia, serif; padding: 0 0.1em; vertical-align: -0.45em; }
	.quote .words { display: inline; font: bold 1.1em Georgia, serif; line-height: 1.5; }
	.quote .source { display: block; margin-top: 0.5em; padding: 0; }
	.link .link-body, .quote .quote-body { margin-bottom: 1.5em; }
	.conversation ul { list-style: none; padding: 0 1em; }
	.conversation ul li .person { font-weight: bold; margin-right: 1em; }
	.post-footer { font-size: 0.8em; text-align: right; }
	.post-footer .permalink { margin-left: 1em; text-decoration: underline; }
	.post-footer .permalink:hover { text-decoration: none; }
	.post-footer .reblog { font-style: italic; margin-left: 1em; }
	.post-footer .tags { display: block; }
	/* SIDEBAR */
	#sidebar { position: fixed; top: 54px; right: 50px; margin: 0; width: 20%; }
	* html #sidebar { position: absolute; }
	#sidebar h1 a, #sidebar h1 a:visited, #sidebar h1 a:active { font-weight: normal; text-decoration: none; }
	#sidebar h1 a:hover { }
	#sidebar h1 a { display: block; }
	#sidebar div { margin: 0 0 10px; padding: 0 0 0 7px; }
	#sidebar h4 { font-size: 1em; font-weight: bold; margin: 0 0 5px; padding: 0; text-transform: uppercase; }
	#sidebar p { margin: 0; font-size: 0.9em; }
	#sidebar ul { list-style: none; margin: 0 0 40px; padding: 0; }
	#sidebar li { line-height: 1.2; }
	#sidebar #twitter_update_list a { display: block; }
	#sidebar a, #sidebar a:visited, #sidebar a:active { font-size: 0.9em; }
	#stext { position: relative; z-index: 2; border: 1px solid #ccc; padding: 0 0 0 1%; width: 98%; }
	#sbutton { position: absolute; top: 0; left: 0; visibility: hidden; }
	#tags li { float: left; padding: 0 5px 0 0; height: 2em; }
	/* FOOTER */
	#footer { clear: both; margin: 0; padding: 10px 0; overflow: auto; font-size: 0.71428571em; }
	/* PREVIOUS-NEXT LINKS */
	#pagination { position: relative; border-bottom: 1px solid blue; padding: 10px 0; height: 1em; text-align: center; line-height: 1; }
	#pagination a, #pagination a:visited, #pagination a:active { font-weight: bold; text-decoration: none; }
	#pagination #prev { position: absolute; left: 0; margin-right: 2em; }
	#pagination #next { position: absolute; right: 0; margin-left: 2em; }
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<!--
	Theme: Museum v1.3
	Author: Paul Giacherio [http://paulgiacherio.com/]
	For: Tumblr [http://tumblr.com/]
	Terms: Free to use and alter, but please give credit.
	-->
	<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:PostTitle} - {PostTitle}{/block:PostTitle}</title>

	<style type="text/css">
	*{
	margin:0;
	padding:0;
	list-style-type:none;
	text-decoration:none;}
	body{
	background:#111 url(http://themes.paulgiacherio.com/museum/bg2.jpg) fixed top center;
	font-family:arial,san-serif;
	font-size:12px;
	color:#949494;
	text-align:center;}
	#container{
	width:auto;
	margin:0 27px;
	text-align:left;}

	/HEADER STYLES/
	#header{
	padding:27px 0 36px 27px;
	position:relative;
	text-align:left;}
	#header a{
	color:#777;}
	#header a:hover{
	color:#fff;}
	#header h1 a{
	border:0;
	font-size:17px;
	line-height:18px;
	text-transform:uppercase;
	letter-spacing:.05em;}
	#header ul li{
	display:inline;}
	#header ul li a{
	border-bottom:0;
	margin-right:11px;
	line-height:18px;}
	#header ul li a:hover{
	border-bottom:0px}
	#portrait{
	width:54px;
	float:left;}

	/MAIN BOXES/
	.post{
	padding:10px;
	float:left;
	background:#000;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
	line-height:18px;}
	.photo,.quote,.link,.conversation,.video,.audio,.regular{
	min-height:350px;
	width:530px;}
	body#index .regular,body#index .photo,body#index .quote,body#index .link,body#index .conversation,body#index .video,body#index .audio,.metabox{
	height:350px;
	width:250px;
	overflow:hidden;}

	/BIG MORE LINK AND TRICKY PNG FADE BOX TRIGGERED BY TAGGING ANY POST WITH 'more'/
	.morewrap{
	display:none;}
	body#index .more .morewrap{
	display:block}
	.morelink{
	display:block;
	background:#a00;
	position:absolute;
	top:235px;
	left:0px;
	padding:0 10px 0 45px;
	border:0;
	line-height:27px;
	z-index:3000;}
	.morelink:hover{
	border:0;
	background:#800;
	color:#fff;}
	.fade{
	position:absolute;
	bottom:10px;
	height:175px;
	background:url(http://themes.paulgiacherio.com/museum/shade.png) repeat-x left bottom;
	width:250px;
	display:block;
	z-index:100;}

	/PERMALINK AND COMMENT COUNT LINKS/
	.permalink, .disquscount {
	border-width: 0px;
	height: 11px;
	line-height:11px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	color:#444;
	z-index:200;
	display:none/HIDE ON PERMALINK PAGES/}
	body#index .permalink, body#index .disquscount{
	display:block;}
	.disquscount{
	right:auto;
	left:10px;
	color:#444;}
	.permalink:hover,.disquscount:hover{
	color:#fff;
	border:0;}

	/PHOTO STYLES/
	.photo/PERMALINK PAGES STRETCH TO FIT PHOTO/{
	height:auto;}
	.photo .photobox a{
	border:0;}
	.photo img{
	border:15px solid #111;
	margin-bottom:10px;}
	.photo a:hover img{
	border-color:#222;}
	body#index .photo img/TRICK TO CENTER THE PHOTOS IN THE VISIBLE BOX ON INDEX PAGES/{
	left:50%;
	margin-left:-50%;
	border:0;}
	body#index .slim .photo img{left:0;margin-left:0;}/IF YOUR IMAGES ARE NARROW AND OFF TO THE LEFT TAG THEM AS 'slim' AND THEY WILL SIT TOP LEFT/
	body#index .photo .permalink/SPECIAL PERMALINK FORMATTING FOR PHOTO PAGES/{
	position: absolute;
	top: 0px;
	right: 20px;
	display:none;
	padding:15px 7px 7px;
	background:#a00;
	color:#FFF;
	font-size:16px;}
	body#index .photo:hover .permalink{
	display:block;}
	body#index .photo .permalink:hover{
	background:#800;
	border:0;}
	body#index .photo .caption/OVERLAY TRANSPARENT CAPTION AT BOTTOM OF PHOTO/{
	position:absolute;
	bottom:10px;
	left:10px;
	background:#000;
	opacity:.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	width:250px;
	padding:10px 0 10px 0;
	z-index:100;}
	body#index .photo .caption p{
	padding:0 5px;margin:0;}
	body#index .photo b{
	display:block;margin-bottom:5px;}



	/REGULAR TEXT POST STYLES/
	body#index .pad{
	padding-top:36px;}

	/AUDIO/VIDEO STYLES/
	.player{
	padding:60px 20px;
	border:1px solid #222;
	background:#111;
	margin:0 0 10px 18px;
	float:right;}
	body#index .player{
	padding:60px 0 60px 20px;
	margin:0 0 10px 0;
	float:none;}
	/body#index .video embed,body#index .video object{/
	/* height:auto;width:248px;margin:0;}*/
	/.video embed{margin:0 0 0 15px;}/
	.video .caption{
	padding-top:10px;}

	/QUOTE STYLES/
	.quotetext{
	font-size:22px;
	font-family:courier;
	line-height:22px;
	padding-bottom:11px;
	color:#777;
	padding-top:36px;
	word-spacing:-.2em;
	letter-spacing:-.04em;}
	.source{
	font-family:arial;
	font-size:11px;
	text-align:right;
	color:#666;}

	/CONVERSATION STYLES/
	.conversation ul li{
	line-height:18px;
	border-bottom:1px dotted #222;
	padding:3px 0 3px 0px}
	.conversation ul li span{
	color:#ccc;}
	.even{
	border-bottom:1px dotted #222;}

	/GENERAL CONTENT STYLES/
	a {
	color:#FFF;
	border-bottom:1px dotted #444;
	text-decoration:none;}
	a:hover{
	color:#ccc;
	border-bottom:1px solid #ccc;}
	p{
	line-height:18px;
	margin-bottom:9px;}
	h1,.photo strong, .photo b, .video strong, .video b, .audio strong, .audio b{
	font-weight:normal;
	font-size:16px;
	line-height:18px;
	color:#FFF;}
	h1{
	padding:0 0 9px 0;}
	h2{
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	color:#e00;
	margin:9px 0 9px 0;}
	h3{
	text-transform:uppercase;
	font-size:10px;
	color:#fff;
	line-height:18px;}
	ol{
	margin-bottom:9px;}
	ol li{
	list-style:decimal outside;
	margin:0 0 0 20px;
	padding:0 0 5px 0;}
	blockquote{
	margin:0 20px 9px;}

	/PAGENAVIGATION BOX STYLES/
	#navigation/HIDDEN ON PERMALINK PAGES/{
	display:none;}
	body#index #navigation{
	display:block;
	text-align:center;
	float:left;
	background:#000;
	height:370px;
	width:270px;
	position:relative;}
	#pagetab{
	height: 11px;
	line-height:10px;
	font-size:11px;
	position: absolute;
	top: 0px;
	left: 20px;
	color:#949494;
	padding:15px 7px 7px;
	background:#222;}
	.pages{
	line-height:225px;
	font-size:11px;}
	.pages span{
	font-size:110px;
	vertical-align:middle;}
	.total{
	color:#222;}
	#navigation a{
	border:1px solid #222;
	line-height:27px;
	padding:5px 9px;
	color:#444;}
	#navigation a:hover{
	background:#111;
	color:#fff;}

	/FOOTER STYLES/
	#footer{
	color:#555;
	clear:both;
	padding:40px 0;
	text-align:left;}
	#footer a{
	color:#555;
	border:0;}
	#footer a:hover{
	color:#fff;}

	/META BOX LOCATED ON PERMALINK PAGES/
	body#index .meta/HIDDEN ON INDEX PAGES/{
	display:none;}
	.meta{
	display:block;
	float:left;
	text-align:left;
	background:#000;
	padding:10px;}
	.meta span{
	text-transform:uppercase;
	font-size:10px;
	color:#fff;
	display:block;
	line-height:18px;}

	/DISQUS STYLES/
	body#index .comments{display:none}
	.comments{width:530px;}
	#disqus_thread{padding-top:36px;margin-top:36px;border-top:1px solid #222;}
	#dsq-content #dsq-options-toggle { display: none; }
	#dsq-content #dsq-extra-links { display: none; }
	#dsq-content #dsq-add-new-comment{margin-top:36px;}
	#dsq-content #dsq-comments .dsq-comment-rate { display: none; }
	#dsq-content #dsq-comments .dsq-comment-header{ background: #111; }
	#dsq-content #dsq-comments .dsq-header-meta{color:#444;}
	#dsq-content #dsq-comments ul{border:0;}
	#dsq-content #dsq-comments .dsq-comment{background:#111;padding:10px;}
	#dsq-content #dsq-comments .dsq-comment-footer{display:none;}


	/LIVE SEARCE STYLES/
	.searchbox {
	position:relative;
	margin-left:280px;
	width:500px;
	padding:0;}
	.searchbox input{
	position:absolute;
	top:-22px;
	left:280px;
	padding:2px;
	font-size:13px;
	width:180px;
	border:1px solid #000;
	border-color:#000 #2f2f2f #2f2f2f #a00;
	border-width:1px 1px 1px 2px;
	background:#202020;
	color:#fff}
	#SearchBox1results{
	padding-top:18px;}
	.searchmatch{
	background-color:#a00;
	color:#fff;}
	.searchresultrow {
	background:#000;
	font-family:verdana;
	font-size:12px;
	padding:10px;
	margin-top:10px;
	overflow:hidden;
	border:1px solid #000;
	width:530px;}
	.searchresultrow:hover {
	cursor:pointer;
	border:1px solid #222;
	background:#191919;}
	#header .searchresultrow a {
	font-size:14px;
	color:#fff;
	text-decoration:none;}
	.searchexcerpt {
	color:#AAA;
	padding:5px 0;
	font-size:12px;}
	.searchexcerpt span {
	background:#a00;
	color:#fff;}
	</style>

	<!--[if IE 6]>
	<style type="text/css">
	.post,#navigation,.meta{background:#010101;}
	.photo,.quote,.link,.conversation,.video,.audio,.regular{height:350px;overflow:visible;}
	body#index .fade{z-index:100;position:absolute;bottom:8px;}
	</style>
	<script type="text/javascript" src="http://themes.paulgiacherio.com/museum/supersleight-min.js"></script>
	<![endif]-->
	<style type="text/css">
	{CustomCSS}
	</style>
	<script src="http://www.thisismydevsite.com/tumblr.js" type="text/javascript"></script>
	</head>

	<body {block:IndexPage}id="index"{/block:IndexPage}>
	<div id="header">
	<!--UNCOMMENT TO INCLUDE PORTRAIT PHOTO
	<div id="portrait"><img src="{PortraitURL-40}" alt="{Title}" /></div>
	-->
	<h1><a href="/">{Title}</a></h1>
	<ul>
	<li><a href="/archive">archive</a></li>
	<li><a href="/mobile">mobile</a></li>
	<li><a href="{RSS}">rss feed</a></li>
	</ul>
	<div class="searchbox">
	<script type="text/javascript">Tumblr.searchBox()</script>
	</div>
	</div>

	<div id="container">
	{block:Posts}
	<div class="post {TagsAsClasses}">

	{block:Regular}
	<div class="regular">
	<div class="morewrap"><!--MOREWRAP TRIGGERED BY TAGGING POST 'more'-->
	<a href="{Permalink}" class="morelink">more +</a>
	<div class="fade"></div>
	</div><!--END MOREWRAP-->
	<div class="pad"><!--PAD BUMPS INDEX PAGE TEXT-->
	{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
	{Body}
	</div>
	<a href="{Permalink}" class="permalink">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
	<!--UNCOMMENT BELOW TO ENABLE COMMENTS COUNT FOR REGULAR POSTS-->
	<!--<a href="{Permalink}#disqus_thread" class="disquscount">Comments (View)</a>-->
	</div>
	{/block:Regular}

	{block:Photo}
	<div class="photo">
	<!--MORELINK DISABLED FOR PHOTOS- IT INTERFERES WITH CAPTION. UNCOMMENT NEXT FOUR LINES IF YOU GOTTA HAVE MORE LINK ON PHOTOS-->
	<!--<div class="morewrap">-->
	<!--<a href="{Permalink}" class="morelink">more +</a>-->
	<!--<div class="fade"></div>-->
	<!--</div>-->

	<a href="{Permalink}" class="permalink">+</a><!--SPECIAL TREATMENT FOR PHOTO PERMALINK-->
	<div class="photobox">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
	{block:Caption}
	<div class="caption">{Caption}</div>
	{/block:Caption}
	</div>
	{/block:Photo}

	{block:Quote}
	<div class="quote">
	<div class="morewrap"><!--MOREWRAP TRIGGERED BY TAGGING POST 'more'-->
	<a href="{Permalink}" class="morelink">more +</a>
	<div class="fade"></div>
	</div><!--END MOREWRAP-->
	<div class="quotetext">
	{Quote}
	</div>
	{block:Source}<div class="source">— {Source}</div>{/block:Source}
	<a href="{Permalink}" class="permalink">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
	<!--UNCOMMENT BELOW TO ENABLE COMMENTS COUNT FOR QUOTE POSTS-->
	<!--<a href="{Permalink}#disqus_thread" class="disquscount">Comments (View)</a>-->

	</div>
	{/block:Quote}

	{block:Link}
	<div class="link">
	<div class="morewrap"><!--MOREWRAP TRIGGERED BY TAGGING POST 'more'-->
	<a href="{Permalink}" class="morelink">more +</a>
	<div class="fade"></div>
	</div><!--END MOREWRAP-->
	<div class="pad">
	<h1><a href="{URL}" {Target}>{Name} » </a></h1>
	{block:Description}
	<p class="description">{Description}</p>
	{/block:Description}
	</div>
	<a href="{Permalink}" class="permalink">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
	<!--UNCOMMENT BELOW TO ENABLE COMMENTS COUNT FOR LINK POSTS-->
	<!--<a href="{Permalink}#disqus_thread" class="disquscount">Comments (View)</a>-->
	</div>
	{/block:Link}

	{block:Conversation}
	<div class="conversation">
	<div class="morewrap"><!--MOREWRAP TRIGGERED BY TAGGING POST 'more'-->
	<a href="{Permalink}" class="morelink">more +</a>
	<div class="fade"></div>
	</div><!--END MOREWRAP-->
	<div class="pad">
	{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
	<ul>
	{block:Lines}
	<li class="{Alt}">
	{block:Label}<span class="label">{Label}</span>{/block:Label}
	{Line}
	</li>
	{/block:Lines}
	</ul>
	</div>
	<a href="{Permalink}" class="permalink">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
	<!--UNCOMMENT BELOW TO ENABLE COMMENTS COUNT FOR CONVERSATION POSTS-->
	<!--<a href="{Permalink}#disqus_thread" class="disquscount">Comments (View)</a>-->
	</div>
	{/block:Conversation}

	{block:Video}
	<div class="video">
	<div class="morewrap"><!--MOREWRAP TRIGGERED BY TAGGING POST 'more'-->
	<a href="{Permalink}" class="morelink">more +</a>
	<div class="fade"></div>
	</div><!--END MOREWRAP-->
	<div class="videobox">{Video-250}</div>
	{block:Caption}
	<div class="caption">{Caption}</div>
	{/block:Caption}
	<a href="{Permalink}" class="permalink">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
	<!--UNCOMMENT BELOW TO ENABLE COMMENTS COUNT FOR VIDEO POSTS-->
	<!--<a href="{Permalink}#disqus_thread" class="disquscount">Comments (View)</a>-->
	</div>
	{/block:Video}

	{block:Audio}
	<div class="audio">
	<div class="morewrap"><!--MOREWRAP TRIGGERED BY TAGGING POST 'more'-->
	<a href="{Permalink}" class="morelink">more +</a>
	<div class="fade"></div>
	</div><!--END MOREWRAP-->
	<div class="player">{AudioPlayerBlack}</div>
	{block:Caption}
	<div class="caption">{Caption}</div>
	{/block:Caption}
	<a href="{Permalink}" class="permalink">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
	<!--UNCOMMENT BELOW TO ENABLE COMMENTS COUNT FOR AUDIO POSTS-->
	<!--<a href="{Permalink}#disqus_thread" class="disquscount">Comments (View)</a>-->
	</div>
	{/block:Audio}

	<div class="comments">
	<!--PASTE DISQUS PERMALINK BLOCK HERE-->
	</div>
	</div><!--CLOSE POST-->

	<div class="meta"><!--METABOX APPEARS ON PERMALINK PAGE-->
	<div class="metabox">
	<p><span>posted :</span> {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</p>
	{block:RebloggedFrom}
	<p><span>reblogged from :</span> <a href="{ReblogParentURL}">{ReblogParentTitle}</a></p>
	{/block:RebloggedFrom}
	</div>
	</div>
	{/block:Posts}

	<div id="navigation"><!--NAVIGATION ONLY APPEARS ON INDEX PAGES-->
	<div id="pagetab">page</div>
	<div class="pages">
	<span>{CurrentPage}</span> of <span class="total">{TotalPages}</span>
	</div>
	{block:PreviousPage}
	<a href="{PreviousPage}">- Previous Page</a>
	{/block:PreviousPage}

	{block:NextPage}
	<a href="{NextPage}">Next Page +</a>
	{/block:NextPage}
	</div>

	<div id="footer">
	<a href="/rss">rss feed</a> \| <a href="http://www.tumblr.com/" target="_blank">tumblr</a> + <a href="http://paulgiacherio.com" target="_blank">paulgiacherio</a>
	</div>

	</div><!--CLOSE CONTAINER-->

	</body>
	</html>
	jQuery.noConflict();
	(function($) {
	var base = location.protocol + '//' + location.host;
	var callback = 'processPosts';
	var allTags = {};
	var retrieved = 0;
	var highCount = 1;
	function getApiUrl() { return base + '/api/read/json?callback=' + callback + '&num=50&offset=' + retrieved; }
	function getTagUrl(tag) { return base + '/tagged/' + tag; }
	function processPosts(data) {
	retrieved = retrieved + data.posts.length;
	var posts = data.posts;
	$.each(posts,processPost);
	if (retrieved < data['posts-total'] && retrieved < 150) { $.getScript(getApiUrl()); } else { render(); }
	}
	window.processPosts = processPosts;
	function processPost(i) {
	var post = this;
	var tags = post.tags;
	if (!tags) { return; }
	var i = tags.length;
	var tag, oTag;
	if (!i) { return; }
	do {
	i = i - 1;
	tag = tags[i];
	oTag = allTags[tag];
	if (oTag) {
	oTag.count = oTag.count + 1;
	} else {
	oTag = allTags[tag] = {url:getTagUrl(tag),count:1};
	}
	highCount = oTag.count > highCount ? oTag.count : highCount;
	} while (i);
	}
	function render() {
	var tagObject;
	var html = '';
	for (tag in allTags) {
	if (!allTags.hasOwnProperty(tag)) { continue; }
	html = html + '<li><a href="' + allTags[tag].url + '">' + tag + '</a></li>';
	}
	$('#tags ul').html(html);
	}
	$(function() {
	$.getScript(getApiUrl());
	});
	})(jQuery);