rendered paste body<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Title}</title><!-- Meta Tags --><!-- CSS Styling --><style type="text/css" >html, body, div, span, applet, object, iframe, 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; }html { background-color: #D9FFF5; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } h1 { color: #00522C; font-size: 35px; letter-spacing: -2px; margin: 0px; padding: 0px; font-weight: bold; } h1 a { color: #00522C; text-decoration: none; } h1 a:hover { color: #00522C; text-decoration: underline; } h1 a:visited { color: #00522C; text-decoration: none; } h2 { display: block; background-image: url('http://dl.dropbox.com/u/14452164/New%20Portfolio/PostInfo.png'); background-position: left; width: 560px; height: 35px; color: #5AB18C; font-size: 13px; font-style: italic; font-weight: normal; padding: 5px 20px 5px 35px; line-height: 14px; margin-left: -35px; margin-top: 25px; } h2 a { color: #5AB18C; text-decoration: none; } h2 a:hover { color: #5AB18C; text-decoration: underline; } h2 a:visited { color: #5AB18C; text-decoration: none; } h3 { margin: 0px; padding: 62px 0px 0px 0px; font-size: 35px; font-style: normal; font-weight: bold; letter-spacing: -2px; text-align: center; color: #00A46A; } h3 a { color: #00A46A; text-decoration: none; } h3 a:hover { color: #00A46A; text-decoration: underline; } h3 a:visited { color: #00A46A; text-decoration: none; } h4 { display: block; background-image: url('http://dl.dropbox.com/u/14452164/New%20Portfolio/SidebarCategory.png'); letter-spacing: -1px; color: #08744C; width: 230px; height: 35px; padding: 5px; padding-left: 30px; margin-left: -40px; font-weight: bold; } p { margin: 0px; padding: 0px; } p a { color: #08744C; text-decoration: underline; } p a:visited { color: #08744C; text-decoration: underline; } p a:hover { color: #00522C; text-decoration: underline; } ul { margin: 10px 0px 10px 50px; list-style-type: square; } ol { margin: 10px 0px 10px 50px; } strong { font-weight: bold; } blockquote { background-color: #D9FFF5; font-family: "Lucida Console", Monaco5, monospace; margin: 10px 35px 10px 35px; padding: 15px; line-height: 20px; } #header { background-image: url('http://dl.dropbox.com/u/14452164/New%20Portfolio/TitleBackground.png'); width: 100%; height: 350px; overflow: hidden; } #headerImage { width: 800px; height: 400px; margin: 0 auto; } #navigation { background-image: url('http://dl.dropbox.com/u/14452164/New%20Portfolio/NavigationBackground.png'); width: 100%; height: 170px; margin-top: -55px; } #container { width: 1050px; margin: 0 auto; overflow: visible; } #sidebarContainer { width: 400px; float: right; margin-left: -200px; } #sidebarTop { background-image: url('http://dl.dropbox.com/u/14452164/New%20Portfolio/SidebarTop.png'); width: 200px; height: 50px; padding: 0px 100px 0px 100px; margin-top: -55px; } #portrait { background-image: url('http://dl.dropbox.com/u/14452164/New%20Portfolio/PortraitBackground.png'); width: 250px; height: 160px; margin-left: -25px; } .portrait { margin-left: 60px; margin-top: 15px; } #sidebar { background-image: url('http://dl.dropbox.com/u/14452164/New%20Portfolio/SidebarMain.png'); width: 200px; min-height: 200px; padding: 0px 100px 0px 100px; } #sidebarBottom { background-image: url('http://dl.dropbox.com/u/14452164/New%20Portfolio/SidebarBottom.png'); width: 200px; height: 125px; padding: 0px 100px 0px 100px; } .sidebarLinks { margin-top: -25px; font-weight: bold; color: #08744C; } .sidebarLinks a { color: #08744C; text-decoration: none; } .sidebarLinks a:visited { color: #08744C; text-decoration: none; } .sidebarLinks a:hover { color: #08744C;; text-decoration: underline; } #social { width: 300px; height: 125px; margin-left: 85px; margin-top: -50px; } #social a { text-decoration: none; } #social a:visited { text-decoration: none; } #social a:hover { text-decoration: none; } .socialicon { margin-top: 5px; } #mainContainer { width: 750px; float: left; } #mainTop { background-image: url('http://dl.dropbox.com/u/14452164/New%20Portfolio/BodyTop.png'); background-repeat: no-repeat; width: 560px; height: 50px; margin-top: -55px; padding: 0px 95px 0px 95px; z-index: -10; } #main { background-image: url('http://dl.dropbox.com/u/14452164/New%20Portfolio/BodyMain.png'); width: 560px; min-height: 500px; padding: 0px 95px 0px 95px; z-index: -10; } #mainBottom { background-image: url('http://dl.dropbox.com/u/14452164/New%20Portfolio/BodyBottom.png'); width: 560px; height: 100px; padding: 0px 95px 0px 95px; z-index: -10; } #tumblr_controls { position: fixed; bottom: 0px; right: 0px; } #footer { clear: both; background-image: url('http://dl.dropbox.com/u/14452164/New%20Portfolio/Footer.png'); width: 100%; height: 230px; margin: 0px; padding: 0px; } .photo { margin-bottom: 15px; width: 560px; } .photoinfo { color: #00522C; font-size: 11px; margin-top: -10px; margin-bottom: 10px; line-height: 13px; text-align: left; } .quote { background-color: #D9FFF5; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-style: italic; margin: 0px 35px 10px 35px; padding: 15px; line-height: 20px; } .odd { margin: 5px 0px 5px 0px; padding: 5px; }.even { background-color: #D9FFF5; margin: 5px 0px 5px 0px; padding: 5px; } .albumart { margin-bottom: 10px; } .musicinfo { color: #00522C; font-size: 11px; margin-bottom: 10px; margin-top: 5px; line-height: 13px; text-align: left; } .videoinfo { color: #00522C; font-size: 11px; margin-bottom: 10px; margin-top: 5px; line-height: 13px; text-align: left; } .asker { width: 64px; padding-bottom: 20px; color: #00522C; font-size: 11px; float: right; overflow: hidden; } .question { width: 450px; background-color: #D9FFF5; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-style: italic; margin: 0px 10px 10px 0px; padding: 15px; line-height: 20px; float: left; } .answer { width: 300px; } .clear { clear: both; } #post { padding-bottom: 20px; } #pagination { width: 610px; height: 70px; margin-left: -28px; }#older { background-image: url('http://dl.dropbox.com/u/14452164/New%20Portfolio/Older.png'); width: 194px; height: 70px; float: left; margin-top: 40px; } #newer { background-image: url('http://dl.dropbox.com/u/14452164/New%20Portfolio/Newer.png'); width: 194px; height: 70px; float: right; margin-top: 40px; } {CustomCSS}</style></head><!-- Body --><body><div id="header"> <div id="headerImage"> <a href="/"> <img src="http://dl.dropbox.com/u/14452164/New%20Portfolio/Title.png"> </a> </div><!--headerImage--></div><!--header--><div id="navigation"><h3><a href="/">home</a> portfolio about contact</h3></div><!--navigation--><div id="container"><div id="sidebarContainer"> <div id="sidebarTop"> </div><!--sidebarTop--> <div id="sidebar"> <div id="portrait"> <img class="portrait" src="{PortraitURL-128}" /> </div><!--portrait--> <h4>CATEGORIES</h4> <p class="sidebarLinks"><a href="/">all posts</a><br /> <a href="/tagged/resources">resources</a><br /> <a href="/tagged/lessons_learned">lessons learned</a><br /> <a href="/tagged/photography">photography</a><br /> <a href="/tagged/miscellaneous">miscellaneous</a></p> </div><!--sidebar--> <div id="sidebarBottom"> </div><!--sidebarBottom--> <div id="social"> <!--facebook--> <a href="http://www.facebook.com/eric11bently"> <img class="facebook" src="http://dl.dropbox.com/u/14452164/New%20Portfolio/facebook.png" /> </a> <!--twitter--> <a href="http://twitter.com/#!/EricBentley"> <img class="socialicon" src="http://dl.dropbox.com/u/14452164/New%20Portfolio/twitter.png" /> </a> <!--tumblr--> <a href="http://ericbentley.tumblr.com"> <img class="socialicon" src="http://dl.dropbox.com/u/14452164/New%20Portfolio/tumblr.png" /> </a> <!--googleplus--> <a href="http://plus.google.com/114799537748543651145"> <img class="socialicon" src="http://dl.dropbox.com/u/14452164/New%20Portfolio/googleplus.png" /> </a> <!--linkedin--> <a href="http://ca.linkedin.com/pub/eric-bentley/31/954/922"> <img class="socialicon" src="http://dl.dropbox.com/u/14452164/New%20Portfolio/linkedin.png" /> </a> <!--email--> <a href="mailto:eric-bentley@hotmail.com"> <img class="socialicon" src="http://dl.dropbox.com/u/14452164/New%20Portfolio/email.png" /> </a> </div><!--social--></div><!--sidebarContainer--><div id="mainContainer"> <div id="mainTop"> </div><!--mainTop--> <div id="main"> {block:Posts} <div id="post"> {block:Text} {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title} <p>{Body}</p> <h2>{DayOfWeek}, {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - Posted under {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</h2> {/block:Text} {block:Photo} <a href="{LinkURL}"><img class="photo" src="{PhotoURL-500}" /></a> <p class="photoinfo"> {block:Exif} {block:Camera} Camera: {Camera}<br /> {/block:Camera} {block:Aperture} Aperture: {Aperture}<br /> {/block:Aperture} {block:Exposure} Exposure: {Exposure}<br /> {/block:Exposure} {block:FocalLength} Focal Length: {FocalLength}<br /> {/block:FocalLength} {/block:Exif} {block:HighRes}<a href="{PhotoURL-HighRes}">High-Res</a><br />{/block:HighRes} </p> {block:Caption}<p>{Caption}</p>{/block:Caption} <h2>{DayOfWeek}, {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - Posted under {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</h2> {/block:Photo} {block:Photoset} <h2>{DayOfWeek}, {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - Posted under {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</h2> {Photoset-500} {block:Caption}<p>{Caption}</p>{/block:Caption} {/block:Photoset} {block:Quote} <p class="quote">{Quote}</p> {block:Source}<p class="quotesource">- {Source}</p>{/block:Source} <h2>{DayOfWeek}, {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - Posted under {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</h2> {/block:Quote} {block:Link} <h1><a href="{URL}">{Name}</a></h1> {block:Description}<p>{Description}</p>{/block:Description} <h2>{DayOfWeek}, {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - Posted under {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</h2> {/block:Link} {block:Chat} {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title} {block:Lines}<p class="{Alt}">{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</p>{/block:Lines} <h2>{DayOfWeek}, {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - Posted under {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</h2> {/block:Chat} {block:Audio} {block:AlbumArt} <img class="albumart" src="{AlbumArtURL}" /> {/block:AlbumArt} {AudioPlayerBlack} <p class="musicinfo"> {block:Artist} Artist: {Artist}<br /> {/block:Artist} {block:Album} Album: {Album}<br /> {/block:Album} {block:TrackName} Track Name: {TrackName}<br /> {/block:TrackName} {PlayCountWithLabel}<br /> {block:ExternalAudio}<a href="{ExternalAudioURL}">External Audio URL</a>{/block:ExternalAudio} {block:Caption}<p>{Caption}</p>{/block:Caption} <h2>{DayOfWeek}, {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - Posted under {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</h2> {/block:Audio} {block:Video} {Video-500} <p class="videoinfo">{PlayCountWithLabel}</p> {block:Caption}<p>{Caption}</p>{/block:Caption} <h2>{DayOfWeek}, {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - Posted under {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</h2> {/block:Video} {block:Answer} <p class="asker"><img class="askerportrait" src="{AskerPortraitURL-64}" /> {Asker} <p class="question">{Question}</p> <p class="answer">{Answer}</p> <p class="clear"></p> {/block:Answer} </div><!--post--> {/block:Posts} <div id="pagination"> <div id="older"> </div><!--older--> <div id="newer"> </div><!--newer--> </div><!--pagination--> </div><!--main--> <div id="mainBottom"> </div><!--mainBottom"--></div><!--mainContainer--></div><!--container--><div id="footer"></div><!--footer--></body></html>