{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <meta http-equiv="X-UA-Compatible" content="chrome=1"/> <meta name="color:Main Background" content="#454545"/> <meta name="color:Header Background" content="#000"/> <meta name="color:Title" content="#fff"/> <meta name="color:Title Hover" content="#999"/> <meta name="color:Header Links" content="#666"/> <meta name="color:Post Background" content="#F2EFDF"/> <meta name="color:Link" content="#C02B00"/> <meta name="color:Link Hover" content="#C02B00"/> <meta name="color:Body Text" content="#555"/> <meta name="color:Caption Text" content="#fff"/> <meta name="color:Chat Highlight" content="#fff"/> <meta name="color:Reblog Stripe" content="#C02B00"/> <meta name="color:Footer Links" content="#fff"/> <meta name="color:Tool Tip Background" content="#888"/> <meta name="if:Allow Post Size Toggling" content="1"/> <meta name="if:Default to Large Sized Posts" content="0"/> <meta name="if:Allow Post Sorting" content="1"/> <meta name="if:Show Hover Tips" content="1"/> <meta name="image:Background" content="http://static.tumblr.com/ybdgkw4/8wKE9dwSQ/brownpaper_bg.jpg"/> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-equiv="imagetoolbar" content="no" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="copyright" content="" /> <meta name="revisit-after" content="3 days" /> <meta name="MSSmartTagsPreventParsing" content="true" /> <script src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.3/mootools-yui-compressed.js" type="text/javascript" charset="utf-8"> <script src="http://static.tumblr.com/ybdgkw4/PYvkqhjbk/mootools-1.2.3.1-more-photoboard.js" type="text/javascript" charset="utf-8"> <style type="text/css" media="screen"> /* Theme: Photo Board 2.0 Release date: Sep 24 2009 Author: Ben Delaney (http://bendelaney.me/) */ /*BASIC RESET*/ * {margin:0; padding:0;} fieldset,img {border:0;} ol,ul {list-style:none;} a:active, a:focus {outline: 0;} h1,h2,h3,h4,h5,h6,span {font-size:100%;font-weight:normal;} /*General*/

body { font-family: "Arial Rounded MT Bold",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 12px; width: 100%; background-color: {color:Main Background}; background-image: url({image:Background}); } #wrapper { width: 100%; } a, a:visited { color: {color:Link}; text-decoration: none; } a:hover {text-decoration: underline;} /*Header*/ #header { height: 100px; background: {color:Header Background}; } #header h1 { font-size: 75px; font-family: "Arial Rounded MT Bold",Helvetica,Arial,"Lucida Grande",sans-serif; margin-left: 14px; margin-right: 20px; padding-top: 4px; float: left; } #header h1 a, #header h1 a:visited { color: {color:Title}; text-decoration: none; } #header h1 a:hover { color: {color:Title Hover}; } #header #sizes { float: left; width: 150px; {block:PermalinkPage}display:none;{/block:PermalinkPage} } #header #sizes li { float: left; } #header #sizes li a, #header #sizes li a:visited { font-family: "Arial Rounded MT Bold",Helvetica,Arial,"Lucida Grande",sansserif; font-size: 11px; color: {color:Header Links}; float: left; padding: 3px 8px; margin-left: 8px; margin-top: 4px; text-decoration: none; } #header #sizes li a:hover { background: {color:Header Links}; color: #fff; text-decoration: none!important; } #header #sizes li a:active { background: #000; }

#about { margin-left: 18px; font-family: Helvetica,Arial,'Lucida Grande', sans-serif; font-size: 18px; color: white; float: left; padding: 3px 8px; margin-top: 48px; } #about a, #about a:visited { margin-left: 18px; } #about a:hover { text-decoration: underline; } /*Sub-title on Tag and Search Results pages */ h2 { color: #fff; margin: 14px; font-size: 20px; } /*Posts*/ ol#posts { height:1%; overflow:hidden; } ol#posts.permalinkpage { width:545px; margin:0 auto; } .post { background: {color:Post Background}; display: block; margin: 14px; float: left; text-align: center; position: relative; overflow: hidden; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 5px 40px rgba(0,0,0,0.75); } .post .inner { padding: 22px 14px 14px; margin-bottom:14px; } .post.large { height: 708px; width: 528px; } .post.small { height: 436px; width: 328px; } ol#posts.permalinkpage .post {height:auto;} .post.large .photo img { margin-bottom: 10px; }

.post.small .photo img { margin-bottom: 10px; width: 300px; } .post.small .video object, .post.small .video object embed { width: 300px!important; } .post.large .video object, .post.large .video object embed { width: 500px!important; } .post.small .photoset embed { width: 300px!important; height: 408px!important; } .post.large .photoset embed { width: 500px!important; } .post.small .quote.short .thequote { text-align: left; font-size: 40px; } .post.large .quote.short .thequote { font-size: 54px; } .post.small .quote.medium .thequote { font-size: 26px; } .post.large .quote.medium .thequote { font-size: 34px; } .post.small .quote.long .thequote { font-size: 18px; } .post.large .quote.long .thequote { font-size: 24px; } .post.large .single-page li { float: none; margin: 14px auto; } .post h3 { font-size: 16px; margin-bottom:8px; font-weight: bold; } .post .chat, .post .link, .post .text, .post .quote, .post .audio { text-align: left; } .post .textbody, .post .audiobody, .post .linkbody, .post .photobody { text-align: left; line-height: 18px; color:{color:Body Text}; }

.textbody img { max-width: 100%; } .post p { margin-bottom:14px; } .post .link a.thelink, .post .link a.thelink:visited { margin-bottom:8px; display: block; padding-top: 1px; font-size: 24px; color: {color:Link}; } .post .link a.thelink:hover { color: {color:Link Hover}; text-decoration: underline; } .post .link .description { margin-top: 18px; } .post .quote .quotesource { padding:10px 0px 0px 20px; font-style: italic; } .post .quote .quotesource a { color:{color:Link}; } .post .audio .audioplayercontainer { background:#000; } .post .audio .audiobody { margin-top:8px; } .post .chat .chatbody { margin:8px -14px 0; font-size: 14px; color:{color:Body Text}; } .post .chat .chatbody li { padding:2px 14px; } .post .chat .chatbody li.even { background:transparent; } .post .chat .chatbody li.odd { background:{color:Chat Highlight}; } .post .chat .chatbody li span.chatlabel { font-weight: bold; padding-right:4px; color:#000; } .post .inner blockquote { margin-left:8px; padding-left:8px; border-left:2px solid #ccc; }

.post .caption { position: absolute; z-index: 500; bottom:21px; left:0; width:100%; height:228px; overflow:hidden; color: {color:Caption Text}; text-align: left; background: url(http://static.tumblr.com/ybdgkw4/BCKL9dwSQ/caption-bg.png); font-weight: bold; text-align: left; } .post .caption .captioninner { padding:8px; } .post .caption a, .post .caption a:visited { color: #fff; text-decoration: underline; } .post .caption a.readmore { display:block; position:absolute; text-decoration: none; bottom:8px; right:8px; background-color:{color:Link}; color:#fff; padding:4px 12px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } .post .caption a.readmore:hover { background-color:{color:Link Hover}; } .post .postactions { {block:PermalinkPage} display:none; {/block:PermalinkPage} position:absolute; top:0; left:0; height:20px; width:100%; z-index: 10000; } .post a.actions { display:block; width: 14px; height: 14px; background-image: url(http://static.tumblr.com/internal/6zRkqqnwf/tinyicons.png); background-repeat:no-repeat; text-indent:-9999px; margin:3px; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); } .post a.actions:hover {

opacity: 1; -moz-opacity: 1; filter:alpha(opacity=1); } .post a.subtract { float:left; background-position:left top; } .post a.flip { float:right; margin-right:6px; background-position:-14px top; } .post a.mover { float:right; margin-right:6px; background-position:-28px top; } .post a.permalink { float:right; background-position:right top; } .post .reblogged { position:absolute; z-index: 1000; padding:3px 0px; bottom:0px; left:0px; width:100%; background:{color:Reblog Stripe}; text-align: left; border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; } .post .reblogged a, .post .reblogged a:visited { color:#fff; } .post .photobody, .post .videobody { line-height: 14px; margin-bottom:14px; padding:0 14px; } .post .backside { display:none; text-align: left; overflow:hidden; margin:20px 14px 14px; line-height: 24px; } ol#posts.permalinkpage .backside { display:block; margin-top:30px; border-top: 4px dashed #e5e5e5; }

.post .backside h3 { clear:left; font-size: 20px; margin:14px 0 0; } .post .backside .taglist a { display: inline; font-size: 12px; text-decoration: none; margin-left: 8px; font-weight: normal; color: {color:Link}; } .post .taglist a:hover { color: {color:Link Hover}; } .post .backside dl { overflow:hidden; height:1%; } .post .backside dt { display:block; width:120px; float:left; clear:left; font-weight: bold; color:#000; text-transform: uppercase; } .post .backside dd { color:{color:Body Text}; display:block; float:left } .post .backside dd span { font-size: 11px; font-style: italic; } .post .backside .postnotes { margin:0 0 40px; } /*Footer*/ #footer { clear:both; text-align: center; background: transparent; font-weight: bold; {block:PermalinkPage} margin-top:200px; {/block:PermalinkPage} } #footer a, #footer a:visited { font-family: "Arial Rounded MT Bold",Helvetica,Arial,"Lucida Grande",sans-serif; color: {color:Footer Links}; } #footer #pagenav { font-size: 18px; margin-bottom: 18px; }

/*Tool-tips*/ .tip { color: #fff; z-index: 13000; } .tip-title { font-family: Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 11px; margin: 0; padding: 8px; background: {color:Tool Tip Background}; } .tip-text { display: none; } {CustomCSS} <script type="text/javascript"> window.addEvent('domready', function() { var Remover = $$('.subtract'); var Posts = $$('.post'); var Captions = $$('.caption'); var Movers = $$('.mover'); Captions.setStyle('opacity', 0).set('tween', {duration:200}); function flipAction(post, postActions, flipEffect, caption, flipper, postFrontSide, postBackSide) { var postWidth = post.getStyle('width'); post.removeEvents('mouseover', 'mouseout'); flipEffect.start({ 'margin-right': '178px', 'margin-left': '178px', 'width': '1px' }); (function() { if (!post.hasClass('flipped')) { post.removeEvents('mouseover', 'mouseout'); postFrontSide.hide(); postBackSide.adopt(postActions).show(); post.addClass('flipped'); } else if (post.hasClass('flipped')) { postFrontSide.adopt(postActions).show(); postBackSide.hide(); post.removeClass('flipped'); postHover(post); } flipEffect.start({ 'margin-right':'14px', 'margin-left':'14px', 'width': postWidth }); }).delay(250); } function postHover(post, caption) { if (!caption == '') { post.addEvents({ 'mouseover': function(){ caption.tween('opacity', 1); }, 'mouseout': function(){ caption.tween('opacity', 0); } }); } }

Posts.each (function(post, i){ var postActions = post.getElement('.postactions'); var flipEffect = new Fx.Morph(post, {duration: '200', transition: Fx.Transitions.elasticInOut}); var caption = post.getElement('.caption'); var flipper = post.getElement('.flip'); var postFrontSide = post.getElement('.inner'); var postBackSide = post.getElement('.backside'); var permalink = post.getElement('.permalink').getProperty('href'); flipper.addEvent('click', function(){ flipAction(post, postActions, flipEffect, caption, flipper, postFrontSide, postBackSide); }); post.getElement('.subtract').addEvent('click', function(){ post.setStyle("display", "none"); }); if (!post.getParent('.permalinkpage')) { postHover(post, caption); } if (!post.getElement('.caption') == '') { var captionSize = caption.getSize(); var captionContentsSize = caption.getElement('.captioninner').getSize(); if (captionContentsSize.y>captionSize.y) { var readMoreLink = new Element('a', { 'href': permalink ,'class': 'readmore' ,'html': 'read more...' }); caption.grab(readMoreLink, 'bottom'); } } }); {block:IfAllowPostSizeToggling} $('makelarge').addEvent('click', function(){ $$('.post').setStyles({ 'width': '528px', 'height': '708px' }); $$('.post img').setStyle('width', 'auto'); $$('.post').swapClass('small', 'large'); }); $('makesmall').addEvent('click', function(){ $$('.post').setStyle('width', '328px'); $$('.post').setStyles({ 'width': '328px', 'height': '436px' }); $$('.post img').setStyle('width', '300px'); $$('.post').swapClass('large', 'small'); }); {/block:IfAllowPostSizeToggling} {block:IfAllowPostSorting} var mySortables = new Sortables('posts', { revert: { duration: 500, transition: 'elastic:out' }, clone:true, handle: '.mover',

opacity: 0.25 }); {/block:IfAllowPostSorting} {block:IfShowHoverTips} new Tips('.tips'); {/block:IfShowHoverTips} }); if (Browser.Engine.trident) { CFInstall.check(); }