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


.info {width:100%;margin: 0 auto;padding: 0px;background-image:url(img/seniors_header.jpg);background-repeat:no-repeat;width: 100%;height: 68px;}
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: #000000;color:#4F4F5F;font:.75em/1.3em Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;}
html>body {font-size:14px;}

img {display:inline-block;vertical-align:bottom;border:1px solid  #fff}



.imga {margin:auto; height:26px; width: 129px;background-image:url(img/tilde3.png)}

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:2.2em;}
h2 {margin:0 0 1em;font-size:1.5em;}
h3 {margin:0 0 1.286em;font-size:1.267em;}
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;}
h7 {margin:0 0 1.286em;font-size:1.4em; color:#9191af}
h8 {margin:0 0 0.15em;font-size:2.0em;text-align:center;width: 100%;}
h9 {margin:0 0 0.75em;font-size:2.2em; line-height: 1em;color: #fff;}

p,ul,ol,dl,blockquote,pre {margin:0 0 1.2em;color:#727288;}

li ul,li ol {margin:0;}
ul {list-style:outside disc;}
ol {list-style:outside decimal;}
li {margin:0 0 0 0em;}
dd {padding-left:1.5em;}
blockquote {padding:0 1.5em;}

a {text-decoration:none;color:#fff;font-weight:800;}
a:hover {text-decoration:none;color: #727288;}
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 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;vertical-align:bottom;}
input.text, input.password, textarea, input, input.author {border:1px solid #7F9DB9;padding:2px;background-color: #000; color: #fff;}

* 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:850px;margin:10px auto;background-color: #000;background-image:url(img/paper1.jpg);background-repeat:repeat;}
.info2 {width: 100%; padding:3px 0 0 0px; color: #fff;}
.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:3px 0 3px; height:500px;background-image:url(img/senior.jpg)}
.header ul {list-style-type:none;}
.header a {color: #bbcad7;}

.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 18px;}

.bottomnav {font-size:1.6em;height:30px;padding-left:9px;margin:200px 0 18px;overflow:hidden;
}
.bottomnav li {float:left;height:28px;overflow:hidden;margin:0;}
.bottomnav a {color: #5d360f;font-weight:normal;padding:5px 9px;display:block; }
.bottomnav a:hover {color: #35485a;}
.bottomnav .searchbox {float:right;padding:3px 18px;}

.search-text{font-size:10px;}


/* footer classes */
.footer {margin:auto;padding:2px 0 0;border-top:0px #C6C6CD solid;}
.footerleft {width:269px;float:left;color: #664013;}
.footermid {width:269px;float:left;margin:0 18px;font-size: 1.2em;}
.footerright {width:269px;float:left;color: #664013;}
.basement {border-top:0px #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:100%;margin:0 0 10px 0;float:left;border-top:0px #fff solid;border-bottom:0px #fff solid;padding:0 0 3px 85px; background-image:url(img/Twit_title.png);background-repeat:no-repeat; color: #83c145;}
.sidebar3 {width:100%;padding:0px;margin: auto;float:bottom;}
.boxedin {color:#fff;font-weight:normal;background-color: transparent;border:0px ##573c1a solid;border-width:0px 0 0px 0;padding:1px 0 1px 8px;}
.sidebars {overflow:hidden; width: 100%;
	color: #fff; padding: 0 0 0 1px;
}
.sidebars h3 {margin:0 0 6px 0;}
.sidebars ul {list-style-type:none;}
.sidebars li {margin:0;padding-left:1px;font-size: 1.2em;line-height: 1.6em}
.sidebars li a {margin:0;padding-left:8px;background:transparent ;display:block;}
.sidebars .children {border:0;}
.sidebars #wp-calendar {width:62%;margin:0 auto;}

/* post classes */

/* content classes */
.main {width: 100%; margin: auto;float:left;background-image:url(img/article.jpg);background-repeat:repeat;
	color: #fff;
}
.article{margin: auto;padding:20px 20px 20px 20px;overflow:hidden; color: #fff;border:5px solid  #121212;
}
.article h1 {line-height:1em;}
.article a {color:#727888;}
.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:#727888;font-weight:600;background-color:#000;border:1px #727888 solid;border-width:1px 0;padding-left:8px;}
.tags a {color:#5A5A6C;}
.extendspost {color:#727288;float:left;text-align:center;list-style-type:none;margin:0 0 0 1px;border-top:0px #727888 solid;width:100%;}
.extendspost li {border-bottom:0px #727888 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 */
.commentary{
	padding: 0 0 0 30px
	
}
.commentlist li, #commentform input, #commentform textarea {
	
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	padding-bottom: 1px;
	border-bottom:1px #3f3f3f solid
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: transparent;
	color: #ffffff ;
}
	
.commentlist li {
	width: 700px;
	padding-left: 30px;
	color: #9191af;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.3em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
/* Menu */
#suckerfishnav {
    background:transparent;
    font-size:16px;
    font-family:Helvetica,Arial,"Liberation Sans","Bitstream Vera Sans",sans-serif;
    font-weight: normal;
    width:100%;
    margin:0px;
    padding: 30px 0 0 0;
    }
#suckerfishnav, #suckerfishnav ul {
  
    list-style:none;
    line-height:25px;


    }
#suckerfishnav a {

    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:0px 10px 0 10px;
    }
#suckerfishnav li {
	background-image:url(img/line.png);background-repeat:no-repeat;
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width: 150px;
    font-weight:normal;
    margin:0;
    line-height:1.2;
    border:0;
    border-top:0px solid #666666;
    }
#suckerfishnav li li {
    width:150px;
  
    font-weight:normal;
    font-family:Helvetica,Arial,"Liberation Sans","Bitstream Vera Sans",sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 0px 0 12px;
  
    font-size:12px;
    color:#ffffff;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#83c145;
	color: #fff;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#ffffff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#000;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#000;
    }
