/* -----------------------------------------------------------

   Gun Metal Theme
   Premium Tumblr Theme by Pixel Union
   gunmetal-theme.tumblr.com
   version: 1.0.0
   
   ----------------------------------------------------------- */

/* YUI Reset: http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}address,caption,cite,dfn,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}fieldset,img,abbr,acronym{border:0}

/* Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ */
body { font:13px/1.231 sans-serif; *font-size:small; *font:x-small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/* -----------------------------------------------------
	M I N I M A L  B A S E  S T Y L E S
   ----------------------------------------------------- */

body, select, input, textarea { color: #444; }
h1,h2,h3,h4,h5,h6 { font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-weight: bold; line-height: 1.2; margin-bottom: 18px; text-rendering: optimizeLegibility; }
h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
a, a:active, a:visited { text-decoration: none; }
a:hover, a:active { outline: none; }
/* ul, ol { margin-left: 2em; } */
ol { list-style-type: decimal; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}
/* Align checkboxes, radios, text inputs with their label 
by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } 
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; -webkit-apperance: none;}
/* Selection */
/*
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
*/
/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }
/* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* 
 * Non-semantic helper classes 
 */
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


/* -----------------------------------------------------
	C O R E  S T Y L E S
   ----------------------------------------------------- */

body {
	background-attachment: fixed;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.copy a:hover, .asker:hover, #flyout .content a:hover, #footer a:hover, #notes a:hover, #disqus a:hover { border-color: #999; }
.copy a, .asker, .next_prev a, #flyout .content a, #footer a, #notes a, #disqus a { 
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	padding-bottom: 1px; 
}
#page { width: 890px; margin-left: 40px; }
#header, .post_wrap, .section, #footer { 
	background: #fff;
	width: 500px; 
	padding: 35px 30px;
	margin-left: 40px;
	-webkit-box-shadow: -1px 0 0 rgba(0,0,0,0.27), 1px 0 0 rgba(0,0,0,0.27), 3px 0 0 rgba(25,25,25,0.2);
	   -moz-box-shadow: -1px 0 0 rgba(0,0,0,0.27), 1px 0 0 rgba(0,0,0,0.27), 3px 0 0 rgba(25,25,25,0.2);
	        box-shadow: -1px 0 0 rgba(0,0,0,0.27), 1px 0 0 rgba(0,0,0,0.27), 3px 0 0 rgba(25,25,25,0.2);
	position: relative;
	z-index: 2;
}
#logo h1 { margin: 0; }
#logo a {
	color: #222;
	font-size: 46px;
	font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
#content { 
	background: rgba(255,255,255,0.2); 
	background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */
	width: 600px;
	float: left;
	-webkit-box-shadow: -1px 0 0 rgba(0,0,0,0.22), 0 1px 0 rgba(0,0,0,0.22);
	   -moz-box-shadow: -1px 0 0 rgba(0,0,0,0.22), 0 1px 0 rgba(0,0,0,0.22);
	        box-shadow: -1px 0 0 rgba(0,0,0,0.22), 0 1px 0 rgba(0,0,0,0.22);
}
#posts { padding: 0; width: 600px; }
#sidebar_track { 
	float: right; 
	width: 250px; 
	margin-left: 40px;
	position: relative;
	z-index: 25;
}
#sidebar { 
	background: #282828;
	width: 250px;
	-webkit-box-shadow: 3px 3px 0 rgba(25,25,25,0.2);
	   -moz-box-shadow: 3px 3px 0 rgba(25,25,25,0.2);
	        box-shadow: 3px 3px 0 rgba(25,25,25,0.2);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
