/*   
Theme Name: Sparta
Theme URI: http://wp.maquinastudio.com
Description: Following the minimalist trend Sparta offers a professionally designed, ultra-clean, and simple two-collumn WordPress Theme.
Author: Maquina Studio
Author URI: http://www.maquinastudio.com
Version: 1.0 
*/



/* BASE ------------------------------------------------------- */
* {margin: 0; padding: 0;}
img{border:none;}


/* GENERAL TYPOGRAPHY ------------------------------------------- */
body, textarea, input {font: 80.5%/1.8    "Lucida Sans", "Helvetica", Arial, "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;color:#666565;}
#header, #header a{ color: #ffffff;}
#logo span{font-size:5.0em;font-weight:600;line-height:1.4em;padding:0 30px;text-shadow: 1px 1px 2px #356987;}
h1, h2, h3, h4, h5, h6{font-family: "Helvetica", Arial, sans-serif;}
h3{color: #5a7e39; font-weight: 200;font-size: 1.3em; }
h2{color: #363131;font-size: 2.6em;line-height:1.0em;font-weight: 300;}
#sidebar h2{color: #5b7e39; font-weight: 200;font-size: 1.3em; }
small, .post-footer{color: #b4b3b3;}
.widget a{color: #5b544c;}
.widget a:hover{color: #000;}
.footer-widget h3{color: #ffffff;font-weight: 200;font-size: 1.3em;}
.footer-widget a, #footer-sub a{color: #999999;}
#footer-sub{font-size: 0.9em;}
#footer-sub a:hover{text-decoration: underline;color: #fff;}
.footer-widget a:hover{color: #ffffff;}
#textCol p{font-family: "Lucida Sans", Helvetica, Arial; font-size:1.0em; margin-bottom: 20px;}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6{font-weight: 300;color: #5b7e39;line-height: 1.5em;}
.post-content h1{font-size: 3.0em;}
.post-content h3{font-size: 2.2em;}
.post-content h4{font-size: 1.8em;}
.post-content h5{font-size: 1.5em;}
.post-content h6{font-size: 1.0em;}
.post-content ol{margin: 0 0 25px 35px;line-height: 1.8em;}
.post-content ul{margin: 0 0 25px 20px;line-height: 1.8em;}
.post-content ul li{list-style: none;background: url('../images/bullet.gif') no-repeat 0px 9px;padding: 0 0 0 10px;}
blockquote{ width: auto;height: auto; background-color: #dcdcdc; padding: 25px;font-style: italic;}
blockquote p{margin: 0;}
#textcol #comments p, #textcol #trackbacks p, #textcol #respond p{margin-bottom: 0;}
tfoot #prev a, tfoot #next a,#calendar_wrap tbody a {color: #5a7e39;font-weight: 600;}
#calendar_wrap caption{color: #b4b3b3;}
a{text-decoration: none; color: #5a7e39; outline: none;}
h2 a{color: #363131;}
p a:hover{text-decoration: underline;}
h2 a:hover{color: #5b7e39;}


/* STRUCTURE ----------------------------------------------------- */
#container{width: 100%;height: 100%;}
#header-top{width:100%;height: 50px;background-color: #363636;}
#header{width:960px;height: 100px;position: absolute;top: 0px;left: 0px;z-index: 99;}
#logo{width:auto;height: 100px;float: left;background-color: #a4c51d;}
#tag{width:auto;height: 20px;float: left;margin: 12px 0 0 20px;}
#rss{width:auto;height: 20px;float: right;text-align:right;margin-top: 12px;}
#rss img{position: absolute; top: 15px;right:0px;}
#rss span{margin-right: 25px;}
#main{position: relative;width:100%;height: auto;z-index:10;}
#content{width:960px;height: auto; margin-top:100px;}
#textCol{width:600px;margin: 0 0 50px 50px;float: left;display: inline;}
#sidebar{width:260px;margin-left: 50px;float: left;padding-top: 50px;display: inline;position:relative;z-index: 20;}
#sidebar h2, #sidebar h3{ display: block; height:auto; border-top: 3px solid #5a5a5a; border-bottom: 1px solid #dedddb; padding: 7px 0 6px 0;}
#sidebar .widget li{display: block; height: auto; border-bottom: 1px solid #dedddb;padding:4px 0 3px 0;}
.widget {float: left; width: 260px; padding-bottom: 50px; display: inline;}
.R10,.ad-left{margin-right: 8px;}
.post{margin:10px 0 60px 0;}
.post-footer{height: auto; border-top: 1px solid #dedddb;border-bottom: 1px solid #dedddb; margin:5px 0 5px 0;font-size: 0.9em; padding: 4px 0 2px 0;}
#leftCol, #rightCol{width:300px; height: auto; float: left; display: inline;margin: 0;}
.ads img{padding:0 0 4px 0;}
#calendar_wrap{margin-top: 10px;}
tbody td{padding: 0 9px;}


/* FOOTER --------------------------------------------------- */
#footer{width:100%;height: auto;background-color:#363636; }
#footer-inner{height: 100%; width: 960px;}
.footer-widget{width: 260px; height:auto; margin: 40px 0 40px 50px; float: left; display: inline;}
.footer-widget li, .footer-widget h3{display: block; width: 260px; height: auto; border-bottom: 1px solid #4d4d4d;}
.footer-widget li{padding:4px 0 3px 0;}
#footer-sub{width:100%;height: 50px;background-color:#262625;}
#footer-sub-inner{height: 100%; width: 960px;}
#footer-nav{width: auto; float: right; margin-top:17px;}
#legal{width: auto; float: left; margin:17px 0 0 50px;display: inline;}


/* NAVIGATION ----------------------------------------------- */
#navigation{position: absolute;height: 42px;width: 960px;top:58px;left: 0px;}
#nav{height:auto;width:auto;float:right;}
#nav, #nav ul {padding: 0;margin: 0;list-style: none;}
#nav a {
	display: block;
	padding: 8px 0 8px 0;
	text-align: right;
	width: auto;
	color: #606060; font-size: 1.2em; font-weight: 600;
	margin-right: 30px;
}
#nav .last a{margin-right: 0px;}
#nav li {float: left;width: auto;display: block;}
#nav li ul {width:120px;position: absolute;display: none;background-color: #dcdcdc;}
#nav li ul li a{ margin: 0px;text-align: left;width: 120px; background-color: #ccc; line-height: 1.0em; padding: 8px 5px;font-weight: 200;font-size: 0.9em;}
#nav li ul li{border-bottom: 1px solid #fff;background-color: #dcdcdc;}
#nav a:hover, #nav .current_page_item a, #nav .current_page_parent a{ border-top: 8px solid #5b7e39; margin-top:-8px;}
#nav li ul li a:hover{ border-top: none;margin-top:0;background-color: #5b7e39;color: #fff;}
#nav li:hover ul, #nav li.iehover ul {display: block;}
#nav .current_page_parent .current_page_item a, #nav .current_page_parent .current_page_item a:hover, #nav .current_page_parent li a, 
#nav .current_page_item li a {border-top: none;margin-top: 0;}
.widget .current_page_item{font-weight: 600;}
#sub-nav{width:600px; height: auto;margin-bottom: 30px;}
#sub-nav-inner{width:600px; height: 30px; border-bottom: 1px solid #dedddb; border-top: 1px solid #dedddb;}
#sub-nav li{display: inline;}
#sub-nav a{color: #606060;font-size: 1.1em;font-weight: 600;margin-right:20px;line-height: 2.0em;padding-top:2px;} 
#sub-nav a:hover, #sub-nav .active-cat{border-top: 5px solid #5a5a5a; margin-top: -6px;}
#posts-navigation{height:30px;}
#posts-navigation .prev{float: left;}
#posts-navigation .next{float: right;}


/* COMMENTS ---------------------------------------------------- */
#comments small{float: right;}
#comments .alt, #respond form{background-color: #dcdcdc;}
#comments li, #respond form{padding: 15px;list-style: none;}
#comments-template h2{height: auto; border-top: 1px solid #dedddb;border-bottom: 1px solid #dedddb; margin:5px 0 0 0;font-size: 1.6em; padding: 6px 0 2px 0;}
#comments .avatar{float: left; margin: 0 10px 10px 0;}
#respond input{padding: 3px 0;}
#respond form label small{color:#666565;}
#respond form{padding: 25px;}


/* FORMS ---------------------------------------------------- */
fieldset{border: none;}
.form{position: relative;}
input.text {width: 210px;height: 15px;padding: 3px 0 3px 3px;}
button{
    position:absolute; right:0px; top:0px;
	width:34px;
	height:26px;
	background-image:url(../images/button-search.jpg);
	border:none;
}
button:hover{cursor:pointer;}


/* SLIDESHOW ---------------------------------------------------- */
#slideshow{width: 600px; height: 230px;position: relative;margin:0 0 40px 0;}
#controler-container{width: auto; height: auto;position: absolute; bottom:5px; right: 5px;}
.karmic_flow_container {overflow: hidden; position: relative;background: #666;width: 600px; height: 230px;}
.karmic_flow_slider, .karmic_flow_slides {list-style:none;margin: 0;padding: 0;}
.karmic_flow_slider {overflow: hidden; position: relative;margin-left: 0;}
.karmic_flow_slides {float: left;position: relative;overflow:hidden;}
.karmic_flow_slide_overflow {}
.karmic_flow_sliding .karmic_flow_slide_overflow {overflow:hidden;}
.karmic_flow_sliding object, .karmic_flow_sliding embed {display: none;}
.karmic_flow_controller_selected {background: #aecb36 !important;color: #fff !important;padding: 2px 5px !important;}
.karmic_flow_controller {background: #fff;color: #666;padding: 2px 5px;text-decoration: none;font-size: 10px;}
.karmic_flow_slides a{color:#fff;text-decoration:none;}
.karmic_flow_slides a:hover{color:#a4c51d;text-decoration: underline;}
.karmic_flow_slides_copy{width:auto; position: absolute; top:15px; left: 10px;color: #fff;}
.karmic_flow_slides_copy h2{color: #fff;text-shadow: 1px 1px 2px #356987;display: block; width: 550px;line-height: 0.9em;font-weight: 500;}
.karmic_flow_slides_copy p{display:block;height:100px;line-height: 1.2em;width:300px;margin: 5px 0 0 0;padding: 0;}


/* MISCELLANEOUS --------------------------------------------- */
.underline{border-bottom: 1px solid #dedddb;margin-bottom: 5px;padding-bottom: 2px;}
.stroke, .stroke2{border:1px solid red;}
.clear{clear:both;}
.cleft{clear: left;}
.m20{margin-right: 20px;}
img.alignleft{float: left;margin:10px 15px 0 0;}
img.alignright{float: right;margin:10px 0 0 15px;}
img.centered { display: block; margin: 0 auto 6px; }
.inline{display: inline;}