/*
	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 {
	background-color: #069390;
	color: #800080;
	font: .75em/1.7em 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; font-color: #800080; 
font: Verdana, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;
}
address, cite, em, i, caption, dfn, var {
	font-style: italic;
}
h1 {
	margin: 0 0 0.75em;
	font-size: 2.2em; 
}
h2 {
	margin: 0 0 1em;
	font-size: 1.5em;
}
h3 {
	margin: 0 0 1.286em;
	font-size: 1.2em; 
font-weight: bold;;
}
h4 {
	margin: 0 0 1.5em;
	font-size: 1em;
}
h5 {
	margin: 0 0 1.8em;
	font-size: .834em;
}
h6 {
	margin: 0 0 2em;
	font-size: .75em;
}
p, ul, ol, dl, blockquote, pre {
	margin: 0 0 1.5em;
	color: #383843;
}
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: #3D5D6C;
	font-weight: 800;
}
a:active, a:hover  {
	text-decoration: none;
	color: #000066;
}
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 black;
	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;
}
.alignright {
	float: right;
}
.clr {
	clear: both;
}
.wrapper {
	width: 960px;
	margin: 18px auto;
	background-color: white;
}
.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: 0px;
	color: #000066;
	background: #127e7b url('img/header-background_quote_201.jpg') no-repeat scroll center top;
	padding-top: 1px;
}
.header ul {
	list-style-type: none;
}
.header a {
	color: #069390;
}
.topnav {
	height: 20px;
	/*border-bottom: 1px solid #C6C6CD;*/
	margin: 0 0 140px;
}
.topnav li {
	margin: 0;
	float: left;
}
.topnav a {
	color: #5A5A6C;
	float: left;
	margin: 0 0 0 4px;
	display: block;
}
.topnav a:hover {
	color: #5A5A6C;
}

.topnav .searchbox {
	float: right;
	padding: 0 6px;
	opacity: .70;
	filter: alpha(opacity=70);
	-moz-opacity: .70;}

.bottomnav {
	font-size: .8em;
	height: 28px;
	background: #38525e;
	padding-left: 9px;
	margin: 0 0 0px;
	overflow: hidden;
}
.bottomnav li {
	float: left;
	height: 28px;
	overflow: hidden;
	margin: 0;
}
.bottomnav a {
	color: #EFEFF1;
	font-weight: normal;
	padding: 5px 9px;
	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;
	background-color: white;
}
.footerleft {
	width: 290px;
	float: left;
}
.footermid {
	width: 290px;
	float: left;
	margin: 0 18px;
}
.footerright {
	width: 290px;
	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: 358px;
	padding: 0 0 0 10px;
	float: left;
	background-color: white;
}
.sidebar3 {
	width: 169px;
	padding: 0 0 0 10px;
	float: left;
	background-color: white;
}
.boxedin {
	color: #2C2C35;
	font-weight: normal;
	background-color: #F7F7FC;
	border: 1px #C6C6CD solid;
	border-width: 1px 0 1px 0;
	padding: 3px 3px 3px 6px;
}
.sidebars {
	overflow: hidden;
	background-color: white;
}
.sidebars h3 {
	margin: 0 0 12px 0;
}
.sidebars ul {
	list-style-type: none;
	border-bottom: 1px solid #EDEDF3;
}
.sidebars li {
	margin: 0;
	padding-left: 8px;
	border-top: 1px solid #EDEDF3;
}
.sidebars li a {
	margin: 0;
	padding-left: 8px;
	background: transparent url(img/bulletlight.gif) no-repeat scroll 1px 53%;
	display: block;
}
.sidebars .children {
	border: 0;
}
.sidebars #wp-calendar {
	width: 62%;
	margin: 0px auto 6px auto;
}
/* post classes */
/* content classes */
.main {
	width: 561px;
	padding: 0px 6px 0px 18px;
	float: left;
	overflow: hidden;
	background-color: white;
	border-right: 1px #C6C6CD solid;
}
.article {
	overflow: hidden;
}
.article h1 {
	line-height: 1.2em;
}
.article a {
	color: #3D5D6C;
}
 a:active, a:hover  {
	text-decoration: none;
	color: #000066;
.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: #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: 230px;
	min-width: 180px;
}
.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 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;
}
/* CSS for CMS Drop-Down Nav */
#menu-wrap {width:100%; height:30px; position:relative; z-index:100;background-color: #EEE;}
/* hack to correct IE5.5 faulty box model */
* html #menu-wrap {width:100%; width:100%}
/* remove all the bullets, borders and padding from the default list styling */
#menu-wrap ul {padding:0;margin:0;list-style-type:none;background-color: #791D7E;}
#menu-wrap li, #menu-wrap a, #menu-wrap div {padding:0;margin:0;}
#menu-wrap ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu-wrap ul li {float:left;position:relative;}
#menu-wrap ul ul li {width:100%}