#sidebar_track .fixed {
	position: fixed;
	top: 40px;	
}
.sidebox { padding: 18px 20px; }
#description { font-size: 12px }
#description a { 
	font-weight: bold; 
	color: #eaeaea; 
	border-bottom: 1px solid #333;
	padding-bottom: 1px; 	
}
#description a:hover { border-bottom-color: #444;}
#portrait img {
	min-width: 250px;
	max-width: 250px;
	width: 250px;
	display: block;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0;	
}
#pages ul, #nav ul { margin: 0; }
#pages li { border-top: 1px solid #222222; }
#pages a:hover { 
	background: #2C2C2C;
	color: #fff; 
}
#pages a {
	color: #EAEAEA;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 11px;
	height: 33px;
	line-height: 33px;
	padding: 0 18px;
	display: block;
}
#search { border-top: 1px solid #222222; }
#search_form { position: relative; }
#search input.text {
	color: #484848;
	background: #1A1A1A;
	width: 166px;
	height: 24px;
	padding: 0 32px 0 12px;
	line-height: 24px;
	border: 0;
	-webkit-box-shadow: inset 0 1px 0 #121212;
	   -moz-box-shadow: inset 0 1px 0 #121212;
	        box-shadow: inset 0 1px 0 #121212;
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
	        border-radius: 12px;
	        
}
#search input.text:focus {
	color: #787878;
}
#search .submit {
	background: url(http://static.tumblr.com/njty47g/Xzmlqicok/sidebar_icons.png) -334px -8px no-repeat; 
	position: absolute;
	right: 10px;
	top: 0;
	width: 14px;
	height: 24px;
	border: 0;
}
#nav {
	overflow: hidden;
	-webkit-border-bottom-right-radius: 4px;	        
	-webkit-border-bottom-left-radius: 4px;
	   -moz-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
}
#nav ul { border-top: 1px solid #1F1F1F; }
#nav li {
	float: left;
	border-left: 1px solid #2E2E2E;
	border-right: 1px solid #1F1F1F;
}
#nav li:first-child { border-left: 0; }
#nav li:last-child { border-right: 0; }
#nav li a {
	background-image: url(http://static.tumblr.com/njty47g/Xzmlqicok/sidebar_icons.png);
	background-repeat: no-repeat;
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -999em;
	opacity: 0.33;
	-webkit-transition:opacity .2s ease-in;  
	   -moz-transition:opacity .2s ease-in;  
	     -o-transition:opacity .2s ease-in;  
	        transition:opacity .2s ease-in; 
}
#nav li:hover { background-color: #2c2c2c; }
#nav li a:hover { opacity: 0.66; }
#nav li.likes a		{ background-position: left 1px; }
#nav li.twitter a	{ background-position: -40px; top; }
#nav li.profile a	{ background-position: -80px; top; }
#nav li.pages a		{ background-position: -120px; top; }
#nav li.submit a	{ background-position: -160px; top; }
#nav li.ask a		{ background-position: -200px; top; }
#nav li.rss a 		{ background-position: -240px; top; }
#nav li.archive a	{ background-position: -280px; top; }
#nav .active, #nav .active:hover { opacity: 1; }

/* -----------------------------------------------------
	P O S T  S T Y L E S
   ----------------------------------------------------- */

