/* ======================================================================

   PANOPTICON, a theme
   By Naz Hamid of Weightshift, a design studio
   http://weightshift.com

======================================================================== */

* { padding: 0; margin: 0; }

/*----------------------------------------------------------------------- 
   Standard styles
 ------------------------------------------------------------------------ */

body {
	color:			#666;
	background-color: 	#fff;
	font-family: 	"ff-dagny-web-pro-1","ff-dagny-web-pro-2", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	text-shadow:	rgba(255, 255, 255, .01) 0px -1px 1px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-size: 		14px;
	line-height:	20px;
	margin:			0;
}

a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #c00; text-decoration: none; }
a:active { color: #333; text-decoration: none; }

img { border: none;	}
img.wide { margin-left: -10px; }
img.right { float: right; }
img.left { float: left; margin: 0 10px 0 0; }

h1 {
	color:			#333; 
	font-family: 	"ff-dagny-web-pro-1","ff-dagny-web-pro-2", "Helvetica Neue", Helvetica, Arial, sans;
	font-weight: 	bold;
	font-size: 		36px;
	line-height: 	36px;
	margin-bottom: 	20px;
}

h2 { 
	font-family: 	"ff-dagny-web-pro-1","ff-dagny-web-pro-2", "Helvetica Neue", Helvetica, Arial, sans;
	text-shadow:	rgba(255, 255, 255, .9) 0px -1px 1px;
	font-weight: 	bold;
	font-size: 		20px;
	line-height: 	20px;
	margin-bottom:	20px;
}

h3 {
	font-family: 	"ff-dagny-web-pro-1","ff-dagny-web-pro-2", "Helvetica Neue", Helvetica, Arial, sans;
	font-weight: 	bold;
	text-transform: uppercase;
	font-size: 		12px;
	line-height: 	20px;
	margin-bottom:	10px;
}

h4 {
	font-family: 	"ff-dagny-web-pro-1","ff-dagny-web-pro-2", "Helvetica Neue", Helvetica, Arial, sans;
	font-size:		11px;
	font-weight: 	normal;
	text-transform: uppercase;
	line-height: 	20px;
}

h5 {
	font-family: 	"ff-dagny-web-pro-1","ff-dagny-web-pro-2", "Helvetica Neue", Helvetica, Arial, sans;
	font-size:		10px;
	font-weight: 	bold;
	text-transform: uppercase;
	line-height: 	20px;
}

p { margin-bottom:	20px; }

ol, ul { padding: 0 0 0px 20px; }

ol li, ul li { line-height: 20px; padding: 0px 0px 20px 0px; }

blockquote { padding: 0px 30px 20px 30px; }

blockquote p { font-size: 13px; line-height: 20px; }

code { font: 12px courier; }

.group:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
} 


/*----------------------------------------------------------------------- 
   Layout
 ------------------------------------------------------------------------ */

#core { width: 960px; padding: 80px 0 0 0; margin: 0px auto 0 auto; }

#content {
	float:			left;
	width:			780px;
	padding:		0;
	margin:			-1px 0 0 0;
}

.col-two {
	float:			left;
	width:			120px;	
	padding:		0 10px 0 10px;
	margin:			0 20px 0 0;
}

.col-two-end {
	float:			left;
	width:			120px;	
	padding:		0 10px 0 10px;
	margin:			0 0 0 0;
}

.col-three {
	float:			left;
	width:			200px;	
	padding:		0 10px 0 10px;
	margin:			0 20px 0 0;
}

.col-four {
	float:			left;
	width:			280px;	
	padding:		0 10px 0 10px;
	margin-left: 	20px;
}

.col-six { 
	float:			left;
	width:			440px;	
	padding:		0 10px 0 10px;
	margin:			0 20px 0 0;
}

.col-left { 
	float:			left;
	width:			360px;
	padding: 		0 10px 0 10px;
	margin:			0 20px 0 0;
}

.col-right {
	float:			left;
	width:			360px;
	padding: 		0 10px 0 10px;
	margin:			0;
}

#footer { 
	width:			960px;
	padding:		0px 0 30px 0;
	margin: 		0 auto 0 auto;
}

#footer a { display: block; line-height: 20px; }

#footer .col-two, #footer .col-six { color: #999; padding: 20px 10px 0 10px; border-top: 1px solid rgba(51,51,51,0.5); }

#top-of-page a {
	float:			left;
	width:			280px; 
	display: 		block;
	border-top:		1px solid rgba(51,51,51,0.2);
	padding:		20px 10px 20px 10px;
	-webkit-transition: opacity .3s linear;
}

#top-of-page em { 
	float: 			right; 
	background: 	url(http://absenter.org/tumblr/_gfx/icon_up.png) 0 50% no-repeat; 
	padding-right: 	12px;
	opacity:		0.4;
	filter: 		alpha(opacity=40);
	-moz-opacity:	0.4; 
}

#top-of-page a:hover {
	opacity:		1;
	filter: 		alpha(opacity=100);
	-moz-opacity:	1; 
	border-top:		1px solid rgba(51,51,51,1.0);
}

#top-of-page a:hover em {
	opacity:		1;
	filter: 		alpha(opacity=100);
	-moz-opacity:	1; 
}

/*----------------------------------------------------------------------- 
   Blog
 ------------------------------------------------------------------------ */

