/*

	Theme Name: Magatheme

	Theme URI: http://bryanhelmig.com/magatheme-cool-minimal-wordpress-theme/

	Description: Magatheme is a 3-column, widget-ready theme with a cool, minimalist magazine look. More info about features at <a href="http://bryanhelmig.com/magatheme-cool-minimal-wordpress-theme/">bryanhelmig.com</a>.

	Version: 1.0.4

	Author: Bryan Helmig

	Author URI: http://bryanhelmig.com

	Tags:light,white,silver,three-columns,right-sidebar





	"Magatheme" by Bryan Helmig



	This theme was designed and built by Bryan Helmig

	of Mid Mo Design: http://midmodesign.com/.



	The CSS, XHTML and design is released under the GPL.



*/



/* Aardvark Reset Thingy http://aardvark.fecklessmind.com/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, section, article, aside, footer

 {border:0;margin:0;outline:0;padding:0;background:transparent;vertical-align:baseline;}



blockquote p {quotes:none;color:#666;}

blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}



header, nav, section, article, aside, footer {display:block;}



/* Basic styles */

body {background:#F0F0F0;color:#000;font-size:13px;font-family:"Lucida Grande", Verdana, "Lucida Sans Regular", "Lucida Sans Unicode", Arial, sans-serif;}

html>body {font-size:12px;}



img {display:inline-block;vertical-align:bottom;}

h1,h2,h3,h4,h5,h6,strong,b,dt,th {font-weight:550;}

address,cite,em,i,caption,dfn,var {font-style:italic;}



h1 {margin:0 0 0.8em;font-size:1.60em;}

h2 {margin:0 0 1em;font-size:1.3em;}

h3 {margin:0 0 1.286em;font-size:1.267em;color:#000;}

h4 {margin:0 0 1.5em;font-size:1em;color:#000;}

h5 {margin:0 0 1.8em;font-size:.834em;}

h6 {margin:0 0 2em;font-size:.75em;}



p,ul,ol,dl,pre {margin:0 0 1em;color:#101010;}



li ul,li ol {margin:0;}

ul {list-style:outside disc;}

ol {list-style:outside decimal;}

li {margin:0 0 0 2em;}

dd {padding-left:1.5em;}

blockquote {padding:0 1.5em;}



a {text-decoration:none;color:#404040;}

a:hover {text-decoration:none;color:#66667A;}

abbr,acronym {border-bottom:1px dotted;cursor:help;}

del {text-decoration:line-through;}

ins {text-decoration:overline;}

sub {font-size:.6em;line-height:1em;vertical-align:sub;}

sup {font-size:.6em;line-height:1em;vertical-align:super;}



tt,code,kbd,samp,pre {font-size:1em;font-family:"Courier New", Courier, monospace;}



/* Table styles */

table {border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;}

caption {text-align:left;}

th, td {padding:.25em .5em;}

tbody td, tbody th {border:0px;text-align:center;}

tfoot {font-style:italic;}



/* Form styles */

fieldset {clear:both;}

legend {padding:0 0 1.286em;font-size:1.167em;font-weight:700;}

fieldset fieldset legend {padding:0 0 1.5em;font-size:1em;}

* html legend {margin-left:-7px;}

*+html legend {margin-left:-7px;}



form .field, form .buttons {clear:both;margin:0 0 1.5em;}

form .field label {display:block;}

form ul.fields li {list-style-type:none;margin:0;}

form ul.inline li, form ul.inline label {display:inline;}

form ul.inline li {padding:0 .75em 0 0;}



input.radio, input.checkbox {vertical-align:top;}

label, button, input.submit, input.image {cursor:pointer;}

* html input.radio, * html input.checkbox {vertical-align:middle;}

*+html input.radio, *+html input.checkbox {vertical-align:middle;}



textarea {overflow:auto;}

input.text, input.password, textarea, select {margin:0;font:1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;vertical-align:bottom;}

input.text, input.password, textarea {border:1px solid #7F9DB9;padding:2px;}



* html button {margin:0 .34em 0 0;}

*+html button {margin:0 .34em 0 0;}



form.horizontal .field {padding-left:150px;}

form.horizontal .field label {display:inline;float:left;width:140px;margin-left:-150px;}



/* Useful classes */

img.left {display:inline;float:left;margin:0 1.5em .75em 0;}

img.right {display:inline;float:right;margin:0 0 .75em .75em;}

.left {float:left !important;display:inline;}

.right {float:right !important;display:inline;}

.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

.alignleft {float: left; padding-right:10px;}

.alignright {float: right; padding-left:10px;}



.clr {clear:both;}

.wrapper {background:#fff; width:1008px;margin:0 auto; padding: 0 0 0 0;}

.marginleft {margin-left:18px !important;}

.marginright {margin-right:18px !important;}

.margintop {margin-top:18px !important;}

.marginbottom {margin-bottom:18px !important;}

.nomargin {margin:0 !important;}



/* header classes */

.header {margin:0 0;color:#4F4F5F;}

.header ul {list-style-type:none;}

.header a {color:#FF6A00;}

.topnav {height:25px;border-bottom:1px solid #C6C6CD;margin:0 0 18px;}

.topnav li {margin:0;float:left;}

.topnav a {color:#5A5A6C;float:left;margin:0 0 0 18px;display:block;}

.topnav a:hover {color:#5A5A6C;}

.topnav .searchbox {float:right;padding:0 10px;}

.head {height:61px;}



.bottomnav {font-size:1em;height:28px;background:#363642;padding-left:7px;margin:0 0 18px;overflow:hidden;}

.bottomnav li {float:left;height:28px;overflow:hidden;margin:0;}

.bottomnav a {color:#EFEFF1;font-weight:normal;padding:5px 7px;display:block;}

.bottomnav a:hover {color:#EFEFF1;background:#45454F;}

.bottomnav .searchbox {float:right;padding:3px 18px;}



.search-text{font-size:10px;}





/* footer classes */

.footer {margin:18px 18px 9px;padding:18px 0 0;border-top:1px #C6C6CD solid;}

.footerleft {width:302px;float:left;}

.footermid {width:302px;float:left;margin:0 18px;}

.footerright {width:302px;float:left;}

.basement {border-top:1px #C6C6CD solid;text-align:center;font-size:0.8em;padding:9px 0;}

.basement a {text-decoration:underline;font-weight:normal;}

.basement p {margin:0.3em 0;}

 

/* sidebar classes */

.sidebar2 {width:356px;padding:0 0 0 18px;float:left;line-height:175%}

.sidebar3 {width:169px;padding:0 0 0 18px;float:left;line-height:175%}

.boxedin {color:#2C2C35;font-weight:normal;background-color:#F7F7FC;border:1px #C6C6CD solid;border-width:1px 0 1px 0;padding:3px 0 3px 8px;}

.sidebars {}

.sidebars h3 {margin:0 0 12px 0;}

.sidebars ul {list-style-type:none;border-bottom:1px solid #EDEDF3;}

.sidebars li {margin:0;padding-left:4px;border-top:1px solid #EDEDF3;}

.sidebars .children {border:0;}

.sidebars #wp-calendar {width:62%;margin:0 auto;}



/* post classes */



/* content classes */

.main {width:607px;padding:0 0 0 10px;float:left;overflow:hidden; line-height:175%}

.article{overflow:hidden; font-size:12px;}

.article h1 {line-height:1.2em;color:#000000;}

.article h1 a{color:#000000;}

.article a {color:#0000ff;}

.solidline {border-bottom:1px #C6C6CD solid;height:1%;clear:both;margin-bottom:18px;}

.dottedline {border-bottom:1px #C6C6CD dotted;height:1%;clear:both;margin-bottom:18px;}

.tags {color:#555;background-color:#F7F7FC;border:1px #C6C6CD solid;border-width:1px 0;padding-left:8px;margin-bottom:20px;}

.tags a {color:#000;}

.extendspost {color:#727288;float:right;text-align:center;list-style-type:none;margin:0 0 0 6px;}

.extendspost li {border-bottom:1px #EDEDF3 solid;margin:0;list-style-type:none;}

.extendspost a {color:#434351;}

.extendspost strong {color:#434351;}

.dropcap {float:left;color:#66667A;font:normal 60pt/0.8em Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;margin-right:3px;}



/* comments */

.commentlist {margin:0 0 18px 18px;list-style-type:none;}

.commentauthor {float:left;text-align:center;font-size:1.25em;margin:0 18px 18px 0;}

.commentauthor a {text-decoration:underline;font-weight:normal;}

.commentlist li {border-bottom:1px #C6C6CD solid;margin:0;padding:18px 0 0 6px;background-color:#F7F7FC;list-style-type:none;}

.commentlist .alt {background-color:#fff;}

.commentlist .authorcomment {}

.commentlist .altauthorcomment {}

.avatar {margin:0 auto;}



.side_align {    display: block;   padding-left:20px; padding-bottom:20px; margin-left: auto; margin-right: auto;}



.wp-pagenavi a, .wp-pagenavi a:link {

	padding: 2px 2px 2px 2px; 

	margin: 2px;

	text-decoration: none;

	color: #CC6633;

	background-color: #FFFFFF;	

}

.wp-pagenavi a:visited {

	padding: 2px 2px 2px 2px;

	margin: 2px;

	text-decoration: none;

	color: #666666;

	background-color: #FFFFFF;	

}

.wp-pagenavi a:hover {	

	color: #000000;

	background-color: #FFFFFF;

}

.wp-pagenavi a:active {

	padding: 2px 2px 2px 2px;

	margin: 2px;

	text-decoration: none;

	color: #CC6633;

	background-color: #FFFFFF;	

}

.wp-pagenavi span.pages {

	padding: 2px 2px 2px 2px; 

	margin: 2px 2px 2px 2px;

	color: #000000;

	background-color: #fff;

}

.wp-pagenavi span.current {

	padding: 2px 2px 2px 2px;

	margin: 2px;

	font-weight: bold;

	color: #000;

	background-color: #fff;

}

.wp-pagenavi span.extend {

	padding: 2px 2px 2px 2px;

	margin: 2px;	

	color: #000000;

	background-color: #fff;

}



.nav {color:#727288;font-weight:600;background-color:#fff;border:0px #C6C6CD solid;border-width:5px 0;padding-left:8px;}



li.comment-author-admin{

background:#222222;  /* change author comment background */

color:#FFF;  /* change author comment font color */

}





/* Begin Small Blocks */

.small-blocks {

	text-align: center;

	width: 595px;

	overflow: hidden;

	float: left;

	margin-bottom: 5px;

}

.left-bl {

 	float: left;

	width: 185px;

	overflow: hidden;

	text-align: left;

}

.right-bl {

	width: 185px;

	float: left;

	overflow: hidden;

	text-align: left;

}



.middle-bl {

	width: 195px;

	float: left;

	overflow: hidden;

	text-align: left;

}



.small-blocks ul { list-style: none; margin-left: 0px; }

.small-blocks ul li { list-style-type: none; text-indent: 0px; margin-left: 0px; }

.clear {

	clear: both;

}



.small-blocks h3 {color:#CC6633;}



/* End Small Blocks */

/* Related Posts */  



ol.related-posts {

 clear:both;

 text-align:center;

 margin:10px 0px 0px 0px;

 padding:0;

}



ol.related-posts li {

	float: left;

 width:110px;

height:200px;

 display:inline;

 margin-right:5px;

 ;

 padding:2px;

}

ol.related-posts img {

 clear:both;

 padding:5px;

 background:#F7F7F7;

 border:1px solid #DDD;

}

ol.related-posts a {

 clear:both;

 display:block;

 border:none;

 text-decoration:none;

}

ol.related-posts li { font-size:12px; }



.authorstyle { background-color: #B3FFCC !important; }



/* Begin Contact Form ][ CSS */

.contactform {

	position: static;

	overflow: hidden;

}



.contactleft {

	width: 25%;

	text-align: right;

	clear: both;

	float: left;

	display: inline;

	padding: 4px;

	margin: 5px 0;

    font-weight: bold;

}



.contactright {

	width: 70%;

	text-align: left;

	float: right;

	display: inline;

	padding: 4px;

	margin: 5px 0;

}



.contacterror {

	border: 2px solid #ff0000;

}

/* End Contact Form ][ CSS */

.contactform {

	position: static;

	overflow: hidden;

}



.contactleft {

	width: 25%;

	text-align: right;

	clear: both;

	float: left;

	display: inline;

	padding: 4px;

	margin: 5px 0;

    font-weight: bold;

}



.contactright {

	width: 70%;

	text-align: left;

	float: right;

	display: inline;

	padding: 4px;

	margin: 5px 0;

}



.contacterror {

	border: 2px solid #ff0000;

}

/* End Contact Form ][ CSS */



.wp-caption {

border: 1px solid #ddd;

text-align: center;

background-color: #f3f3f3;

padding-top: 4px;

margin: 00px;



}

.wp-caption img {

margin: 0;

padding: 0;

border: 0 none;

}

.wp-caption p.wp-caption-text {

font-size: 11px;

line-height: 17px;

padding: 0 4px 5px;

margin: 0;

}



.more-link a {color:#DD6633;}

#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}

#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 0px;
}

.bypostauthor {background-color: #ffcc66 !important; color:  ;}
.comment-author- {background-color:  !important; color:  ;}

.social_icon {
		background:url("img/sprite.png");
		display:block;
		width:33px;
		float:left;
		margin:0 3px 0 0;
		height:32px;
		opacity:0.8;
		filter:alpha(opacity=80);
	}
	.social_icon:hover {
		opacity:1;
		filter:alpha(opacity=100)	
	}
	.social_icon.twitter {
		background-position:-33px 0;
	}
	.social_icon.googleplus {
		background-position:-99px 0;
	}
	.social_icon.print {
		background-position:-66px 0;
	}