/*	
	System Theme
	A clean, simple, blog-style Tumblr theme
	
	Copyright © 2012 John Matula (john@johnmatula.com)
	Please keep this little note intact if you modify :)	
*/
	

/** Generic elements *************************************************************/
body {
	margin:0;
	padding:0;
	font-family:'Frutiger55','Helvetica Neue','Helvetica','Lucida Grande','Calibri',sans-serif;
	background:rgb(236,239,241);
	word-wrap:break-word;
	color:rgb(22,34,40);
}

a{
	text-decoration:none;
	border-bottom:1px solid rgb(176,190,197);
	color:rgb(22,34,40);
	-webkit-transition:border-bottom .15s, color .15s, background .15s;
}
a:hover,a:focus{
	color:rgb(22,34,40);
	background:rgb(236,239,241);
	border-bottom:1px solid rgb(236,239,241);
}
a:active{
	background:rgb(22,34,40);
	color:rgb(236,239,241);
}
a img{
	border:0;
}
blockquote{
	margin:0 0 10px 10px;
	border-left:1px dashed rgb(176,190,197);
	padding:0 0 0 10px;
}
h1{
	font-size:3.33em;
	margin:0 0 10px 0;
}
h1 a, h1 a:hover, h1 a:focus, h1 a:active{
	border:none;
}
h2{
	font-size:2.33em;
	margin:0 0 10px 0;
}
h3{
	font-size:20px;
	margin:0 0 10px 0;
}
img{
	display:block;
	margin:0 auto;
	max-width:100%;
}
p{
	margin:0 0 10px 0;
	line-height:1.4em;
	font-size:1em;
}


/** IDs **************************************************************************/
#footer .squish{
	margin:0;
}
#general_container{
	
}
#header{
	background:rgb(2,136,209);			/* Darker header background for margin */
}
#header .squish{
	margin:10px 250px 0 0;
	padding:0 10px;
	border-right:1px solid white;
}
#header .sidebar{
	margin:10px 0 10px 0;
}
#header>div{
	margin:0 auto 0 auto;
	width:770px;
	overflow:hidden;
	background:rgb(41,182,246);			/* Header background */
}
#footer{
	background:;
}
#footer>div{
	margin:0 auto 0 auto;
	width:770px;
	padding:0;
	background:rgb(255,255,255);
	overflow:hidden;
	font-size:.75em;
}
#footer p{
	margin:0;
}
#notes-container{
	color:white;
}
#notes-container blockquote{
	margin:3px 0 0 19px;
}
#notes-container>div{
	background:rgb(49,27,146);
}
#notes-container .squish{
	margin:0;
}
#mainmenu{
	background:rgb(81,45,168);
	overflow:hidden;
}
#mainmenu .squish{
	padding:0;
	margin:0;
	background:rgb(103,58,183);
	overflow:hidden;
}
#mainmenu .squish ul{
	padding:0;
	margin:0;
	list-style:none;
}
#mainmenu .squish li{
	width:auto;
	height:auto;
	margin:0;
	display:inline-block;
	padding:0;
	float:left;
}
#mainmenu a{
	padding:10px;
	color:rgb(220,220,220);
	display:inline-block;
	border:0;
}
#mainmenu a:hover, #mainmenu a:focus{
	color:rgb(255,255,255);
	background:rgb(49,27,146);
}
#mainmenu a:active, #mainmenu .on{
	color:rgb(60,60,60);
	background:rgb(220,220,220);
}
#pagination>div, #notes-container>div, #mainmenu>div{
	margin:0 auto 0 auto;
	width:770px;
	padding:0;
	overflow:hidden;
}
#pagination{
	overflow:hidden;
	background:rgb(2,136,209);			/* Darker header background for margin */
}
#pagination>div{
	background:rgb(41,182,246);			/* Header background */
}
#pagination a{
	padding:20px 0 20px 0;
	border:0;
	display:block;
	width:100%;
	height:100%;
}
#pagination a:hover{
	/*background:rgba(255,255,0,.5);*/
}
#pagination .prev{
	float:left;
	width:110px;
}
#pagination .next{
	float:right;
	width:250px;
}
#profilepic{
	width:230px;
	height:230px;
	float:right;
	margin:0;
	padding:0 0 0 10px;
	border-left:1px solid white;
}
#profilepic #avatar{
	width:230px;
	height:230px;
}
#search{
	float:right;
	width:230px;
	padding:6px 10px;
	background:rgb(49,27,146);
}
#searchbox{
	width:220px;
	height:23px;
	margin:0;
	padding:2px 5px;
	border:0;
	font-family:'Frutiger55','Helvetica Neue','Helvetica','Lucida Grande','Calibri',sans-serif;
	font-size:.8em;
	background:rgb(220,220,220);
	outline:none;
	-webkit-transition:background-color .15s;
}
#searchbox:focus{
	background:rgb(255,255,255);
}
#search_details{
	background:rgb(176,190,197);
}
#search_details .squish{
	background:rgb(236,239,241);
}
#search_query{
	font-weight:bold;
}
#search_count, #search_results_word{
	font-weight:bold;
}
#tumblr_controls{
	top:11px !important;
	opacity: .25 !important;
	-webkit-transition:opacity .15s;
}
#tumblr_controls:hover{
	opacity:1 !important;
}
#tumblr_controls.tcj{
	color:red !important;
	top:11px !important;
	opacity: .25 !important;
	-webkit-transition:opacity .15s;
}
#tumblr_controls.tcj:hover, #tumblr_controls.tumblr_sticky_iframe.tcj:hover{
	opacity:1 !important;
}
#tumblr_controls.tumblr_sticky_iframe.tcj{
	position:absolute !important;
	top: 11px !important;
}


