/*
	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, blockquote, 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;}

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

/* Basic styles */
body {
background:#fff;
margin: 0px;
border: 0px;
padding:0px;
color:#333;
line-height:1.5em;
font:.8em/1.6em Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", 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:700;}
address,cite,em,i,caption,dfn,var {font-style:italic;}

h1 {margin:1em 0 0 0;padding-right:20px;font-size:1.8em;line-height:1.5;}
h2 {margin:0 0 0em;font-size:1.4em;}
h3 {margin:0 0 0em;font-size:1.3em;text-align:left;}
h4 {margin:0 0 0em;font-size:1.2em;text-align:left;}
h5 {margin:0 0 0em;font-size:1.1em;}
h6 {margin:0 0 0em;font-size:1em;font-weight:bold;}
h7 {font-size:0.9em;font-weight:bold;}
h8 {font-size:0.8em;font-weight:bold;}


counter {}

p,ol,dl,pre {margin:0 0 1em 0;}

li ul,li ol {margin:0;}
ul {margin:0; list-style:none;}
ol {list-style:outside decimal;}
li {margin:0; list-style:none;}
dd {padding-left:1.5em;}
blockquote {padding-left:50px; color:#656565; background: transparent url(/images/quote.png) no-repeat;}

a {text-decoration:none;color:#434351;font-weight:800;}
a:hover {text-decoration:underline;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:1px solid #363642;text-align:center;}
tfoot {font-style:italic;}

/* Form styles */
fieldset {clear:both;}
legend {padding:0;font-size:1.167em;font-weight:700;}
fieldset fieldset legend {padding:0 0 1.5em;font-size:1em;}

form .buttons, button {cursor:pointer;align:right;float:right;margin:0px;border:1px solid #333;padding:0px;vertical-align:bottom;display:block;outline:0;clear:both;}
button:focus {-moz-outline: none;-moz-user-focus:none;user-focus:none;}  
::-moz-focus-inner {border: none;}

form .field {margin:0px; border:1px solid #333;}
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;}
label, input.radio, input.checkbox, input.submit, input.image {vertical-align:top;}

textarea {overflow:auto;}
textarea {border:1px solid #333;padding:2px 2px 2px 5px; width:600px; height:200px; margin:0;font:1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;vertical-align:bottom; align:left; float:left;}
input.text, input.password {border:1px solid #000000; padding:5px 5px 5px 5px; width:190px;}
select {width:190px}

* html button {cursor:pointer;align:right;margin:0px;border:0px;padding:0px;}
*+html button {cursor:pointer;align:right;margin:0px;border:0px;padding:0px;}

/* Useful classes */
img.left {display:inline;float:left;margin:0;}
img.right {display:inline;float:right;margin:0;}
.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;}
.alignright {float: right;}

.clr {clear:both;}
.background {background:#333;}
.wrapper {width:960px; margin: 0px auto 0px auto; padding: 20px; background:#fff; display:block;}
.wrapped {padding: 10px; background:#fff; display:block;}
.marginleft {margin-left:0px !important;}
.marginright {margin-right:0px !important;}
.margintop {margin-top:0px !important;}
.marginbottom {margin-bottom:0px !important;}
.nomargin {margin:0 !important;}

.searchbox {margin: 0px; border:0px; padding:4px 3px 4px 5px;}
.search-text{font-size:small;}

/* frontpage classes */
.title {line-spacing:140%; padding-top:10px;}
.thumbnail {}
.excerpt {}
page {text-align: center;} 

/* sidebar classes */
.sidebar-center {width:300px;padding:0 0 0 0px;float:left;display:block;background:#fff;}
.boxedin {color:#000;font-size:1.1em;font-weight:600;background-color:#ddd; margin-top:20px; margin-bottom: 5px; padding:3px 2px 2px 5px; border: 1px solid #333;}
.boxedin:hover {background-color:#FFF;}
.sidebars {overflow:hidden; background:#fff;}
.sidebars h5 {margin:0 0 0 0;}
.sidebars ul {list-style-type:none;border-top:0px solid #FFF;color:#FFF;}
.sidebars li {margin:0;padding:3px 5px 2px 5px; margin-bottom:5px; background-color:#ddd; color:#000; font-weight:normal; border: 1px solid #333;}
.sidebars li a {margin:0;color:#000; font-weight:normal;}
.sidebars li:hover {background-color:#FFF;}
.sidebars .children {border:0;}
.sidebars #wp-calendar {width:62%;margin:0 auto;}

/* post classes */
.post {
width: 660px;
height: 170px;
float: left;
overflow: hidden;
background: url(/images/post.png);
background-repeat: no-repeat;
}
.post:hover {
background: url(/images/post_.png);
}

.sticky {
width: 219px;
height: 510px;
float: left;
overflow: hidden;
background: url(/images/sticky.png);
background-repeat: no-repeat;
}
.sticky:hover {
background: url(/images/sticky_.png);
}

.overlay {
position: absolute;
bottom: 0px;
left: 0px;
width: 190px;
font-weight: bold;
color:#FFF;
font-color:#FFF;
padding:0px 5px 0px 5px;
background-color:#000;
opacity:0.8;
}

.overlay a{
color:#FFF;
}

/* content classes */
.main {width:660px;padding:0 0 0 0px;float:left;background:#fff;overflow:hidden;}
.title {height:90px;}
.article{width:640px;overflow:hidden;}
.article a {color:#4F4F5F;}
.solidline {border-bottom:1px #C6C6CD solid;height:1%;clear:both;margin-bottom:5px;}
.dottedline {border-bottom:1px #C6C6CD dotted;height:1%;clear:both;margin-bottom:5px;}
.tags {color:#727288;font-weight:600;background-color:#F7F7FC;border:1px #C6C6CD solid;border-width:1px 0;padding-left:8px;}
.tags a {color:#5A5A6C;}
.extendspost {color:#727288;float:right;text-align:center;list-style-type:none;margin:0 0 0 6px;border-top:1px #EDEDF3 solid;max-width:0px;min-width:0px;}
.extendspost li {border-bottom:1px #EDEDF3 solid;margin:0;}
.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 10px 0px;list-style-type:none;}
.commentauthor {float:left;text-align:center;margin:0 10px 10px 0;}
.commentauthor a {text-decoration:underline;font-weight:normal;}
.commentlist li {border-bottom:1px #C6C6CD solid;margin:0;padding:10px 0 0 0px;background-color:#F7F7FC;}
.commentlist .alt {background-color:#fff;}
.commentlist .authorcomment {background-image:url(img/stripeauthor.gif);background-repeat:repeat;}
.commentlist .altauthorcomment {background-image:url(img/stripeoddauthor.gif);background-repeat:repeat;}
.avatar {margin:0 auto;}

/* twitter widget */
   .twtr-tweet-text {
    font-size: 0.9em !important;
}

/* tabs */

ul.tabs {
	display: inline-block;
}
ul.tabs li {
	float: left;
	width: 135px;
	display: block;
	overflow: hidden;
}
ul.tabs li a {
	float: left;
	display: block;
	font-size: 0.8em;
	font-weight:bold;
}
ul.tabs li a:hover {
	background: #fff;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
}
.tab_container {
	display:block;
}