<![CDATA[<!DOCTYPE html>
<!---------------------------------------------------------------
Theme XXIV By Max Davis
Last update 10.08.15
Theme info + code: http://themes.mxdvs.co/themes/xxiv
More free themes: http://themes.mxdvs.co
------------------------------------------------------------- -->
<html lang="en">
<head>
<meta charset="utf-8" />
<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}
<meta name="color:Background" content="#FFFFFF" />
<meta name="color:Borders" content="#DDDDDD" />
<meta name="color:Text" content="#000000" />
<meta name="color:Links" content="#000000" />
<meta name="color:Links Hover" content="#000000" />
<meta name="color:Header Links" content="#000000" />
<meta name="image:Logo" content="" />
<meta name="select:Post Height" content="150" title="150px">
<meta name="select:Post Height" content="225" title="225px">
<meta name="select:Post Height" content="300" title="300px">
<meta name="select:Instagram Feed Length" content="4" title="4 Posts">
<meta name="select:Instagram Feed Length" content="8" title="8 Posts">
<meta name="select:Instagram Feed Length" content="12" title="12 Posts">
<meta name="if:Sidebar or Header" content="1" />
<meta name="if:Sidebar Left or Right" content="1" />
<meta name="if:Hide Description" content="1" />
<meta name="if:Twitter Tweet button" content="0" />
<meta name="if:Facebook Like button" content="1" />
<meta name="if:Facebook Comments" content="0" />
<meta name="if:Infinite Scroll" content="1" />
<meta name="if:BlogRoll" content="1" />
<meta name="text:Instagram ID Code" content="">
<meta name="text:Ask Title" content="Askbox" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 1 Title" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 2 Title" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 3 Title" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 4 Title" content="" />
<meta name="text:Link 5" content="" />
<meta name="text:Link 5 Title" content="" />
{block:IfInfiniteScroll}{block:IndexPage}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IndexPage}{/block:IfInfiniteScroll}
<link href='http://fonts.googleapis.com/css?family=Anonymous+Pro|Six+Caps|Source+Sans+Pro:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
<style type="text/css"> body { padding:0; margin:0; font-family: 'Source Sans Pro', Helvetica, arial, sans-serif; font-size:11px; color:{color:text}; background-color:{color:background};} a { color:{color:links}; text-decoration:none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} a:hover {color:{color:links hover};} a:active {outline: none;} a:focus {-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img {border:none;} .clear {clear:both;} p {margin:0;} strong {font-family: 'Source Sans Pro',sans-serif;} #container{ height: 100%; position: relative; width: 100%;} #header{ position: relative; margin:0 0 30px; {block:IfSidebarorHeader} display:none; {/block:IfSidebarorHeader}} #header h1{ display: block; letter-spacing: 4px; font-family: 'Six Caps',sans-serif; font-size: 75px; font-weight: normal; line-height: 100%; margin: 0; padding: 90px 0 45px; text-align: center; text-transform: uppercase; color:{color:header links};} #header .logo { margin: 60px 0 30px; max-height: 150px; max-width: 400px;} #header .description{ display: none; margin: 0 auto; padding: 0; width: 400px;} #header .links{ margin: 45px 0 0; white-space: nowrap; border-top:1px dotted {color:borders}; border-bottom:1px dotted {color:borders}; {block:ifLogoimage} margin:30px 0 0; {/block:ifLogoimage}} #header .links a{ display: inline-block; font-family: 'Source Sans Pro',sans-serif; font-weight: bold; height: 9px; line-height: 10px; padding: 15px 30px 15px 27px; text-transform: uppercase; color:{color:header links}; border-right: 1px dotted {color:borders};} #header .links a:hover{ color:{color:header links};} #header .links a:last-child{ border:none;} #header .tweet_button{ bottom: 0; height: 20px; overflow: hidden; padding: 9px 15px 10px; position: absolute; right: 106px; width: 54px; z-index: 100; background-color:{color:background}; border-left: 1px dotted {color:borders}; border-bottom: 1px dotted {color:borders}; {block:ifNotTwitterTweetbutton} display:none; {/block:ifNotTwitterTweetbutton}} #header .like_button{ bottom: 0; height: 20px; overflow: hidden; padding: 9px 15px 10px; position: absolute; right: 0; width: 75px; z-index: 99; background-color:{color:background}; border-left: 1px dotted {color:borders}; border-bottom: 1px dotted {color:borders}; {block:ifNotFacebookLikebutton} display:none; {/block:ifNotFacebookLikebutton}} #sidebar{ padding: 60px 0 0 30px; position: fixed; top: 0; width: 230px; bottom: 0; overflow: hidden; {block:IfSidebarLeftorRight} left: 0; border-right: 1px dotted {color:borders}; {/block:IfSidebarLeftorRight} {block:IfNotSidebarLeftorRight} right: 0; border-left: 1px dotted {color:borders}; {/block:IfNotSidebarLeftorRight} {block:IfNotSidebarorHeader} display:none; {/block:IfNotSidebarorHeader}} #sidebar .logo{ display:block; width:200px; height:auto; margin:0 30px 0 0; padding:0 0 15px;} #sidebar h1{ font-family: 'Source Sans Pro',sans-serif; font-size: 25px; letter-spacing: -1px; line-height: 18px; margin: 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; padding: 0 30px 13px 0; color:{color:header links};} #sidebar .description{ padding:15px 30px 15px 0;} #sidebar .links{ margin:15px 0 0 -30px;} #sidebar .links a{ display: block; font-family: 'Source Sans Pro',sans-serif; font-weight: bold; height: 8px; padding: 22px 0 22px 30px; text-transform: uppercase; line-height: 9px; color:{color:header links}; border-top: 1px dotted {color:borders};} #sidebar .links a:hover{ color:{color:header links};} #sidebar #share_buttons{ padding:16px 0 16px 30px; height:20px; border-top:1px dotted {color:borders};} #sidebar #share_buttons a{ padding:0; border:none;} #sidebar .tweet_button{ height:20px; margin:0 22px 0 0; float:left; width:55px; {block:ifNotTwitterTweetbutton} display:none; {/block:ifNotTwitterTweetbutton}} #sidebar .like_button{ height:20px; float:left; width:90px; {block:ifNotFacebookLikebutton} display:none; {/block:ifNotFacebookLikebutton}} #sidebar .go_up { bottom: 0; display: none; font-weight: bold; height: 8px; margin: 0 0 0 -30px; padding: 22px 0 22px 30px; position: absolute; text-transform: uppercase; width: 230px; line-height: 9px; background:{color:background}; border-top: 1px dotted {color:borders};} #sidebar #pagination_sidebar { bottom: 0; font-weight: bold; height: 8px; margin: 0 0 0 -30px; padding: 22px 0 22px 30px; position: absolute; text-transform: uppercase; width: 230px; line-height: 9px; background:{color:background}; border-top: 1px dotted {color:borders};} #sidebar #pagination_sidebar a.prev{ float: left; margin: 0 30px 0 0; color:{color:header links};} #sidebar #pagination_sidebar a.next{ float: right; margin: 0 30px 0 0; color:{color:header links};} #sidebar #pagination_sidebar a{ color:{color:header links};} #sidebar #pagination_sidebar a:hover{ color:{color:header links};} #content { {block:IfSidebarorHeader} bottom: 0; position: absolute; top: 60px; {block:IfSidebarLeftorRight} left: 275px; right:0; {/block:IfSidebarLeftorRight} {block:IfNotSidebarLeftorRight} right: 275px; left:0; {/block:IfNotSidebarLeftorRight} {/block:IfSidebarorHeader} {block:IfNotSidebarorHeader} padding: 0 50px 50px; {block:PermalinkPage} padding: 0 50px 30px; {/block:PermalinkPage} {/block:IfNotSidebarorHeader} {block:PermalinkPage} right:0; {block:IfSidebarLeftorRight} left:290px; {/block:IfSidebarLeftorRight} {block:IfNotSidebarLeftorRight} right:290px; {/block:IfNotSidebarLeftorRight} {/block:PermalinkPage}} #content #post, #content #post_photo, #content #post_audio, #content #post_video { overflow:hidden; max-width:{select:Post Height}px; display: table; position:relative; text-align:left; margin:0 5px 10px; {block:PermalinkPage} width:400px; height:auto; {/block:PermalinkPage} {block:IfNotSidebarorHeader} display: inline-block; {/block:IfNotSidebarorHeader} {block:IfSidebarorHeader} display:block; {block:IfSidebarLeftorRight} float: left; {/block:IfSidebarLeftorRight} {block:IfNotSidebarLeftorRight} float: right; {/block:IfNotSidebarLeftorRight} {/block:IfSidebarorHeader} {block:PermalinkPage} width:400px; float:left; height:auto; margin:0 0 30px; max-width:none; {block:IfNotSidebarLeftorRight} float:right; margin:0 0 30px; {/block:IfNotSidebarLeftorRight} {block:IfNotSidebarorHeader} float:left; margin:0 0 30px; {/block:IfNotSidebarorHeader} {/block:PermalinkPage}} #content.post-height-150 #post, #content.post-height-150 #post_photo, #content.post-height-150 #post_audio, #content.post-height-150 #post_video { max-width:{select:Post Height}px; height:150px; margin:0 5px 10px; {block:PermalinkPage} max-width: 48%; width: 48%; margin: 0; height: auto; box-sizing: border-box; {/block:PermalinkPage}} #content.post-height-250 #post, #content.post-height-250 #post_photo, #content.post-height-250 #post_audio, #content.post-height-250 #post_video { height:225px; max-width:{select:Post Height}px; {block:PermalinkPage} max-width: 48%; width: 48%; margin: 0; height: auto; box-sizing: border-box; {/block:PermalinkPage}} #content.post-height-350 #post, #content.post-height-350 #post_photo, #content.post-height-350 #post_audio, #content.post-height-350 #post_video { height:300px; max-width:{select:Post Height}px; {block:PermalinkPage} max-width: 400px; width: 400px; margin: 0; height: auto; box-sizing: border-box; {/block:PermalinkPage}} #content #post img{ {block:IndexPage} max-height:140px; {/block:IndexPage} {block:PermalinkPage} max-width:400px; {/block:PermalinkPage}} #content.post-height-150 #post_photo {max-width: px;} #content.post-height-250 #post_photo {max-width: px;} #content.post-height-350 #post_photo {max-width: px;} #content #post_photo img { {block:PermalinkPage} display: block; height:auto; max-width: 100%; {/block:PermalinkPage}} #content #post_audio { max-width:none;} #content #post_video { max-width:none;} #content h3{ font-family: 'Source Sans Pro',sans-serif; font-size: 13px; margin: 0 0 5px;} #container blockquote { border-left: 1px dotted {color:borders}); line-height: 100%; padding: 5px 0 5px 11px; position: relative; text-align: left; margin:6px 0 6px 7px; border-left: 1px dotted {color:borders};} #container blockquote:first-child { margin: 6px 0 6px 11px; padding: 5px 0 5px 11px;} #container blockquote img { max-width: 100% !important; margin: 5px 0;} #container blockquote .text{ margin:0 0 8px;} #container p{ margin:0; padding:0; text-align:left;} #container p.answer_form_container{ margin:15px 0 0;} #content .tumblrAutoPager_page_info{ display:none;} #content #outer { display:table; overflow: hidden; height: {select:Post Height}px; {block:PermalinkPage} overflow:visible; height:auto; width:400px; display:block; {/block:PermalinkPage}} #content #inner { {block:IndexPage} display: table-cell; vertical-align: middle; {/block:IndexPage}} #content .text { position: relative; width:250px;} #content.post-width-150 .text {width:200px;} #content.post-width-250 .text {width:250px;} #content.post-width-350 .text {width:250px;} #content .text img{ height: auto !important; max-height: none !important; max-width: 100%;} #container .quote{ text-align:center;} #container .quote h3{ line-height:150%;} #container .quote .quote_symbol{ font-family: Impact,Charcoal,sans-serif; font-size: 200px; margin: -170px 0 0; position: absolute; color:black; opacity: 0.05;} #container .quote .source{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); display: inline-block; font: 9px 'Courier New',Courier,monospace; margin-top: 20px; padding: 5px 11px;} #content .chat{ margin:5px 0; padding:0; list-style:none;} #content .chat li{ margin: 5px 0; padding: 5px 2px 10px; border-bottom: 1px dotted {color:borders};} #content .chat li:last-child{ border:0; padding: 5px 5px 0; margin:5px 0 0;} #content .chat .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label { font-weight:bold; font-family: 'Source Sans Pro', sans-serif;} #container .album{ margin:0; height:36px} #container .albumart { margin:0; position:relative; height:{select:Post Height}px; {block:PermalinkPage} width: 250px; float: left; {/block:PermalinkPage}} #container .albumart img{ height: 100% !important; max-height: 100% !important; {block:PermalinkPage} max-width: 250px !important; width: 250px; {/block:PermalinkPage}} #container .audio{ float: left; height: 27px; margin: -36px 0 0; opacity: 0.8; overflow: hidden; padding: 5px 0 4px; position: absolute; width: 27px; background: none repeat scroll 0 0 black; {block:PermalinkPage} border-left: 236px solid black; border-right: 237px solid black; right:0; margin:0; opacity: 0.1; {/block:PermalinkPage}} #container.post-height-150 .audio {border-left:61px solid black;border-right:62px solid black;} #container.post-height-250 .audio {border-left:111px solid black;border-right:112px solid black;} #container.post-height-350 .audio {border-left:161px solid black;border-right:162px solid black;} #container .short{ border-left: 96px solid black; border-right: 97px solid black;} #container .artist_info { float: left; list-style: none outside none; margin: 36px 0 0; padding: 0 0 0 30px; width: 220px;} #container .artist_info li{ font-weight: bold; padding: 11px; border-left: 1px dotted {color:borders}; border-top: 1px dotted {color:borders});} #container .artist_info li:first-child{ border-top:none;} #container .caption{ margin: 12px 0 0; padding: 10px; background: none repeat scroll 0 0 rgba(0,0,0, 0.05);} {block:PermalinkPage} #container .answer_post{ width:500px; margin:0;} {/block:PermalinkPage} #container .question { margin: 0; padding: 0 0 5px; line-height: 12px;} #container .question .asker_portrait{ display: block; float: left; height: auto; margin:0 8px 6px 0; width:30px;} #container .answer .answer_portrait{ width:30px; float:left; margin: 0 8px 6px 0;} #container .question strong{ font-size: 11px; text-transform: uppercase; font-weight:bold;} #container .answer{ clear: both; display: block; font-style: italic; margin: 7px 0 0; position:relative; line-height:12px;} #container .answer p{ margin: 0; padding: 0; display: inline; width: auto;} #container .answer p img{ width:100%;} #container .answer_notes{ font-size: 7px; font-weight: bold; margin: 15px 0 0; text-transform: uppercase; {block:PermalinkPage} display:none; {/block:PermalinkPage}} #content #photoset{ position:relative; {block:IndexPage} height:{select:Post Height}px; {/block:IndexPage}} #content #photoset a{color:white;} #content #photoset #inner { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85); bottom: 0; left: 0; position: absolute; right: 0; top: 0; opacity:0; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease;} #content #photoset:hover #inner { opacity:1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} #content #photoset #inner #hover { font-size: 8px; font-weight: bold; line-height: 300%; text-align: center; text-transform: uppercase;} #content.post-height-150 #photoset #inner #hover {margin:26px 0 0;} #content.post-height-250 #photoset #inner #hover {margin:89px 0 0;} #content.post-height-350 #photoset #inner #hover {margin:139px 0 0;} #content #photoset #inner #hover2 { bottom: 0; position: absolute; padding: 10px 0; border-top: 1px dotted rgba(255, 255, 255, 0.2); right: 0; left: 0; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 8px;} #content #post_photo #photo { position:relative; cursor:default; font-family: 'Source Sans Pro', sans-serif; height:{select:Post Height}px;} #content #post_photo #photo a{ color:white;} #content #post_photo #photo img{ height: {select:Post Height}px; left: 50%; position: relative; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%);} #content #post_photo #photo #hover{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; text-align: center; background: rgba(0,0,0,0.85); opacity: 0; visibility: hidden; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease;} #content #post_photo #photo:hover #hover{ opacity: 1; z-index: 2500; visibility: visible; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} #content #post_photo #photo #hover #box{ color: white; font-size: 9px; font-weight: bold; height: 70px; letter-spacing: 1px; line-height: 300%; margin: 89px 0 0; padding: 0; text-transform: uppercase; word-spacing: 3px;} #content.post-height-150 #post_photo #photo #hover #box {margin:23px 0 0;} #content.post-height-250 #post_photo #photo #hover #box {margin:74px 0 0;} #content.post-height-350 #post_photo #photo #hover #box {margin:111px 0 0;} #content #post_photo #photo #hover #box_2{ border-top: 1px dotted rgba(255, 255, 255, 0.2); bottom: 0; color: white; font-size: 7px; font-weight: bold; height: 12px; left: 0; line-height: 200%; padding: 10px 0; position: absolute; right: 0; text-transform: uppercase; white-space: nowrap; word-spacing: 4px; letter-spacing:1px;} #content #post_video {} #content.post-height-150 #post_video {} #content.post-height-250 #post_video {} #content.post-height-350 #post_video { max-width: 568px !important; width: 568px;} #content.post-height-150 #post_video iframe {} #content.post-height-250 #post_video iframe {} #content.post-height-350 #post_video iframe { height: 350px; width: 568px;} {block:PermalinkPage} #content #post_video {width: 400px !important; max-width: 400px !important;} #content #post_video .video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0;} #content #post_video .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} {/block:PermalinkPage} #content #pagination_bottom { font-weight: bold; height: 10px; line-height: 10px; padding: 14px 15px; text-align: left; width: 200px; margin:30px auto ; text-transform: uppercase; border-top: 1px dotted {color:borders};} #content #pagination_bottom a { color:{color:header links};} #content #pagination_bottom a:hover { color:{color:header links};} #content #pagination_bottom a.prev { float:right;} #content #pagination_bottom a.next { float:left;} #hovers { display: none; left: 20px; position: absolute; right: 30px; padding: 0; text-align:left;} #hovers #blogroll_box, #hovers #ask_box, #hovers #submit_box, #hovers #instagram_box, #hovers #disclamer_box, #hovers #karmaloop_box, #hovers #state_box, #hovers #description_box { display: none; background:{color:background}; {block:ifSidebarorHeader} width: 500px; {/block:ifSidebarorHeader}} #hovers #blogroll_box ul { margin:0; padding:0; list-style:none; {block:ifNotSidebarorHeader} position: absolute; right: 90px; left: 0; {/block:ifNotSidebarorHeader}} #hovers #blogroll_box ul li{ width:20px; height:20px; float:left; margin:0 5px 10px;} #hovers #blogroll_box ul li img{ width:20px; height:20px;} #hovers #ask_box{ {block:ifNotSidebarorHeader} width:500px; margin:auto; {/block:ifNotSidebarorHeader}} #hovers #submit_box{ {block:ifNotSidebarorHeader} width:500px; margin:auto; {/block:ifNotSidebarorHeader}} #hovers #instagram_box { width: 500px; {block:ifNotSidebarorHeader} margin: auto; {block:ifNotSidebarorHeader}} #hovers #instagram_box #feed {margin:0;padding:0;list-style:none;} #hovers #instagram_box #feed li { position: relative; float: left; margin: 0 5px 10px ; width: 115px;} #hovers #instagram_box #feed li a {} #hovers #instagram_box #feed li a img { width: 100%; height: auto;} #hovers #close{ cursor: pointer; font-weight: bold; height: 10px; left: 530px; padding: 8px 15px; position: absolute; text-transform: uppercase; top: 10px; line-height: 100%; border-left: 1px dotted {color:borders};} {/block:ifSidebarorHeader} {block:ifNotSidebarorHeader} #hovers #close { cursor: pointer; font-weight: bold; height: 8px; left: 50%; line-height: 100%; padding: 15px 30px; position: absolute; text-transform: uppercase; top: 10px; margin: 0 0 0 280px; border-left: 1px dotted {color:borders};} {/block:ifNotSidebarorHeader} #content #post_info{ box-sizing: border-box; {block:IfSidebarorHeader} width: 400px; margin: 0 0 0 34px; padding: 0 0 0 30px; float: left; border-left: 1px dotted {color:borders}; {block:IfNotSidebarLeftorRight} float:right; border-left: none; border-right:1px dotted {color:borders}; margin:0 34px 0 0; padding:0 30px 0 0; {/block:IfNotSidebarLeftorRight} {/block:IfSidebarorHeader} {block:IfNotSidebarorHeader} width: 400px; margin: 0 0 0 29px; padding: 0 0 0 30px; float: left; border-left: 1px dotted {color:borders}; {/block:IfNotSidebarorHeader}} #content #post_info #captionbox { padding:0 0 30px; margin: 0 0 30px; border-bottom: 1px dotted {color:borders};} #content #post_info #captionbox:empty {display:none} #content #post_info #caption { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); padding: 10px; margin:0;} #content #post_info #post_info_list{ height: 31px; list-style: none outside none; margin: 0; overflow: hidden; padding: 0 0 30px ;} #content #post_info #post_info_list li{ display: inline-block; font-family: 'Source Sans Pro',sans-serif; font-size: 10px; font-weight: bold; height: 7px; margin: 0; max-width: 100px; overflow: hidden; padding: 11px 22px; text-transform: uppercase; line-height: 8px; border-right: 1px dotted {color:borders};} #content #post_info #post_info_list li a{} #content #post_info #post_info_list li:first-child{ padding-left: 0;} #content #post_info #post_info_list li:last-child{ padding-right: 0; border:0;} #content #post_info #taglist { line-height: 100%; list-style: none outside none; margin: 0; padding: 30px 0; text-align: center; border-top: 1px dotted {color:borders};} #content #post_info #taglist li { display: inline-block; font-style: italic; line-height: 100%; margin: 0 5px; text-transform:lowercase;} #content #post_info #fb_comments { border-top: 1px dotted {color:borders}; padding: 30px 0 0;} #permalink { font-family: 'Source Sans Pro',sans-serif; font-size: 9px; font-weight: bold; height: 5px; left: 0; line-height: 7px; margin: 250px 0 0; padding: 10px; position: absolute; right: 0; text-transform: uppercase; z-index: 499; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; margin: -26px 0 0 0; background:{color:background};} #permalink .left { float:left;} #permalink .right { float:right;} #post:hover #permalink, #post_video:hover #permalink { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} #content.post-height-150 #post:hover #permalink, #content.post-height-150 #post_video:hover #permalink, #content.post-height-250 #post:hover #permalink, #content.post-height-250 #post_video:hover #permalink, #content.post-height-350 #post:hover #permalink, #content.post-height-350 #post_video:hover #permalink {margin:0;} #permalink_navigation { font-family: 'Anonymous Pro',sans-serif; font-size: 20px; height: 24px; margin: -42px 0 0; position: absolute;} #permalink_navigation a {} #permalink_navigation_prev { font-family: 'Anonymous Pro',sans-serif; font-size: 60px; height: 30px; line-height: 23px; margin: 60px 0 0 890px; position: absolute; display:none;} #permalink_navigation_next { font-family: 'Anonymous Pro',sans-serif; font-size: 60px; height: 30px; line-height: 23px; margin: 60px 0 0 -60px; display:none; position: absolute;} #permalink_navigation_prev a, #permalink_navigation_next a{ color:{color:borders};} #content ol.notes { clear: both; list-style-type: none; margin: 0 4px; padding: 30px 0; width: 394px; border-top: 1px dotted {color:borders}; {block:IfFacebookComments} margin: 7px 4px 0; {/block:IfFacebookComments}} #content ol.notes li.note { clear: none !important; float: left; height: 16px; margin: 0 9px 11px 0 !important; overflow: hidden; width: 16px;} #content ol.notes li.note:nth-child(16n) { margin: 0 0 11px !important;} #content ol.notes li.more_notes_link_container{ clear: both; font-family: 'Source Sans Pro',sans-serif; font-size: 9px; font-weight: bold; height: 7px; margin: -38px 0 0 !important; padding: 22px 0; text-align: center; text-transform: uppercase; width: 400px; background-color:{color:background};} #content ol.notes li.note img.avatar { display: block; float: left; height: 16px; margin-right: 10px; vertical-align: -4px; width: 16px;} #content ol.notes li.note span{ display:none;} #content ol.notes li.note span.action a{ font-weight: bold;} #content ol.notes li.note .answer_content { font-weight: normal; display:none;} #content ol.notes li.note blockquote { padding: 4px 10px; margin: 10px 0 10px 30px; display:none;} #content ol.notes li.note blockquote a { text-decoration: none; display:none;}</style>
</head>
<body>
{block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.crea teElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id="container">
<div id="header">
{block:ifLogoimage}
<center><a href="/" title="Home">
<img src="{image:Logo}" class="logo" /></a></center>
{/block:ifLogoimage}
{block:ifNotLogoimage}
<a href="/" title="Home"><h1>{title}</h1></a>
{/block:ifNotLogoimage}
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{block:IndexPage}
<div class="tweet_button">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="tumblr">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<div class="like_button">
<fb:like send="false" layout="button_count" width="450" show_faces="false"></fb:like>
</div>
{/block:IndexPage}
<div class="links">
<center>
{Block:IfNotHideDescription}
<a href="#description" class="desc">Description</a>
{/Block:IfNotHideDescription}
{block:AskEnabled}
<a href="#ask" class="ask">
{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
{block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}
</a>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<a href="#submit" class="submit">Submit</a>
{/block:SubmissionsEnabled}
{block:IfInstagramIDCode}
<a href="#instagram feed" class="instagram-feed">Instagram Feed</a>
{/block:IfInstagramIDCode}
{block:ifLink1Title}
<a href="{text:Link 1}" title="{text:Link 1 Title}">
{text:Link 1 Title}</a>
{/block:ifLink1Title}
{block:ifLink2Title}
<a href="{text:Link 2}" title="{text:Link 2 Title}">
{text:Link 2 Title}</a>
{/block:ifLink2Title}
{block:ifLink3Title}
<a href="{text:Link 3}" title="{text:Link 3 Title}">
{text:Link 3 Title}</a>
{/block:ifLink3Title}
{block:ifLink4Title}
<a href="{text:Link 4}" title="{text:Link 4 Title}">
{text:Link 4 Title}</a>
{/block:ifLink4Title}
{block:ifLink5Title}
<a href="{text:Link 5}" title="{text:Link 5 Title}">
{text:Link 5 Title}</a>
{/block:ifLink5Title}
{block:ifBlogRoll}
<a href="#blogroll" class="blogroll">Blogroll</a>
{/block:ifBlogRoll}
{block:HasPages}
{block:Pages}
<a href="{URL}" title="{Label}">{Label}</a>
{/block:Pages}
{/block:HasPages}
</center>
</div><!-- End Links -->
</div>
<div id="sidebar">
{block:ifLogoimage}
<a href="/" title="Home">
<img src="{image:Logo}" class="logo" /></a>
{/block:ifLogoimage}
{block:ifNotLogoimage}
<a href="/" title="Home"><h1>{title}</h1></a>
{/block:ifNotLogoimage}
{Block:IfNotHideDescription}
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/Block:IfNotHideDescription}
<div class="links">
{block:AskEnabled}
<a href="#ask" class="ask">
{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
{block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}
</a>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<a href="#submit" class="submit">Submit</a>
{/block:SubmissionsEnabled}
{block:IfInstagramIDCode}
<a href="#instagram feed" class="instagram-feed">Instagram Feed</a>
{/block:IfInstagramIDCode}
{block:ifLink1Title}
<a href="{text:Link 1}" title="{text:Link 1 Title}">
{text:Link 1 Title}</a>
{/block:ifLink1Title}
{block:ifLink2Title}
<a href="{text:Link 2}" title="{text:Link 2 Title}">
{text:Link 2 Title}</a>
{/block:ifLink2Title}
{block:ifLink3Title}
<a href="{text:Link 3}" title="{text:Link 3 Title}">
{text:Link 3 Title}</a>
{/block:ifLink3Title}
{block:ifLink4Title}
<a href="{text:Link 4}" title="{text:Link 4 Title}">
{text:Link 4 Title}</a>
{/block:ifLink4Title}
{block:ifLink5Title}
<a href="{text:Link 5}" title="{text:Link 5 Title}">
{text:Link 5 Title}</a>
{/block:ifLink5Title}
{block:ifBlogRoll}
<a href="#blogroll" class="blogroll">Blogroll</a>
{/block:ifBlogRoll}
{block:HasPages}
{block:Pages}
<a href="{URL}" title="{Label}">{Label}</a>
{/block:Pages}
{/block:HasPages}
{block:IndexPage}
<div id="share_buttons">
<div class="tweet_button">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="tumblr">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<div class="like_button">
<div class="fb-like" data-href="http://{Name}.tumblr.com" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>
</div>
</div>
{/block:IndexPage}
</div><!-- End Links -->
{block:IfNotInfiniteScroll}
{block:Pagination}
<div id="pagination_sidebar">
{block:PreviousPage}
<a href="{PreviousPage}">Previous Page</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" class="next">Next Page</a>
{/block:NextPage}
</div>
{/block:Pagination}
{/block:IfNotInfiniteScroll}
{Block:IfInfiniteScroll}
<div class="go_up"><a href="#home" id="up">Go up</a></div>
{/Block:IfInfiniteScroll}
<script type="text/javascript">
$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$('.go_up').fadeIn();
}
else {
$('.go_up').fadeOut();
}
});
$('#up').click(function() {
$('body,html').animate({scrollTop:0},800);
});
});
</script>
</div><!-- End Sidebar -->
{block:IfNotSidebarorHeader}
<center>
{/block:IfNotSidebarorHeader}
<div id="content" class="post-height-{select:Post Height}">
{block:PermalinkPage}
{block:PermalinkPagination}
{block:IfSidebarorHeader}
<div id="permalink_navigation">
{block:NextPost}
<a href="{NextPost}" title="Next Post"><</a>
/ {/block:NextPost}
{block:PreviousPost}
<a href="{PreviousPost}" title="Previous Post">></a>
{/block:PreviousPost}
</div>
{/block:IfSidebarorHeader}
{block:IfNotSidebarorHeader}
{block:NextPost}
<div id="permalink_navigation_next">
<a href="{NextPost}" title="Next Post"><</a>
</div>
{/block:NextPost}
{block:PreviousPost}
<div id="permalink_navigation_prev">
<a href="{PreviousPost}" title="Previous Post">></a>
</div>
{/block:PreviousPost}
{/block:IfNotSidebarorHeader}
{/block:PermalinkPagination}
{/block:PermalinkPage}
<div id="hovers">
{block:ifNotSidebarorHeader}
<div id="description_box">
{Description}
</div>
{/block:ifNotSidebarorHeader}
<div id="blogroll_box">
{block:Following}
<ul>{block:Followed}
<li>
<a href="{FollowedURL}" target="_blank">
<img src="{FollowedPortraitURL-24}"/></a>
</li>
{/block:Followed}</ul>
{/block:Following}
</div>
{block:AskEnabled}
<div id="ask_box">
<iframe frameborder="0" scrolling="no" width="100%" height="149" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
</div>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<div id="submit_box">
<iframe frameborder="0" scrolling="no" width="100%" height="500" id="submit_form" src="http://www.tumblr.com/submit_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]-->
</div>
{/block:SubmissionsEnabled}
{block:IfInstagramIDCode}
<div id="instagram_box">
<div id="inner">
<ul id="feed"></ul>
</div>
</div>
{/block:IfInstagramIDCode}
<div id="close">Close</div>
</div><!-- end hovers -->
{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/jw8fmba/4rym8invt/resizephotosets.js"></script>
<script type="text/javascript">
$('#post').resizephotosets({vertical: true});
</script>
{/block:IndexPage}
<div class="autopagerize_page_element">
{block:Posts}
<div id="post{block:Photo}_photo{/block:Photo}{block:Audio}_audio{/block:Audio}{block:Video}_video{/block:Video}">
{block:IndexPage}
{block:Date}
<div id="permalink" {block:Photo}style="display:none"{/block:Photo}{block:Photoset}style="display:none"{/block:Photoset}{block:Audio}style="display:none"{/block:Audio}>
<a href="{Permalink}" class="left">{TimeAgo}</a>
{block:NoteCount}
<a href="{Permalink}" class="right">
{NoteCountWithLabel}</a>
{/block:NoteCount}
</div>
{/block:Date}
{/block:IndexPage}
{block:Text}
<div id="outer">
<div id="inner">
<div class="text">
{block:Title}
<a href="{Permalink}"><h3>{Title}</h3></a>
{/block:Title}
<a href="{Permalink}" title="Permalink">
{Body}</a>
</div>
</div>
</div>
{/block:Text}
{block:Photo}
{block:IndexPage}
<div id="photo">
<div id="hover">
<div id="box">
{block:Date}
<a href="{Permalink}">
{block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}
{TimeAgo}<br />
{DayOfMonth} {ShortMonth} {Year}<br />
</a>
{/block:Date}
</div>
<div id="box_2">
<a href="{ReblogURL}" target="_blank">Reblog</a>
</div>
</div>
<img src="{PhotoURL-500}"/>
</div>
{/block:IndexPage}
{block:PermalinkPage}
<center><img src="{PhotoURL-500}"/></center>
{/block:PermalinkPage}
{/block:Photo}
{block:Photoset}
<div id="photoset">
{block:IndexPage}
{block:Date}
<div id="inner">
<div id="hover">
<a href="{Permalink}">
{block:NoteCount}
{NoteCountWithLabel}<br />
{/block:NoteCount}
{TimeAgo}<br />
{DayOfMonth} {ShortMonth} {Year}<br />
</a>
</div>
<div id="hover2">
<a href="{ReblogURL}" target="_blank">
Reblog</a>
</div>
</div>
{/block:Date}
{Photoset-250}
{/block:IndexPage}
{block:PermalinkPage}
{Photoset-400}
{/block:PermalinkPage}
</div>
{/block:Photoset}
{block:Quote}
<div id="outer">
<div id="inner">
<div class="quote">
<div class="quote_symbol">,,</div>
<a href="{Permalink}"><h3>{Quote}</h3></a>
{block:Source}
<center>
<div class="source">{Source}</div>
</center>
{/block:Source}
</div>
</div>
</div>
{/block:Quote}
{block:Link}
<div id="outer">
<div id="inner">
<div class="link">
<a href="{URL}" class="link" {Target}>
<h3>{Name}</h3></a>
{block:Description}
<a href="{Permalink}" title="Permalink">
<div class="description">{Description}</div>
</a>
{/block:Description}
</div>
</div>
</div>
{/block:Link}
{block:Chat}
<div id="outer">
<div id="inner">
<div class="chat">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
</div>
</div>
{/block:Chat}
{block:Answer}
<div id="outer">
<div id="inner">
<div class="question">
<img src="{AskerPortraitURL-64}"
class="asker_portrait"/>
<strong>{Asker}</strong><br>
{Question}
</div>
<div class="answer">
<img src="{PortraitURL-40}"
class="answer_portrait"/>
{Answer}
<div class="clear"></div>
</div>
</div>
</div>
{/block:Answer}
{block:Video}
<div id="outer">
<div id="inner">
<div class="video">
{block:IndexPage}
{Video-250}
{/block:IndexPage}
{block:PermalinkPage}
{Video-400}
{/block:PermalinkPage}
</div>
</div>
</div>
{/block:Video}
{block:Audio}
<div class="album{block:AlbumArt}art{/block:AlbumArt}">
{block:AlbumArt}
{block:IndexPage}
<a href="{Permalink}">
{/block:IndexPage}
<img src="{AlbumArtURL}" />
{block:IndexPage}</a>{/block:IndexPage}
{/block:AlbumArt}
</div>
<div class="audio {block:PermalinkPage}
{block:AlbumArt}short{/block:AlbumArt}
{/block:PermalinkPage}">
{AudioPlayerBlack}
</div>
{block:PermalinkPage}
<ul class="artist_info">
{block:Artist}
<li>{Artist}</li>
{/block:Artist}
{block:Album}
<li>{Album}</li>
{/block:Album}
{block:TrackName}
<li>{TrackName}</li>
{/block:TrackName}
</ul>{/block:PermalinkPage}
<div class="clear"></div>
{/block:Audio}
</div><!-- End Post -->
{block:PermalinkPage}
{block:Date}
<div id="post_info">
{block:Caption}
<div id="captionbox">
<div id="caption">{Caption}</div>
</div>
{/block:Caption}
<ul id="post_info_list">
<center>
{block:NoteCount}
<li>{NoteCountWithLabel}</li>
{/block:NoteCount}
<li>{DayOfMonthWithZero} {Month} {Year}</li>
{block:RebloggedFrom}
<li><a href="{ReblogRootURL}" target="_blank">
Source</a></li>
{/block:RebloggedFrom}
{block:HighRes}
<li><a href="{PhotoURL-HighRes}" target="_blank">
High-Res</a></li>
{/block:HighRes}
{block:ExternalAudio}
<li><a href="{ExternalAudioURL}" target="_blank">
Download</a></li>
{/block:ExternalAudio}
</center>
</ul>
{block:HasTags}
<ul id="taglist">
{block:Tags}
<li><a href="{TagURL}">#{Tag}</a></li>
{/block:Tags}
</ul>
{/block:HasTags}
{block:IfFacebookComments}
<div id="fb_comments">
<div class="fb-comments" data-href="{URLEncodedPermalink}" data-num-posts="2" data-width="400"></div>
</div>
{/block:IfFacebookComments}
{block:PostNotes}{PostNotes}
{/block:PostNotes}
</div>
{/block:Date}
{/block:PermalinkPage}
{/block:Posts}
{block:PermalinkPage}<div class="clear"></div>{/block:PermalinkPage}
</div>
{block:IfNotSidebarorHeader}
{block:IfNotInfiniteScroll}
{block:Pagination}
<div id="pagination_bottom">
{block:PreviousPage}
<a href="{PreviousPage}">Previous Page</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" class="next">Next Page</a>
{/block:NextPage}
</div>
{/block:Pagination}
{/block:IfNotInfiniteScroll}
{/block:IfNotSidebarorHeader}
</div><!-- End Content -->
{block:IfNotSidebarorHeader}
</center>
{/block:IfNotSidebarorHeader}
</div>
</body>
<script type="text/javascript" src="http://themaxdavisthemes.com/code2/jQuery.js"></script>
<script type="text/javascript">
$(window).load(function(){
$('.desc').click(function() {
$('.description').slideToggle('slow');
});
$('.ask').click(function(){
$('#ask_box, #hovers').show();
$('#instagram_box, .autopagerize_page_element, #load_box, #submit_box, #blogroll_box, #disclaimer_box, #state_box, #karmaloop_box, #page_navigation_if_header').hide();
});
$('.instagram-feed').click(function(){
$('#instagram_box, #hovers').show();
$('.autopagerize_page_element, #load_box, #submit_box, #blogroll_box, #disclaimer_box, #state_box, #karmaloop_box, #page_navigation_if_header').hide();
});
$('.submit').click(function(){
$('#submit_box, #hovers').show();
$('.autopagerize_page_element, #load_box, #ask_box, #instagram_box, #blogroll_box, #disclaimer_box, #state_box, #karmaloop_box, #page_navigation_if_header').hide();
});
{block:ifBlogRoll}
$('.blogroll').click(function(){
$('#blogroll_box, #hovers').show();
$('.autopagerize_page_element, #load_box, #submit_box, #instagram_box, #disclaimer_box, #ask_box, #state_box, #karmaloop_box, #page_navigation_if_header').hide();
});
{/block:ifBlogRoll}
$('#close').click(function(){
$('#hovers, #ask_box, #submit_box, #blogroll_box, #instagram_box, #disclaimer_box, #state_box, #karmaloop_box').hide();
$('.autopagerize_page_element').show();
});
$("#caption p").remove(":contains('Source:')");
$("#caption p").remove(":contains('(via')");
$('#post_info #captionbox:empty').parent().remove();
$('#post_info #caption:empty').parent().remove();
{block:IfInstagramIDCode}
// Instagram Feed
$('#instagram_box #feed').embedagram({instagram_id:{text:Instagram ID Code}, limit:{select:Instagram Feed Length}});
{/block:IfInstagramIDCode}
});
</script>
</html>]]>