/* style the links for the top level */
#menu-wrap ul a, #menu-wrap ul a:visited {
    display:block;
    text-decoration:none; 
    color:#000; 
    line-height:30px;
    padding-left:10px; 
    padding-right: 20px;
    border-right:1px solid #fff; 
}

#menu-wrap ul li:hover a, #menu-wrap ul a:focus, #menu-wrap ul a:active{    
    background-color: #791d7e;           
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu-wrap a, * html #menu-wrap a:visited {width:10px; w\idth:10px;padding-right:20px;white-space:nowrap}

/* style the second level background */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
    border: 0px;
}

#menu-wrap a.trigger, #menu-wrap a.trigger:hover, #menu-wrap a.trigger:visited {
    background-image: url(../img/cms-nav-dark-s.gif);
    background-repeat: no-repeat;
    background-position: right center;
}


/* hide the sub levels and give them a position absolute so that they take up no room */
#menu-wrap ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:149px;}
/* another hack for IE5.5 */
* html #menu-wrap ul ul {top:30px;t\op:30px;}

/* style the table so that it takes no part in the layout - required for IE to work */
#menu-wrap table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
    color:#000; height:auto; line-height:15px; padding:5px 10px; width:150px;
}
/* yet another hack for IE5.5 */
* html #menu-wrap ul ul a, * html #menu-wrap ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#menu-wrap ul ul a:hover{background:#CDB8D4}
#menu-wrap ul ul :hover > a {background:#CDB8D4}
          
/* style the second level hover */
#menu-wrap ul ul a:hover{background:#CDB8D4}
#menu-wrap ul ul :hover > a {background:#CDB8D4}
                                  
/* make the second level visible when hover on first level list OR link */
#menu-wrap ul li:hover ul,
#menu-wrap ul a:hover ul{visibility:visible; }

#menu-wrap li div.selected{    
    color: #791D7E;
    background-color: #791D7E;
    border-right:1px solid #791D7E;
    padding:5px 10px;
    color: #791D7E;
    width: 100%; 
    line-height:20px;
}
#menu-wrap ul ul li a.selected, #menu-wrap li ul li.current-cat a{    
    background-color: #791D7E;
    color: #791D7E;
}

.cms-nav-clearit {
    clear: both;
    height: 0;
    line-height: 0.0;
    font-size: 0;
}
.cms-nav-sub-section{    
    font-weight:bold;
    font-size: 110%;
    list-style-type: none;
}
ul li.cms-nav-sub-section:before{
    content: '' !important;
}
.cms-nav-left-menu ul, .cms-nav-left-menu li, .cms-nav-left-menu a{
    padding:0;
    margin:0;    
}
.cms-nav-left-menu{
    list-style: none;
    padding:0;
    margin:0;
}
.cms-nav-left-menu li{
    position: relative;
    margin:4px 8px 2px 8px;
}
ul.twitter {
   font-size: smaller;
   font-weight: normal;
   font-family: sans-serif;
}
li.twitter-item {
   font-size: smaller;
   font-weight: normal;
   font-family: sans-serif;
}
p.twitter-message {
   font-size: smaller;
   font-weight: normal;
   font-family: sans-serif;
}