/*

mrmattspangler.com custom CSS


*/

body, html{
	padding:0;
	margin:0;
	font:100% Arial, Helvetica, sans-serif;
}

body{
	font-size:.625em;
	background:url(images/bg_shadow_complete.png) left bottom no-repeat;
	margin-bottom:37px;
}

a{
	color:#35baf5;
	text-decoration:none;
}

img, a img{
	border:none;
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0;
	font-weight:bold;
	letter-spacing:-1px;
}

h2{
	font-family:Georgia, "Times New Roman", Times, serif;
}

cite{
	font-style:normal;
}

.hidden{
	display:none !important;
}

.pagecol-all{
	width:1000px;
}

.maincontent{
	float:left;
	width:451px;
	border-right:1px #dadada solid;
	overflow:hidden;
}

.pagetype-permalink .maincontent{
	width:599px;
}

.pagetype-tag .maincontent{
	width:451px;
}

.sidebar{
	float:left;
	width:548px;
	border-left:1px #dadada solid;
	margin-left:-1px;
	overflow:hidden;
}

.pagetype-permalink .sidebar{
	width:400px;
}

.pagetype-tag .sidebar{
	width:548px;
}

/* ************* Page header **************** */
.pageheader{
	background-color:#000;
	background-position:top left;
	background-repeat:no-repeat;
	color:#fff;
	min-height:111px; /* 149 - 38 */
	padding:38px 40px 0;
}

* html .pageheader{
	height:111px;
}

.pageheader h1{
	float:left;
	text-transform:uppercase;
	font-size:2.7em;
	line-height:1em;
	margin-right:40px;
	width:170px;/* 250 - 40 - 40 */
}

.pageheader h1 a{
	color:#fff;
}


.pageheader .pageheader-descriptions{
	width:470px; /* 750 - 40 - 240 */
	float:left;
	padding-top:15px;
}

.pageheader .pageheader-descriptions.pageheader-multiline{
	padding-top:0;
}

.pageheader .pageheader-descriptions p{
	font-size:1.1em;
	padding:0;
	margin:0 0 20px;
}


.pageheader .pageheader-searchform{
	float:left;
	width:230px;
	padding-top:22px;
	padding-left:10px;	
}


.pageheader .pageheader-searchform form, .pageheader-searchform fieldset, .pageheader-searchform input{
	padding:0;
	margin:0;
	outline:none;
	border:0px;
}

.pageheader-searchform fieldset{
	display:block;
	background-color:#fff;
	padding:4px;
	height:1%;
}

.pageheader-searchform .frm_text{
	font:1.2em Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	width:140px;
	padding:4px 4px 0 4px;
	width:130px;
}

.pageheader-searchform .frm_submit{
	background-color:#fff;
	font:1.6em Arial, Helvetica, sans-serif;
	color:#35b9f6;
	font-weight:bold;
	text-transform:uppercase;
	float:right;
	width:75px;
}

/* ************* Page Content **************** */
.pagecontent{
	background:#fff url(images/bg_page.png) bottom left no-repeat;
}

.pagetype-permalink .pagecontent{
	background-image:url(images/bg_page-wide-light.png);
}

.maincontent{
	
}


/* ************* Section Nav **************** */
.sectionnav{
	float:left;
	background-color:#000;
	padding:0 11px;
	display:block;
	color:#fff;
	height:4em;
	line-height:4em;
}

.maincontent .sectionnav{
	margin-top:20px;
}

.postitem .sectionnav{
	margin-bottom:20px;
}

.module .sectionnav{
	position:relative;
	left:-30px;
}

.sectionnav .sectionnav_lbl{
	text-transform:uppercase;
	font-size:1.8em;
	float:left;
}

.sectionnav .sectionnav_lbl a{
	color:#fff;
}

.sectionnav .sectionnav_navlinks{
	float:left;
	margin:8px 0 0 12px
}

.sectionnav .sectionnav_navlinks .nav_prev, .sectionnav .sectionnav_navlinks .nav_next{
	width:12px;
	height:23px;
	display:block;
	outline:none;
}

.sectionnav .sectionnav_navlinks .nav_prev{
	float:left;
	margin-right:5px;
	display:inline;
}

.sectionnav .sectionnav_navlinks .nav_next{
	float:left;
}

.sectionnav .sectionnav_navlinks .nav_prev span, .sectionnav .sectionnav_navlinks .nav_next span{
	visibility:hidden;
	width:12px;
	height:23px;
	overflow:hidden;
	display:block;
}

.sectionnav .sectionnav_navlinks a.nav_prev{
	background:url(images/icon_prev.gif) top left no-repeat;
}

.sectionnav .sectionnav_navlinks a.nav_next{
	background:url(images/icon_next.gif) top left no-repeat;
}

.sectionnav .sectionnav_navlinks span.nav_prev{
	background:url(images/icon_prev_disabled.gif) top left no-repeat;
}

.sectionnav .sectionnav_navlinks span.nav_next{
	background:url(images/icon_next_disabled.gif) top left no-repeat;
}



/* ************* Post List **************** */
.postlist, .postitem, .linklist, .listlabel, .linkitem, .titlelist, titleitem{
	margin:0;
	list-style:none;
	list-style-position:outside;
	padding:0;
}


/* ************* Post content **************** */

.postlist{
	clear:both;
}

.postitem{
	background:#fff url(images/bg_gradient_short.gif) bottom left repeat-x;
	border-bottom:1px #e5e5e5 solid;
	padding:40px 40px 35px;
	display:block;
	clear:both;
}

.pagetype-permalink .postitem{
	background:none;
	border:none;
}

.postitem .postheader{
	margin-bottom:20px;
}