#ribbon { background: url(http://absenter.org/tumblr/_gfx/pattern_dotted.png) top repeat-x; }

#header .col-two a { display: block; line-height: 20px; }
#header .about a { display: inline; line-height: 20px; }

#header .col-two-end a.rss { display: block; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity:	0.6; -webkit-transition: opacity .3s linear; }

#header .col-two-end a:hover.rss { opacity:	1; filter: alpha(opacity=100); -moz-opacity: 1; }

#header .col-six a:link, #header .col-six a:visited, #header .col-six a:hover { font-size: 16px; color: #c00; }
#header .col-six a:hover { color: #fff; background-color: #c00; }

.about { padding-bottom: 20px; border-bottom: 1px solid rgba(51,51,51,0.1); font-size: 11px; }

.search {
	color:			#fff;
	line-height: 	20px;
	text-shadow:	rgba(255, 255, 255, .1) 0px -1px 1px;
	background:		transparent;
	border:			1px solid #d6d5c9;
	margin-bottom: 	-2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.search:hover { cursor: pointer; }

input:focus.search { color: #333; background: #fff; border: 1px solid rgba(255, 255, 255, .5); }

ol.entries { list-style: none; padding: 0; margin: 0 0 40px 0; }

.entry h1 { padding: 0 0 0 10px; margin: 0px 0 40px 0; }

.entry h1 span, .entry h5 { display: block; color: #d6d5c9; }

.entry { 
	float:			left;
	width:			780px;
	padding:		20px 0px 0px 0px;	
	border-top:		1px solid rgba(51,51,51,0.5);
	margin:			0 0 40px 0; 
}

.entry img { width: 440px; }
.entry img.wide { width: 610px; margin-left: -170px; }
.video { width: 610px; margin-left: -170px; }

.entry p { font-size: 14px; line-height: 22px; }

.more { font-size: 14px; font-weight: bold; background: url(http://absenter.org/tumblr/_gfx/icon_next.png) 0 50% no-repeat; padding-left: 20px; }

.byline, .tags, #prev, #next, #arc-rss { line-height: 20px; }

#prev {
	float: 			left;
	width:			220px;
	margin:			0 20px 0 0;
}

#next {
	float: 			left;
	width:			220px;
	margin:			0;
}

#prev a:hover, #next a:hover { 
	text-decoration: none; 
	border-top: 	1px solid rgba(51,51,51,1.0);
}

#prev a:hover em, #next a:hover em {
	opacity:		1;
	filter: 		alpha(opacity=100);
	-moz-opacity:	1;
}

#prev a { 
	display: 		block;
	border-top:		1px solid rgba(51,51,51,0.2); 
	padding:		20px 10px 20px 10px !important;
	text-align: 	right;
}

#prev em { 
	float: 			left; 
	background: 	url(http://absenter.org/tumblr/_gfx/icon_prev.png) 0 50% no-repeat; 
	padding-left: 	12px;
	opacity:		0.4;
	filter: 		alpha(opacity=40);
	-moz-opacity:	0.4;
}

#next a { 
	display: 		block;
	border-top:		1px solid rgba(51,51,51,0.2);
	padding:		20px 10px 20px 10px;
}

#next em { 
	float: 			right; 
	background: 	url(http://absenter.org/tumblr/_gfx/icon_next.png) 0 50% no-repeat; 
	padding-right: 	12px;
	opacity:		0.4;
	filter: 		alpha(opacity=40);
	-moz-opacity:	0.4; 
}

#arc-rss {  float: left; border-top: 1px solid rgba(51,51,51,0.5); padding: 20px 0px 20px 0px; margin: 0 0 0 20px; }

#arc-rss a { display: block; }

#arc-rss .col-left { float: left; width: 120px; padding: 0 10px 0 10px; margin-right: 20px; }
#arc-rss .col-right { float: left; width: 120px; padding: 0 10px 0 10px; }

#arc-rss .col-right a { 
	opacity:		0.6;
	filter: 		alpha(opacity=60);
	-moz-opacity:	0.6; 
}

#arc-rss .col-right a:hover { 
	opacity:		1;
	filter: 		alpha(opacity=100);
	-moz-opacity:	1; 
	-webkit-transition: opacity .3s linear;
}

.sidebar {
	float: left; 
	clear: left; 
	width: 120px; 
	text-align: left; 
	color: #666; 
	font-size: 11px !important;
	line-height: 16px !important;
	padding: 10px;
	margin-left: -170px; 
	border-top: 1px solid rgba(51,51,51,0.3);
}

ol.notes {
	padding: 0px;
	margin: 25px -10px 25px -10px;
	list-style-type: none;
	border-bottom: 1px solid rgba(51,51,51,0.3);
}	

ol.notes li.note {
    border-top: 1px solid rgba(51,51,51,0.3);
    padding: 10px;
}

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

ol.notes li.note span.action {
    font-weight: bold;
}

ol.notes li.note .answer_content {
    font-weight: normal;
}

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

ol.notes li.note blockquote a {
    text-decoration: none;
}


/*----------------------------------------------------------------------- 
   Misc.
 ------------------------------------------------------------------------ */

.lead-in { font: italic normal 13px Georgia; line-height: inherit; }
.caps { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }

.ghost { opacity: .4; -webkit-transition: opacity .2s linear; }
.ghost:hover { opacity: 1; }