.date { 
	color: #777;
	background: url(http://static.tumblr.com/njty47g/maLlqgtxl/date_tab.png) no-repeat; 
	position: absolute;
	z-index: 20;
	margin: 39px 0 0 -9px; 
	width: 52px;
	height: 61px;
}
.date span { 
	line-height: 1;
	text-align: center; 
	display: block;
}
.date .month { 
	font-size: 9px;
	text-transform: uppercase; 
	padding: 10px 0 4px;
}
.date .day {
	font-size: 24px;
	font-weight: bold;
}
.post_icon { 
	display: block;
	background: url(http://static.tumblr.com/njty47g/0fAlqgubg/post_icons.png) no-repeat; 
	width: 40px;
	height: 40px;
	position: absolute; 
	left: 0;
	top: 0;
	z-index: 2;
}
	.type_photo .post_icon { background-position: -40px top; }
	.type_photoset .post_icon { background-position: -80px top; }
	.type_video .post_icon { background-position: -120px top; }
	.type_link .post_icon { background-position: -160px top; }
	.type_chat .post_icon { background-position: -200px top; }
	.type_audio .post_icon { background-position: -240px top; }
	.type_answer .post_icon { background-position: -280px top; }
	.type_quote .post_icon { background-position: -320px top; }
	
.post:nth-of-type(odd) .post_wrap:before {
	content: '.';
	display: block;
	position: absolute;
	height: 100%;
	background: rgba(255,255,255,0.05);
	z-index: 0;
	width: 1800px;
	left: -1800px;
	margin-top: -29px;
}
.post_wrap:after {
	content: '.';
	text-indent: -9999px;
	position: absolute;
	top: -1px;
	height: 3px;
	width: 500px;
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	   -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	        box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);

}
.post {
	position: relative;
	padding: 0;
	width: 600px;
}
.post_wrap, .section { 
	padding: 28px 30px 0;
	border-top: 1px solid #D9D9D9;
}
.section { padding-bottom: 28px; }
.post_title, #flyout h2, #flyout #likes .like_link a, #notes h2, #disqus h2 {
	font-family: 'BebasNeueRegular', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
	font-weight: normal;	
	font-size: 28px;
	line-height: 1.1;
	letter-spacing: 1px;
}
.post_title a { color: #333; }
.copy { color: #555; word-wrap: break-word; margin-bottom: 20px; }
.copy ul, .copy ol, .like_caption ol, .like_caption ul { margin-left: 2em; }
.copy p, .copy ul, .copy ol, .copy img, .copy blockquote { margin-bottom: 20px; }
.copy blockquote { border-left: 1px solid #DDDDDD; padding-left: 12px; }
.copy ul { list-style-type: circle; }
.copy ul li, .copy ol li { padding: 2px; }
.copy img { max-width: 100%; display: block; }
.source { font-size: 11px; }
.media { margin-bottom: 20px; }

.meta { 
	font-size: 12px;
	font-family: 'Lekton', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; 
	padding: 5px 50px 20px 0;
	position: relative;
}
.meta, .meta_list a { color: #aaa; }
.meta_list a:hover { color: #666; }
.meta_list a:hover .icon { background-color: #666; }
.meta_list a { position: relative;  display: inline-block; line-height: 1; }
.meta_list { margin: 0; }
.meta_list li { float: left; margin: 0 12px 6px 0; }
.meta_list li.time { clear: left; }
.meta_list li.tags { float: none; }
.meta_list li.tags a { border-bottom: 1px dotted #aaa; position: static; }
.meta_list .icon {
	background: #BBBBBB url(http://static.tumblr.com/njty47g/bQ2lqhqf5/meta_icons.png) no-repeat;
	display: block;
	height: 11px;
	position: absolute;
	left: 0;
	top: 0; 
}
.meta_list .time a { padding-left: 15px; }
.meta_list .time .icon { width: 11px; top: -1px; }
.meta_list .notes a { padding-left: 15px; }
.meta_list .notes .icon { width: 13px; background-position: -12px top;}

.meta_list .comments a { padding-left: 17px; }
.meta_list .comments .icon { width: 13px; background-position: -26px top; }

.meta_list .reblogged_via a { padding-left: 19px; }
.meta_list .reblogged_via .icon { width: 15px; background-position: -40px top; }

.meta_list .permalink a { padding-left: 21px; text-indent: -999em;}
.meta_list .permalink .icon { width: 18px; background-position: -56px top; }

.meta_list .share {
	position: absolute;
	right: 0;
	bottom: 20px; 
}
.meta_list .share { margin-right: 0; }
.meta_list .share a { padding-left: 16px; }
.meta_list .share .icon { width: 11px; background-position: -75px top; top: -1px; }


.sharebox { 
	background: #282828; 
	width: 600px; 
	position: relative;
	-webkit-box-shadow: inset 0 4px 0 rgba(0,0,0,0.28);
	   -moz-box-shadow: inset 0 4px 0 rgba(0,0,0,0.28);
	        box-shadow: inset 0 4px 0 rgba(0,0,0,0.28);
	overflow: hidden;
	display: none;
	margin: 0 0 0 -70px;

}
.sharebox .inner {padding: 30px; }
.sharebox .nipple { 
	background: url(http://static.tumblr.com/njty47g/oMglqhtgp/share.png) right top no-repeat ;
	width: 18px;
	height: 9px;
	position: absolute;
	right: 45px;
	top: 0;
	display: block;
}
.social_buttons { 
	float: right;
	padding-top: 20px;
}
.social_buttons .active {
	height: auto;
	width: 90px;
	background: none;
}
.social_buttons .tweet_button.active {
	width: 100px;
}
.social_buttons div {
	background: url(http://static.tumblr.com/njty47g/oMglqhtgp/share.png) left top no-repeat;
	width: 90px;
	height: 20px;
	cursor: pointer;
	float: left; 
}
.social_buttons .like_button {
	background-position: -90px top;
	margin-left: 10px;
}
.social_buttons iframe { }
div.shortlink { float: left; }
.shortlink strong {
	color: #5c5c5c;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
	display: block;
}
input.shortlink {
	color: #8b8b8b;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 20px;
	border: 0;
	padding: 0;
	background: #282828;
	width: 300px;
	
}
.meta_list .active .icon { background-color: #666; }
.meta_list .active a { color: #666; }
/* No Search Results page */
#post_0 .post_wrap { 
	padding-bottom: 20px; 
	min-height: 700px;
}

/* -----------------------------------------------------
	T E X T
   ----------------------------------------------------- */

/* -----------------------------------------------------
	P H O T O
   ----------------------------------------------------- */
   
/* -----------------------------------------------------
	P H O T O S E T
   ----------------------------------------------------- */

/* -----------------------------------------------------
	Q U O T E
   ----------------------------------------------------- */
   
.quote, div.like_quote {
	background: url(http://static.tumblr.com/njty47g/St8lqhwk3/pixel_grid.gif) repeat;
	color: #555;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 18px;
	text-shadow: 0 1px 0 #fff;
	line-height: 26px;
	padding: 20px 30px 20px 40px;
	margin-bottom: 20px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	position: relative;
}
.quote .ldquo {
	font-size: 90px;
	position: absolute;
	left: -10px;
	top: 18px;
	line-height: 1;
}
div.like_quote { padding-left: 30px; }
span.like_quote p { display: inline; }
#likes .like_quote { font-family: Georgia, Times, "Times New Roman", serif; font-size: 18px; }

/* -----------------------------------------------------
	L I N K
   ----------------------------------------------------- */
   
.type_link .post_title, #flyout #likes .like_link a {
	background: url(http://static.tumblr.com/njty47g/St8lqhwk3/pixel_grid.gif) repeat;
	padding: 16px 25px;
	border: 0;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.like_link { margin-bottom: 20px; }
.like_link a { display: block; }
   
/* -----------------------------------------------------
	C H A T
   ----------------------------------------------------- */
   
.chat { 
	margin: 0 0 20px 0;
}
.chat li, .like_chat .like_line { padding: 8px 10px; }
.chat li.even, .like_chat .like_line:nth-child(even) { background: url(http://static.tumblr.com/njty47g/St8lqhwk3/pixel_grid.gif) repeat; }
.chat .speaker, .like_chat .like_line strong { 
	font-weight: bold; 
	text-transform: uppercase;
	font-size: 12px; 
}
body.permalink .chat li,
   
/* -----------------------------------------------------
	A U D I O
   ----------------------------------------------------- */
   
.type_audio {}
.player_container {
	position: relative;
	margin-bottom: 20px;
}
.album_wrap { 
	float: left; 
	width: 218px; 
	margin: 0 26px 5px 0; 
	position: relative;
}
.album_art img { 
	width: 190px;
	height: 190px;
	margin: 4px 0 0 24px; 
}
.album_case {
	background: url(http://static.tumblr.com/njty47g/vYglqi01c/audio.png) -2px top no-repeat;
	position: absolute;
	width: 218px;
	height: 198px;
	left: 0;
	top: 0;
}
.player {  margin-left: 244px; }
.audio_player {
	height: 27px;
	padding: 2px;
	margin-bottom: 20px;
	border: 1px solid #D5D5D5;
	display: inline-block;
}
.audio_meta span { display: block; line-height: 24px; }
.audio_meta .track_name,
.audio_meta .artist { 
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: 700;
}
.audio_meta .artist { font-size: 15px; }
.audio_meta .album { font-weight: 300;  }
.audio_meta .plays { 
/*
	background: url(http://static.tumblr.com/njty47g/St8lqhwk3/pixel_grid.gif) repeat-x;
	padding-top: 4px;
	margin: 6px 0;
*/
	font-size: 9px; 
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.audio_meta .download { 
	color: #333;
	font-weight: bold;
/* 	border-bottom: 1px solid #eee; */
/* 	padding-bottom: 1px; */
	position: relative;
	padding-left: 20px;
}
.audio_meta .download .icon {
	background: url(http://static.tumblr.com/njty47g/vYglqi01c/audio.png) right top no-repeat;
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 0;
}
.audio_meta .download:hover { 
/* 	border-color: #999;  */
}
   
/* -----------------------------------------------------
	V I D E O
   ----------------------------------------------------- */
   
/* -----------------------------------------------------
	A N S W E R
   ----------------------------------------------------- */
   
.asker_portrait {
	float: left;
	margin: 0 20px 20px 0;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}
.question blockquote,
.question em { font-family: Georgia, Times, "Times New Roman", serif; }

.question em { font-style: italic; }
.question blockquote { 
	color: #666; 
	font-size: 16px; 
	line-height: 24px; 
	margin: 15px 0 20px;
}
   
/* -----------------------------------------------------
	P A G I N A T I O N
   ----------------------------------------------------- */
   
#pagination { position: relative; }
.next_prev a {
	font-size: 16px;
	padding: 0;
	border: 0;
}
.next_prev .next { float: right; }
.next_prev .prev { float: left; }
.current_page { 
	color: #aaa;
	font-weight: 500;
	font-size: 22px; 
	text-align: center;
	position: absolute;
	left: 0;
	top: 28px;
	width: 200px;
	margin: 0 180px;
}


/* -----------------------------------------------------
	F L Y O U T  P A N E L
   ----------------------------------------------------- */

.overlay_mode { overflow: hidden; margin-right: 15px; }
#overlay {
	bottom: 0;
	right: 0;
	left: 0;
	left: 0;
	overflow-x: auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	z-index: 20;
	display: none;
}
#flyout_wrap {
	width: 890px;
	height: 100%;
	z-index: 20;
}
#flyout {
	width: 585px;
	background: rgb(255,255,255);
	background: rgba(255,255,255,.98);
	position: relative;
	-webkit-box-shadow: -1px 0 0 rgba(0,0,0,0.27), 1px 0 0 rgba(0,0,0,0.27), 3px 0 0 rgba(25,25,25,0.2);
	   -moz-box-shadow: -1px 0 0 rgba(0,0,0,0.27), 1px 0 0 rgba(0,0,0,0.27), 3px 0 0 rgba(25,25,25,0.2);
	        box-shadow: -1px 0 0 rgba(0,0,0,0.27), 1px 0 0 rgba(0,0,0,0.27), 3px 0 0 rgba(25,25,25,0.2);
	min-height: 100%;
	overflow: hidden;
	opacity: 0;
}
#flyout .content { 
	float: left; 
	width: 500px;
	padding: 40px 20px 40px 40px;
}
#close_flyout { 
	position: absolute;
	right: 8px;
	top: 0;
	width: 20px;
	display: none;
}

#close_flyout a {
	position: fixed;
	background: url(http://static.tumblr.com/njty47g/QyHlqo1da/close.gif) no-repeat;
	width: 12px;
	height: 12px;
	display: block;
	text-indent: -999em;
	top: 12px;
}
.overlay_mode #overlay { display: block; }

#tweets {
	margin: 20px 0;
}
#tweets li {
	padding: 20px 0;
	border-top: 1px solid #ddd;
}
#tweets li:first-child { border: 0; }
#tweets .tweet { font-size: 14px; margin-bottom: 5px; }
#tweets .tweet_meta { 
	color: #999; 
	font-size: 12px; 
}
#tweets .tweet_meta a { 
	font-family: 'Lekton', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	font-weight: normal;
	color: #999; 
}
#tweets .tweet_meta a:hover {
	color: #666;
}
#likes .like_post {
	color: #555;
	border-top: 1px solid #ddd;
	padding: 30px 0;
}
#likes .like_post:first-child { border-top: 0; }
#likes .like_post img {
	display: block;
	min-width: 500px;
	max-width: 500px;
}
#likes .like_caption { margin-top: 20px; }
#likes .like_caption p { margin-bottom: 20px;}
#likes blockquote { border-left: 1px solid #DDDDDD; padding-left: 12px;}


/* -----------------------------------------------------
    N O T E S  +  D I S Q U S
   ----------------------------------------------------- */

#disqus, #notes {
	width: 500px;
	padding: 25px 30px;
	border-top: 1px solid #ddd;
	margin-left: -30px;
}
#disqus a { border: 0; padding: 0; }
#disqus h2, #notes h2 { font-size: 24px; }
#disqus h3 { font-size: 15px; }
#disqus_thread { margin: 0 !important;}

#notes ol { margin : 0; list-style: none;}
ol.notes { padding-bottom: 20px }
ol.notes a { border-bottom: 1px solid #fff; margin-top: -1px; padding: 1px 0; }
ol.notes li {font-size: 12px; position: relative; padding: 8px 20px 8px 30px; border-bottom: 1px solid #f5f5f5; }
ol.notes li.reblog { background-position: right -48px;  }
ol.notes li.like { background-position: right 12px;}
ol.notes li.reply { background-position: right 12px;}
ol.notes li .avatar { position: absolute; left: 0; top: 8px; }
ol.notes li .action { }
ol.notes li .action a { }
ol.notes li blockquote { border-left: 3px solid #f0f0f0; margin-top: 10px; padding: 2px 5px 2px 12px; }
ol.notes li:last-child { background-position: right -105px; }
ol.notes li.more_notes_link_container { background: none !important; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	F O O T E R
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
#footer { clear: both; text-align: center; }
#footer .credits { font-size: 11px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	B O D Y  C L A S S  C O N F I G
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
body.center_layout #page,
body.center_layout #flyout_wrap { margin: 0 auto; }
body.center_layout #flyout { margin-left: -30px; }

   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	I E
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.ie .post, .ie #posts, .ie .post_icon, .ie #content { zoom: 1; }
.ie #nav li.archive { border-right: 0; }


/*
 * End of CSS
 */