.postitem .postdate{
	font-size:1.4em;
	font-weight:bold;
	color:#c0c0c0;
	float:left;
	text-transform:uppercase;
}

.postitem .postdate .span_em{
	color:#35b9f6;
}

.postitem .postportrait{
	float:right;
	background-position:top left;
	background-repeat:no-repeat;
}

.postitem .postportrait span{
	visibility:hidden;
	display:block;
	width:16px;
	height:16px;
	display:block;
	overflow:hidden;
}

.postitem .postcontent{
	font-size:1.3em;
	clear:both;
}

.postcontent .posttitle{
	font-size:2em;
	line-height:1em;
	color:#35b9f6;
	margin-bottom:20px;
}

.postcontent p{
	line-height:1.3846em; /* 18px */
	padding:0;
	margin:0 0 20px;
}

.postcontent ul, .postcontent ol{
	margin-bottom:10px;
}

.postcontent blockquote{
	border-left:3px #dadada solid;
	padding-left:20px;
}

.postitem .postfooter{
}


/* Imported tumblr posts */
.tumblr_posts, .tumblr_posts .tumblr_post{
	padding:0;
	margin:0;
	list-style:none;
	list-style-position:outside;
}
/* end imported tumblr posts */

/* Post-quote */
.moduletype-quote, .pagetype-permalink .moduletype-quote{
	background:none;
	background-color:#fff;
}

.posttype-quote .postcontent{
	font-size:1em;
}

.posttype-quote blockquote, .tumblr_quote{
	font:2.8em Georgia, "Times New Roman", Times, serif;
	line-height:1em;
	font-weight:bold;
	color:#35b9f6;
	padding:0;
	margin:0 0 11px;
	border:none;
}

.posttype-quote blockquote p, .tumblr_quote blockquote p{
	padding:0 0 .5em;
	margin:0;
	line-height:1em;
	font-size:1em;
}

.posttype-quote blockquote .blockquote_content, .tumblr_quote{
	position:relative;
}

.posttype-quote blockquote .oq, .posttype-quote blockquote .cq, .tumblr_quote .tumblr_open_quote, .tumblr_quote .tumblr_close_quote{
	color:#c0c0c0;
}

.posttype-quote blockquote .oq, .tumblr_quote .tumblr_open_quote{
	display:block;
	width:20px;
	position:absolute;
	left:-20px;
	top:0px;
}

.posttype-quote .quotesource, .tumblr_source{
	font-style:normal;
	font-size:1.3em;
	color:#7d7d7d;
	margin-bottom:10px;
	display:block;
}

.quotelist, .quoteitem{
	padding:0;
	margin:0;
	list-style:none;
	list-style-position:outside;
}

/* Post - photo */
.photolist, .photolist li{
	padding:0;
	margin:0;
	list-style:none;
	list-style-position:outside;
}

.photolist .postcontent{	
	color:#999;
}

.photolist .shim{
	display:block;
}

.photolist .shim img{
	visibility:hidden;
	margin-top:-60px;
}


/* Post-chat */

.posttype-chat{
}

.posttype-chat .posttitle{
	margin-bottom:10px;
}

.chatlist, .chatlist li{
	margin:0;
	padding:0 0 10px;
	list-style:none;
	list-style-position:outside;
}

.chatlist li{
	padding:10px 0 10px;
	border-bottom:1px #dadada solid;
	display:block;
	margin:0;
	list-style-position:outside;
}

.chatlist .label{
	font-weight:bold;
}

/* end post-chat */

.postcontent embed, .postcontent object{
	margin-bottom:10px;
}

/* ************* Special Lists **************** */
.linklist{
	margin-bottom:.5em;
}

.linklist li{
	display:inline;
	font-size:1.2em;
	font-weight:bold;
}

.linklist .listlabel{
	color:#808080;
	text-transform:uppercase;
}

.linklist .linkitem{
}


.titlelist .titleitem{
	margin-bottom:5px;
}

.titlelist .titleitem h2{
	font-size:1.4em;
}


/* ************* Modules **************** */
.module{
	padding:20px 30px;
	border-bottom:1px #d9d9d9 solid;
	clear:both;
	
}

.module .sectiontitle{
	font-size:1.8em;
	text-transform:uppercase;
	line-height:1em;
	margin:0 0 15px;
}

.moduletype-quote{
	background:none;
	background-color:#fff;
}


/** Begin Social **/

.posttype-social cite{
	font-size:1.1em;
	color:#7e7e7e;
}

.posttype-social .box_footer{
	margin-bottom:11px;
	clear:both;
	margin-top:5px;
}

/* Begin Flickr */
.box_flickr .flickr_badge_image{
	float:left;
	margin-right:11px;
	margin-bottom:5px;
}

.box_flickr #flickr_badge_image4{
	margin-right:0;
}
/* end flickr */


/* Begin twitter */
.box_twitter{
	margin-bottom:20px;
}

.box_twitter ul, .box_twitter li{
	padding:0;
	margin:0;
	list-style:none;
	list-style-position:outside;
}

.box_twitter blockquote{
	margin:0;
	padding:0;
	font:1.8em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#333;
}


/* end twitter */

.box_footer{
	clear:both;  
}

/********* Comments ********/
.comments_container{
	padding:0 40px 40px;
}

/* ************* Clearfixing **************** */
.pageheader, .postitem, .module, .box_flickr, .pagecontent, .postcontent, .postlist, .postheader{
	height:1%;
}

.pageheader, .postitem, .module, .box_flickr, .pagecontent, .postcontent, .postlist, .postheader{
	zoom:1;
}

.pageheader:after, .pagecontent:after, .postitem:after, .module:after, .box_flickr:after, .postcontent:after, .postlist:after, .sectionnav:after, .postheader:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.pagecontent{
	overflow:hidden;
}