/* Big thanks to Matthew Buchanan's Esquire Theme and Pixel Union's Effector Theme
http://esquiretheme.tumblr.com 
http://effectortheme.tumblr.com
*/

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* typekit fonts */
.serif {font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif; font-weight: 400;}
.serifBold {.serif; font-weight: 700;}
.sans {font-family: "myriad-pro-1","myriad-pro-2", "Lucida Grande", "Lucida Sans", sans-serif; font-weight: 400;}
.sansBold {.sans; font-weight: 700;}
.condensed {font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", "Arial Narrow", "Lucida Grande", "Lucida Sans", sans-serif; font-weight: 400; }


html{height:100%;background-color:transparent;}
body{font-size:62.5%; font-family: "myriad-pro-1","myriad-pro-2", "Lucida Grande", "Lucida Sans", sans-serif; font-weight: 400; color:#666;background:#fff; height:100%;overflow:visible;}
blockquote {font-style: normal;}

#sidebar{position:fixed; z-index:100;top:0;left:0;width:25%; height: 100%; border-right: 3px solid #BBB; -webkit-box-shadow: 1px 0 0 0 #777; box-shadow: 1px 0 0 0 #777; padding:30px 15px; text-align: center; }
#sidebar .logo {text-align: left; display: block; margin-bottom: 10px; height: 28px;}
#sidebar h1,.text h1,.link h1,.chat h1 {font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", "Arial Narrow", "Lucida Grande", "Lucida Sans", sans-serif;}
#sidebar h1 {font-weight:normal;font-size:5em;line-height:0.9; padding-top: 1em; margin: 0; border-top: 1px solid rgba(255,255,255,.2); text-transform: uppercase;}
#sidebar h1 a{color:#FFF;text-decoration:none;}
#sidebar p {font-weight:normal;font-size:1.5em;line-height:1.5;color:#FFF;margin: .25em 0 2.5em;}
#sidebar p a:link, #sidebar p a:visited {color:#FFF;text-decoration:none;}
#sidebar p em{font-style:italic;}
#sidebar h2{font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", "Arial Narrow", "Lucida Grande", "Lucida Sans", sans-serif; font-weight:normal;font-size:2.2em;line-height:1; margin: .25em 0; text-transform: uppercase;}
#sidebar h2 a{color:#FFF;text-decoration:none;}
#sidebar h3{font-weight:normal;font-size:1.3em;line-height:1.3;color:#FFF;text-transform:uppercase;letter-spacing:0.125em;margin:0 0 0.5em;}
#sidebar a:hover {opacity: .5;}

#search {clear:left; padding:3em 0 4em;}
#searchfield{width:80%; margin: 0 auto;}
#searchfield,#searchgo{vertical-align:middle;}
#buttontext{min-height:18px;line-height:1.4;}

#social{overflow:hidden; padding: 1em 0; text-align: center; border-top: 1px solid rgba(255,255,255,.2); position:relative;}
#social a {width:24px;height:24px;background:url("../../img/social.png") no-repeat 0 -24px;text-indent:-999em; margin: 0 5px; 
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	zoom: 1;
	*display: inline;}
#social .hit{position:absolute;width:0;height:0;top:0;left:0;}
#social .twitter {background-position:0 0;}
#social .facebook{background-position:-24px 0;}
#social .pinterest {background-position:-48px 0;}
#social .feed{background-position:-72px 0;}


#header{display:none; height: 0; overflow: visible;}
#header h2{font-size:2em; line-height:1; font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", "Arial Narrow", "Lucida Grande", "Lucida Sans", sans-serif; text-transform: uppercase; letter-spacing:1px; padding: 0; margin: 0; position: relative;top: -2.2em;}
#header a{color:#A6A6A6;text-decoration:none;}
#header a:hover{opacity: .5;}

/* Posts */
#posts{padding:65px 0 5px 25%;}
.post{position:relative;margin: 0 15px 3em; padding-left: 11.1111111%; padding-right: 22.2222222%; border-bottom: 1px solid #DDD;}
.postbody p,.postbody li,.postbody dl,.postbody blockquote{font-weight:normal;font-size:1.5em;line-height:1.4;margin:0.75em 0;}
.postbody blockquote *{font-size:1em;margin:0;}
.postbody .notes blockquote{font-size:1.1em;}
.postbody li{margin:0.33em 0;}
.postbody li p,.postbody dl p{font-size:1em;}
.postbody i,.postbody em,.postbody blockquote,.postbody blockquote *,#buttontext{font-style:italic;}
.mac .postbody i,.mac .postbody em,.mac .postbody blockquote,.mac .postbody blockquote *,.mac #buttontext{font-style:italic;}
.postbody b,.postbody strong{font-weight:bold;}
.postbody blockquote,.postbody ol,.postbody ul{padding:0 3em;}
.postbody abbr,.postbody acronym{border-bottom:1px dotted #aaa;cursor:help;}
.postbody ol,.postbody ul{margin:1em 0;}
.postbody ol li{list-style:decimal;}
.postbody ul li{list-style:disc;}
.postbody code{font:normal 1.3em/1.3 Consolas,"Lucida Console",Monaco,Courier,sans-serif;color:#333;}
.postbody p code,.postbody li code{font-size:0.8em;background-color:#eee;padding:0.1em 0.3em;-webkit-border-radius:3px;-moz-border-radius:3px;}
.postbody pre{background-color: #A6A6A6; padding:1em;margin:1.5em 0;overflow:auto;}

.content a {text-decoration: none; color:inherit; border-bottom: 1px solid #CCC; }
.content a img { border:none; vertical-align:top; }
.content a:hover,.notes .action a:hover{opacity: .5; border-bottom-color: #EEE;}
.content blockquote img { max-width: 150px; }

.notes .action, .notes .action a {text-decoration: none; color: #999;}
.notes .action a:first-child {color: #444;}


.amp{font-style:italic;font-family:"Adobe Caslon Pro",Baskerville,Georgia,serif;}



.datebox{position:absolute;left:0;top:0;width:11.1111111%;padding:0;font-family: "myriad-pro-condensed-1","myriad-condensed-pro-2", "Arial Narrow", "Lucida Grande", "Lucida Sans", sans-serif; font-weight: 400; text-align: center;}
.datebox .day{font-weight:normal;font-size:4em;line-height:0.9;color:#444;}
.datebox .month{font-weight:normal;font-size:1.7em;line-height:1;color:#444;text-transform:uppercase;}
a,input{outline:none;}

/* Quote Post */
.quote .box{background: #333 url("http://static.tumblr.com/gpln05e/Y77kvvfpk/quote-bg.png") no-repeat 15px 15px; padding: 30px 30px 33px 80px;min-height:45px; position: relative; color: #FFF; font-style: italic;}
.quote .medium p,.quote .medium span{font-size:1.5em !important;}
.quote .long p,.quote .long span{font-size:1.2em !important;}
.quote .box.medium p,.quote .box.medium span{font-size:1.8em !important;}
.quote .box.long p,.quote .box.long span{font-size:1.5em !important;}
.quote .box p{margin:0;color:#fff;font-style:normal;font-size:1.2em;line-height:1.3;}
.quote .box:after {
	content: "";
	position:absolute;
	bottom:-9px; 
	left:-9px;
	margin-left: 36px;
	border-width: 9px 9px 0;
	border-style: solid;
	border-color: #333 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Photo/Photoset Post */
.photo .frame{margin-bottom:1em;}
.photo .frame a,
.photo .frame .wrapper{display:block;}
.photo .frame .single_image,
.photo .frame .contains_photoset{margin:0 auto;display:block;}
.photo .frame .html_photoset { width: 400px; }
.photo .frame .html_photoset p { margin: 0; }

/* Video Post */
.video .frame{width:100%;}
.video .player{}

/* Text Post */
.text h1{margin:0 0 0.5em;font-weight:normal;font-size:4.5em;line-height:0.9;color:#000;}

/* Link Post */
.link h1{margin:0 0 0.5em;font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", "Arial Narrow", "Lucida Grande", "Lucida Sans", sans-serif; font-weight:400; text-transform: uppercase; font-size:6em;line-height:1;background: url("http://static.tumblr.com/gpln05e/yXskg8ibb/link-bg.png") repeat-y 100% 50%;padding-right:40px;}
.link h1 a{text-decoration:none;color:#222;}
.link h1 a:hover{opacity: .5;}

/* Audio Post */
.audio .artwork{width:244px;height:215px;margin:0 0 5px -2px;position:relative;}
.audio .artwork img{margin:2px 0 0 2px;}
.audio .overlay{position:absolute;z-index:10;top:0;left:0;width:244px;height:215px;background:url("http://static.tumblr.com/gpln05e/9tIkvvf11/album-overlay.png") no-repeat 0 0;}
.audio .player{background:#A6A6A6 url("http://static.tumblr.com/gpln05e/LOlkg8i52/audio-bg.png") repeat-x 0 0;}
.audio .playdata{overflow:hidden;margin-bottom:2em;}
.audio .playdata span,.audio .playdata a{display:block;float:left;padding:0.33em 0.66em 0.33em 25px;font-size:1.1em;line-height:1.9;text-transform:uppercase;color:#000;}
.audio .playdata span{background:#DDD url("http://static.tumblr.com/gpln05e/fVFkg8i97/icon-plays.png") no-repeat 8px 40%;}
.audio .playdata a{background:#DDD url("http://static.tumblr.com/gpln05e/8Tfkg8i8u/icon-get.png") no-repeat 8px 40%;text-decoration:none;padding-left:21px;}
.audio .playdata a:hover{background-color:#A6A6A6;background-position:-112px 40%;color:#fff;}

/* Chat Post */
.chat h1{margin:0 0 0.5em;font-weight:normal;font-size:3.75em;line-height:0.9;color:#000;}
.chat dl{margin:2em 0 1em;}
.chat dt{clear:both; color: #666; float: left; width: 19%;  margin-bottom: .75em; text-align: right;}
.chat dt em{text-transform:uppercase; font-style:normal!important; margin-right: 10px; font-size: .9em; line-height: 1.1em;}
.chat dd{color:#666; margin-left: 20%; margin-bottom: .75em;}

/* Notes */
.postbody .notes{margin:3em 0 1.5em;border-top:1px solid #EEE;padding:0;}
.postbody .notes li{list-style:none;border-bottom:1px solid #EEE;padding:0.5em 0 0.5em 1em;margin:0;font-size:1.3em;line-height:1.5;}
.postbody .notes .avatar{vertical-align:-5px;border:1px solid #CCC;padding:1px;margin-right:10px;background-color:#fff;}
.postbody .notes blockquote{margin-top:0.5em;line-height:1.1;padding:0 0 0 30px;}
.postbody .notes blockquote a{text-decoration:none;font-style:italic;color:#FFF;}
.postbody .notes .action a{padding:2px 2px 0;}

/* Disqus */
.dsq-comment{font-size:1em !important;}
.dsq-comment td{font-size:1.1em !important;}
.dsq-comment-body,.dsq-authenticate p{font-size:1.3em !important;}
#disqus_thread{margin:4em 0 0;padding-top:2em;border-top: 1px solid #DDD;}
#disqus_thread a{color:#A6A6A6; text-decoration: none; text-transform: uppercase;}
#disqus_thread a:hover {opacity: .5;}
#disqus_thread h3{font-size:1.2em;font-weight:bold;text-transform:uppercase;color:#222;}

.dsq-comment-header {background: transparent; border-color: transparent; border-top: 1px solid #DDD;}

/* Meta */

.bar{overflow:hidden;padding:15px 0;margin-bottom:7.5em;}


.meta {padding:15px 0;margin-bottom:7.5em;}
.meta p {display: inline; font-size:1.2em; line-height:1.3; letter-spacing: 1px;}

.meta a {font-weight:normal;font-size:0.9em;line-height:1.75;text-transform:uppercase;text-decoration:none;color:#888; padding:5px 0;margin-right:15px;}
.meta a.notecount {background:url("../../img/i-note.png") no-repeat 0 5px; padding-left: 16px;}
.meta a.dsq-comment-count {background:url("../../img/i-comment.png") no-repeat 0 5px; padding-left: 16px;}
.meta a.timeago {background:url("../../img/i-time.png") no-repeat 0 5px; padding-left: 16px;}
.meta a:hover {opacity: .5; border:0;}
.meta a:hover span {border: 0;}



.share {
	height: 24px;
	width: 167px;
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}

.share-button {
	font-weight:normal;
	font-size:0.9em;
	line-height:1.75;
	text-transform:uppercase;
	background: #EEE url("../../img/i-share.png") no-repeat 8px 6px; 
	padding: 5px 12px 5px 25px;
	margin: 0;
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	cursor: pointer; 
	outline: none; 
	color: #444; 
   	transition: opacity .3s ease-in-out;
   	-moz-transition: opacity .3s ease-in-out;
   	-webkit-transition: opacity .3s ease-in-out;
}


.share-links {
	position: absolute;
	right: 0;
	width: 93px;
	top: -6px;
   	opacity: 0;
   	transition: opacity .3s ease-in-out;
   	-moz-transition: opacity .3s ease-in-out;
   	-webkit-transition: opacity .3s ease-in-out;
}
.share-links a {
	width:24px;
	height:24px; 
	background: #222 url("../../img/social.png") no-repeat 0 -24px; 
	border: 3px solid #222; 
	text-indent:-999em; 
	margin: 0; 
	padding: 0;
   	-webkit-border-radius: 3px; 
	border-radius: 3px;
	position: absolute;
	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box; 
	box-sizing: content-box;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}
.share-links .share-twitter {background-position:0 0; left: 0;}
.share-links .share-facebook{background-position:-24px 0; left: 31px;}
.share-links .share-pinterest {background-position:-48px 0; left: 62px;}

.share:hover .share-button {opacity: .5; background-color: white;}
.share:hover .share-links {opacity: 1;}
.share:hover .share-links a {transition: all; opacity: 1;}
.share:hover .share-links a:hover {background-color: #C00; border: 3px solid #C00; opacity: 1;}



.branch {position: absolute; right: 0; width: 22.22222222%; top: 0; padding-left: 15px;}
        
.branchbar {margin:0 0 2em;}
.branchbar p{margin:0;text-transform:lowercase;font-size:1.2em;line-height:1.3;}
.branchbar a {color:#888; display: block; margin-bottom: .5em; text-decoration: none;}
.branchbar a:hover{opacity: .5;}

.tags, .tags a{}
.tags span{color:#bbb;}
.tags a{text-decoration:none;padding:0;}

p.via {line-height: 1.2; margin-top: -.25em;}
.via a{}
.via img{float:left; margin-right:0.5em; margin-top: .25em;}


/* Footer */
#footer{margin: 0 15px; padding-bottom: 44px; padding-left: 11%; padding-right: 11%;}
#footer p{margin:0;font-size:1.1em; color:#222;}
#footer a{padding:0.25em 0.33em 0.25em;font-weight:bold;line-height:1;text-transform:uppercase;text-decoration:none;color:#222;background-image:url("http://static.tumblr.com/gpln05e/h7Jkg8i3v/arrows.png");background-repeat:no-repeat;}
#footer span{padding:0.25em 0.33em 0.25em;font-weight:bold;line-height:1;text-transform:uppercase;text-decoration:none;color:#bbb;background-image:url("http://static.tumblr.com/gpln05e/fHnkga7vg/arrows-mute.png");background-repeat:no-repeat;}
#footer a span{padding:0;background-image:none;border:none;color:#222;}
#footer a.prev,#footer span.prev{display:block;float:left;padding-left:24px;background-position:0 50%;}
#footer a.prev span.prev{padding-left:0;}
#footer a.next,#footer span.next{display:block;float:right;padding-right:24px;background-position:100% 50%;}
#footer a.next span.next{padding-right:0;}
#footer a:hover{opacity: .5;}

.search_query:before { content:'Ò'; }
.search_query:after { content:'Ó'; }