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

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

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

/* Basic styles */
body { height: 100%;background: url(img/bg-sch.gif) repeat-y center top;background-color: #e8e8e8;color:#000000;font:.75em/1.6em  Arial, Helvetica, "Liberation Sans", "Bitstream Vera Sans", sans-serif;}
html>body {font-size:12px;letter-spacing: 0.05em;}

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:0 0 0.75em;font-size:1.8em;letter-spacing: 0.05em;}
h2 {margin:0 0 1em;font-size:1.5em;letter-spacing: 0.05em;}
h3 {margin:0 0 1.286em;font-size:1.267em;letter-spacing: 0.05em;}
h4 {margin:0 0 1.5em;font-size:1em;letter-spacing: 0.05em;}
h5 {margin:0 0 1.8em;font-size:.834em;letter-spacing: 0.05em;}
h6 {margin:0 0 2em;font-size:.75em;letter-spacing: 0.05em; }
hh {margin:0 0 1em;font-size:1.15em;letter-spacing: 0.05em;color:#e2007a;}

p,ul,ol,dl,blockquote,pre {margin:0 0 1.5em;color:#000000;}

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:#000000;font-weight:800;letter-spacing: 0.05em;}
a:hover {text-decoration:none;color:#000000;letter-spacing: 0.05em;}
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 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  Arial, Helvetica, "Liberation Sans", "Bitstream Vera Sans", sans-serif;vertical-align:bottom; letter-spacing: 0.05em;}
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;}
.alignright {float: right;}

.clr {clear:both;}
.wrapper {width:800px;margin:0 auto;}
.marginleft {margin-left:18px !important;}
.marginright {margin-right:18px !important;}
.margintop {margin-top:0px !important;}
.marginbottom {margin-bottom:18px !important;}
.nomargin {margin:18 !important;}

/* header classes */
.header {margin:0px 0 0;color:#000000;}
.header ul {list-style-type:none;}
.header a {color:#000000;}

.topnav {height:25px;border-bottom:1px solid #fff;margin:0 0 18px;}
.topnav li {margin:0;float:left;}
.topnav a {color:#000000;float:left;margin:0 0 0 18px;display:block;}
.topnav a:hover {color:#000000;}
.topnav .searchbox {float:right;padding:0 18px;}

.bottomnav {font-size:.8em;height:28px;background:#fff;padding-left:9px;margin:0 0 18px;overflow:hidden;letter-spacing: 0.05em;}
.bottomnav li {float:left;height:28px;overflow:hidden;margin:0;}
.bottomnav a {color:#000000;font-weight:normal;padding:5px 9px;display:block;}
.bottomnav a:hover {color:#000000;background:#fff;}
.bottomnav .searchbox {float:right;padding:3px 18px;}

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


/* footer classes */
.footer {margin:18px 18px 9px;padding:18px 0 0;border-top:0px #C6C6CD solid;}
.footerleft {width:302px;float:left;}
.footermid {width:302px;float:left;margin:0 18px;}
.footerright {width:302px;float:left;}
.basement  {height:129px ;background: url(img/bott.png) no-repeat ;border-top:0px #000 solid;text-align:center;font-size:0.8em ;margin:55px 0 -55px 0;}
.basement a {text-decoration:underline;font-weight:normal;}
.basement p {margin:0px 0;}

/* sidebar classes */
.sidebar2 {width:175px; height:219px;padding:43px 0 0 25px;float:center; background: url(img/bg-s.gif) ;}
.sidebar3 {width:170px;padding:0 0 0 18px;float:left; background:  url(img/sd-sch.gif) ; }
.boxedin {color:#000000;font-weight:normal;border:0px #000 solid;border-width:0px 0 0px 0;padding:0px 0 0px 8px;}
.sidebars {overflow:hidden;}
.sidebars h3 {margin:0 0 0px 0;color:#000000;}
.sidebars ul {list-style-type:none;border-bottom:0px solid #EDEDF3;}
.sidebars li {margin:0;padding-left:0px;border-top:0px solid #EDEDF3;}
.sidebars li a {margin:0;padding-left:0px;background:transparent url(img/bulletlight.gif) no-repeat scroll 1px 53%;display:block;}
.sidebars .children {border:0;}
.sidebars #wp-calendar {width:62%;margin:0 auto;}

/* post classes */

/* content classes */
.main {width:557px;padding:0 0 100px 18px;float:left;overflow:hidden;}
.article{overflow:hidden;}
.article h1 {line-height:1.2em;}
.article a {color:#000000;}
.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:#000000;font-weight:600;background-color:#F7F7FC;border:1px #C6C6CD solid;border-width:1px 0;padding-left:8px;}
.tags a {color:#000000;}
.extendspost {color:#000000;float:right;text-align:center;list-style-type:none;margin:0 0 0 6px;border-top:1px #EDEDF3 solid;max-width:230px;min-width:180px;}
.extendspost li {border-bottom:1px #EDEDF3 solid;margin:0;}
.extendspost a {color:#000000;}
.extendspost strong {color:#000000;}
.dropcap {float:left;color:#000000;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;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;}
.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;}








	
		p.intro { border-bottom: 0px solid #fff; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 460px }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 0px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #000; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }

.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 460px; height:100%; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 480px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 100%px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 480px;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 480px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 0px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #fff;
			color: #333;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #fff }
		.stripNav li.tab2 a { background: #fff }
		.stripNav li.tab3 a { background: #fff }
		.stripNav li.tab4 a { background: #fff }
		.stripNav li.tab5 a { background: #fff }
		
		.stripNav li a:hover {
			background: #fff;
		}
		
		.stripNav li a.current {
			background: #fff;
			color: #333;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 150px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}