/** Post classes *****************************************************************/
.regular, .photo, .quote, .question, .video, div.photoset, .link, .conversation, .audio{
	padding:10px 0;
}

.regular .squish, .photo .squish, .quote .squish, .question .squish, .video .squish, .photoset .squish, .link .squish, .conversation .squish, .audio .squish{
	margin:0 250px 0 0;
	padding:0 10px;
	border-right:1px solid rgb(176,190,197);
}


/** Classes **********************************************************************/
.answer_form_container div{
	border-radius:0px !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-bottom:0px !important;
	font:normal 10px inherit !important;
}
.caption{
	word-break: break-word;
}
.caption img{
	width:100%;
	height:auto;
}
.chatcontent{
	overflow:hidden;
}
.chatcontent dl{
	clear:both;
	margin:0 0 10px 0;
}
.chatcontent dt{
	float:left;
	display:block;
	width:90px;
	padding:0 10px 10px 0;
	margin:0 -1px 0 0;
	border-right:1px solid rgb(236,239,241);
}
.chatcontent dd{
	overflow:hidden;
	margin:0;
	padding:0 0 0 10px;
	border-left:1px solid rgb(236,239,241);
}
.description{
	margin:0 0 10px 0;
	padding:0;
	font-size:1.3em;
}
.fancyrule{
	height:10px;
	background:;
}
.fancyrule>div{
	margin:0 auto 0 auto;
	width:770px;
	height:10px;
	background:white;
	overflow:hidden;
}
.imagecontainer{
	width:500px;
	height:auto;
	background:url('check.png') left top;
	text-align: center;
}
.imgtag a{
	border:0 !important;
	background:none !important;
}
.priority{
	background:rgb(230,210,210) !important;
}
.priority:hover{
	background:rgb(200,20,10) !important;
}
.priority:hover>div{
	background:rgb(250,230,230);
}
.do_not_display, .do_not_display + #notes-container{
	display:none;
}

.meta{
	opacity:.6;
	-webkit-transition:opacity .3s;
	-webkit-font-smoothing:antialiased;
}
.post:hover .meta{
	opacity:1;
}
.post>div{
	background:white;
	-webkit-transition:background-color .3s;
}
.meta p{
	font-size:.75em;
	margin:0 0 5px 0;
}
.more_notes_link{
	padding:5px;
	font-size:1.25em;
}
ol.notes{
	margin:0;
	padding:0;
	-webkit-columns:2;
	-webkit-font-smoothing:antialiased;
}
.notes .action{
	display:block;margin:-15px 0 0 20px;
	box-sizing:border-box;
	-webkit-column-break-inside:avoid;
}
.notes img{
	margin:0;
	display:inline;
	vertical-align:text-bottom;
}
.notes li:last-child{
	margin:0;
}
.notes blockquote{
	margin:0;
	padding:0;
	border:0;
}
.notes li a{
	border:0;
	color:rgb(210,210,210);
}
.notes li a:hover{
	background-color:rgba(255,255,255,.2);
}
.notes li{
	margin: 0 0 10px 0;
	padding:0;
	font-size:.75em;
	min-height:16px;
	list-style-type:none;
}
.pager{
	text-align:center;
	margin:0;
	padding:20px 250px 20px 250px;
	border:0;
	font-size:1em;
}
.prev, .next{
	text-align:center;
	margin:0;
	border:0;
}
.read_more:after{
	content:' \2192';
	color:rgb(100,100,100);
}
.sidebar{
	float:right;
	display:block;
	width:230px;
	height:100%;
	padding:0 10px;
	border-left:1px solid rgb(176,190,197);
}
.sidebar p:last-child{
	margin:0 0 10px 0 !important;
}

.sidebar .meta p:last-child{
	margin: 0 !important;
}

.squish{
	box-sizing:border-box;
	padding:10px;
}
.taggie a{
	margin:0 5px 0 0;
}
.upcase{
	text-transform:capitalize;
}


/** Post types *******************************************************************/
.post{
	background:;
	-webkit-transition:background .3s;
	margin-bottom:1px;
}

.post:last-child{
	margin-bottom:0;
}

#search_details.post{
	margin-bottom:0 !important;
}

.post p:last-child{
	margin:0;
}

.post:nth-child(2n){
	-webkit-transition:background .3s;
}

.post>div{
	margin:0 auto 0 auto;
	width:770px;
	background:white;
	overflow:hidden;
}
/*.post:hover{
	background:rgba(0,0,0,.1);
}
.post:nth-child(2n):hover{
	background:rgba(0,0,0,.15);
}*/
/*
.post .regular{
	background:rgba(29,61,255,.1);
}
.post .photo{
	background:rgba(200,20,25,.1);
}
.post .quote{
	background:rgba(50,250,20,.1);
}
.post .question{
	background:rgba(30,80,0,.1);
}
.post .video{
	background:rgba(50,100,200,.1);
}
.post .photoset{
	background:rgba(255,255,20,.1);
}
.post .link{
	background:rgba(176,190,197,.1);
}
.post .conversation{
	background:rgba(40,80,200,.1);
}
*/