Untitled

<!--doctype html-->
<html>
    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}
        <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
        <style>
            html, body, div, span, applet, object, iframe,
            h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	        a, abbr, acronym, address, big, cite, code,
	        del, dfn, em, img, ins, kbd, q, s, samp,
	        small, strike, strong, sub, sup, tt, var,
	        b, u, i, center,
	        dl, dt, dd, ol, ul, li,
	        fieldset, form, label, legend,
	        table, caption, tbody, tfoot, thead, tr, th, td,
	        article, aside, canvas, details, embed,
	        figure, figcaption, footer, header, hgroup,
	        menu, nav, output, ruby, section, summary,
	        time, mark, audio, video {
	        	margin: 0;
	        	padding: 0;
	        	border: 0;
	        	font-size: 100%;
	        	font: inherit;
	        	vertical-align: baseline;
	        }
	        /* HTML5 display-role reset for older browsers */
	        article, aside, details, figcaption, figure,
	        footer, header, hgroup, menu, nav, section {
	        	display: block;
	        }
	        body {
	        	line-height: 1;
	        	font-family: sans-serif;
	        	background: #EFEFEF;
	        	font-size: 12px;
	        }
	        a{
	        	color: #545454;
	        }
	        a:visited{
	        	color: #545454;
	        }
	        a:hover{
	        	color: #414141;
	        }
	        p{
	        	line-height: 1.6;
	        	margin: 10px 0;
	        }
	        ol, ul {
	        	list-style: none;
	        }
	        blockquote, q {
	        	quotes: none;
	        }
	        blockquote:before, blockquote:after,
	        q:before, q:after {
	        	content: '';
	        	content: none;
	        }
	        table {
	        	border-collapse: collapse;
	        	border-spacing: 0;
	        }
	        article{
	        	position: relative;
	        }
	        article img{
	        	width: 100%;
	        	margin-bottom: -5px;
	        }
	        .permalinkdesc{
	        	width: 500px;
	        	margin: 25px auto;
	        }
            ol.notes {
                padding: 0px;
                width: 500px;
                margin: 25px auto;
                list-style-type: none;
            }

            ol.notes li.note {
                padding: 10px 10px;
                background: #FFF;
                display: inline-block;
                margin-bottom: 4px;
                border-radius: 3px;
            }

            .note:even{
            	background: #F7F7F7;
            }

            ol.notes li.note img.avatar {
                vertical-align: -4px;
                margin-right: 10px;
                width: 16px;
                height: 16px;
            }
            ol.notes li.note .answer_content {
                font-weight: normal;
            }

            ol.notes li.note blockquote {
                border-color: #eee;
                padding: 4px 10px;
                margin: 10px 0px 0px 25px;
            }

            ol.notes li.note blockquote a {
                text-decoration: none;
            }
            p.footer{
            	font-style: italic;
            }
            .tags{
            	margin: 25px 0;
            }
            .tags li{
            	display: inline;
            	background: #FFF;
            	border-radius: 2px;
            	padding: 4px;
            	margin: 5px 5px 0 0;
            }
            .tags li:hover{
            	background: #f8f8f8;
            }
            .tags li a{
            	text-decoration: none;
            	color: #545454;
            }
            .caption{
            	font-size: 18px;
            	font-weight: bold;
            }
            .anchorNext{
            	width:10%;
            	height:100%;
            	position:fixed;
            	top:0;
            	right:0;
            	float:left;
            	overflow:none;
            	text-decoration: none;
            	border-right: 0px solid #efefef;
            }
            .anchorPrev{
            	width:10%;
            	height:100%;
            	position:fixed;
            	top:0;
            	left:0;
            	float:left;
            	overflow:none;
            	text-decoration: none;
            	border-left: 0px solid #efefef;
            }
            .anchorPrev:hover{
            	border-left: 10px solid #efefef;
            }
            .anchorNext:hover{
            	border-right: 10px solid #efefef;
            }

            .previous, .next{
            	font-size: 14px;
            	color: #000;
            	position: absolute;
            	top: 50%;
            	margin-top: -20px;
            	background-color: #efefef;
            	padding:10px 20px;
            	opacity: 0;
            }
            .next{
            	right: 0;
            }
            .anchorPrev:hover .previous, .anchorNext:hover .next{
            	background-color: #efefef;
            	opacity: 1;
            }
            .next, .previous, .anchorNext, .anchorPrev{
            		-webkit-transition: all .2s ease-in-out;
            		-moz-transition: all .2s ease-in-out;
            		-o-transition: all .2s ease-in-out;
            		transition: all .2s ease-in-out;
            }

            b{
            	font-size:12px;
            	weight:normal;
            }

            .permalinkdesc img{
            	width:500px
            }
        </style>

    </head>
    <body>

		<div class="content">
	    	<div class = "autopagerize_page_element" >
	    	{block:Posts}
	    	{block:Photo}
	    		<article>
	    			<a href="{Permalink}">
	    				{block:HighRes}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{/block:HighRes}
	    			</a>
	    		</article>

	    		{block:PermalinkPagination}

	    		{block:PreviousPost}
	    			<a href="{PreviousPost}" class="anchorPrev"><div class="previous">Older</div></a>
	    		{/block:PreviousPost}

	    		{block:NextPost}
	    			<a href="{NextPost}" class="anchorNext"><div class="next">Newer</div></a>
	    		{/block:NextPost}

	    		{/block:PermalinkPagination}
	    		{block:PermalinkPage}

	    			<section class="permalinkdesc">

	    				{block:HasTags}
	    					<ul class="tags">
	    						{block:Tags}
	    						    <li>
	    						        <a href="{TagURL}">#{Tag}</a>
	    						    </li>
	    						{/block:Tags}
	    					 </ul>
	    				{/block:HasTags}

	    				<div class="caption">{Caption}</div>


	    			</section>
	    		{/block:PermalinkPage}

	    		{block:PostNotes}{PostNotes}{/block:PostNotes}

	    	{/block:Photo}
	    	{/block:Posts}
	    	</div>
    	</div>

    </body>
</html>