/*

Theme Name: apollo

Theme URI: http://www.thematology.com/

Description: 3 columns, with 2 RHS widget sidebars

Version: 1.2

Author: Thematology

Author URI: http://www.thematology.com/

*/





body {

margin: 0; padding: 0; color: #333; text-align:none; font-size: 100.1%; background: #F5F5F5; font-family: Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }

#header{  background: #207EBB; padding: 0 0 0 00px;}

a, a:hover{ color: #1E7CB4; }

.post h2{ background: url("images/postheaderbg.gif") no-repeat 0 4px; }

.post h2 a, .post h2 a:hover{ color: #333; }

ul#commentlist li div.commenttext{ padding-left: 20px; }

#wrapper{ margin: 0px auto; padding: 0px; text-align:left; font-size: 84%; line-height:20px; background: #fff; border-left: 3px solid #31789B; border-right: 3px solid #31789B; }

#header{ height: autopx; margin: 0; }

#main{ padding: 10px 0 0 0; }

p, h1, h2, h3, h4 { margin: 10px 0; padding: 0; }

h1{ font-size: 160%; }

h2{ font-size: 150%; }

h3{ font-size: 150%; }

h4{ font-size: 105%; }

a{ font-weight:800; text-decoration:none; }

a:hover{ text-decoration:underline; }

a img{ border:0px; }

hr{ height: 2px; margin: 5px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }

#wrapper{ width: 980px; }

#secondary{ float:left; width:170px; }

#main{ float:right; width:630px; margin-left:10px;}

#main .right, #main .fbright {float:right; margin:0 5px 0 0;}

#main img{max-width:100%;}

#main .right img{margin:0;padding:0;}

#main a img{margin-top:10px; border: 1px solid #ccc; padding: 5px 0 5px 0;}

#main a:hover img {border: 1px solid #000000; padding: 5px 0 5px 0;}

#sidebar1 {float:left; width:340px;}

#sidebar1 h3{ font-size: 130%; padding: 2px 0 2px 2px; margin-bottom: 5px; color: #fff; font-variant: small-caps; background: #207EBB; }

#sidebar{ float:left; width:170px; }

#tabs { font-size:90%; line-height:18px; border-bottom: 1px solid #aaa; }

#tabs ul { margin: 0; padding: 4px 15px; list-style: none; }

#tabs li { display:inline; margin:0; padding:0 10px; border-right: 1px solid #aaa; }

#tabs a { margin:0; padding:0; text-decoration:none; color: #555; }

#tabs a:hover { color: #000; }

h2#sectiontitle{ font-size:140%; font-weight:100; padding:6px 6px 10px 10px; margin:8px 20px; background: #f8f8f8; border: 1px solid #eee; color: #444; }

.post{ margin: 0 0 10px 0; padding: 5px; }

.post h2 { color: #000000; font-size: 140%; border-bottom: 1px solid #ddd; padding: 2px 0 2px 20px; margin: 0 0 15px 0; }

.post h2 a{ color: #000000; text-decoration:none; }

.post h2 a:hover{ text-decoration:none; color: black; }

.postmetadata{ font-size:90%; border-top: 1px solid #ddd; background:#f2f2f2; padding: 1px 10px 1px 5px; text-align:right; margin:10px 0 0 0; }

.postmetadata p{ line-height: 14px; padding: 0; margin: 1px 0; }

fieldset#commentset{ background: #f2f2f2; border-top: 1px solid #ccc; }

h3#comments, h3#postcomment{ font-size: 100%; }

ol#commentlist{ padding: 0 0 0 0px; font-size: 90%; list-style-type:none; }

ol#commentlist li{ padding: 0px 4px; margin: 0 0 0 15px; }

ol#commentlist li p.commentheader{ margin: 0; }

ul#commentlist{ padding: 0; margin:0; list-style-type:none; }

ul#commentlist li{ display: block; padding: 4px 0px; margin: 0 15px; font-size:90%; border: 4px solid white; }

ul#commentlist li p.commentheader{ font-size:100%; font-weight: 800; color: #666; }

ul#commentlist li div.commenttext{ background: #F5F5F5; margin:0; padding: 8px 15px 8px 0; border-top: 1px solid #ccc; }

ul#commentlist li div.commenttext p{ margin: 2px 0 5px 0; }

.menu{ padding:10px 5px 15px 5px; font-size:90%; }

.menu a{ font-weight: 100; }

.menu a:hover{ text-decoration:none; }

.menu ul{ margin:0; padding:0; list-style-type:none; }

.menu ul li.widget{ padding:2px; margin:0 0 7px 0; }

.menu ul li.widget ul{ margin:0; padding:0; }

.menu ul li.widget ul li{ border-bottom:1px solid #ddd; padding:0; margin:0; }

.menu ul li.widget ul li a{ padding:2px 2px 2px 5px; display:block; background: #FAFAFA; }

.menu ul li.widget ul li a:hover{ display:block; background: #ddd; }

.menu ul li.widget ul li ul li{ border-bottom: none; padding: 0 0 0 10px; }

.menu ul li.widget h3{ font-size: 130%; padding: 2px 0 2px 2px; margin-bottom: 5px; color: #fff; font-variant: small-caps; background: #207EBB; }

.menu ul li h3 a{ color: #222; font-weight: 800; }

.menu ul li h3 a:hover{ color: #222; text-decoration: none; font-weight: 800; }

li.widget .textwidget, li.widget #search { padding: 2px 5px; }

#footer { clear: both; margin: 0; padding: 10px 10px 0 10px; text-align: center; font-size: 85%; background: #fff; }

#footer-inner{ background: #f4f4f4; height: 45px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

#footer-inner p{ padding:15px 0 20px 0; margin:0; }

#content a img.WP-EmailIcon{margin:0;padding:0;}

.post-ratings-loading {display: none;height: 16px;text-align: left;}

.wp-email p { text-align: left; margin:0; padding:0; }

.wp-email-loading { display: none; text-align: center; height: 16px; }

.wp-email-image, .WP-EmailIcon { border: 0; padding: 0; margin:0; }

.wp-pagenavi {clear:both;padding: 15px 0;font-size:18px;}
.wp-pagenavi a{padding:14px 15px; margin:2px; text-decoration:none; border:1px solid #ccc; color:#207ebb; background:#fff;border-radius:3px;display:inline-block;}
.wp-pagenavi a:hover {border: 1px solid #000; color: #fff; background: #207ebb;}
.wp-pagenavi span.pages {padding: 8px 10px; margin:3px;color: #fff;border: 1px solid #000;background:#207ebb;border-radius:3px;}
.wp-pagenavi span.current{padding:14px 15px;margin:3px;font-weight:bold;border:1px solid #000;color:#fff; background:#207ebb;border-radius:3px;}
.wp-pagenavi .next-comment-page, .wp-pagenavi .previous-comment-page{padding:14px 15px;border:1px solid #aaa;}
.wp-pagenavi a.nextpostslink{font-weight:bold;padding:12px 14px;font-size:14px;}


.clear{clear:both;}

.subcats {background:#f2f2f2;padding:10px;border:1px dashed #aaa;margin: 0 0 20px 0;}

.subcats ul{padding: 10px 0 20px 10px; margin:0;}

#content .subcats ul li{list-style-type:circle;float:left;margin:0 25px 0 10px;}







#fbfxd {position:fixed;top:40%;left:0;padding:10px;background:#f5f5f5;border:1px solid #ddd;-moz-box-shadow: 0 0 5px #bbb;-webkit-box-shadow: 0 0 5px #bbb;box-shadow: 0 0 5px #bbb;width:55px;font-size:13px;}

#fbfxd p{margin:0 0 5px 0;color:#999999;}

@media screen and (max-width: 1120px) {

#fbfxd {display: none !important;}

}



.bbox {float:left;width:320px;overflow:hidden;}

.bbox h3 {margin:0 0 10px 20px;;padding:0;background:#207EBB;color:#fff;padding:5px;}

.bbox ul {margin:0 0 0 20px;padding:0 0 0 5px;}

#bottom .bbox ul li {list-style-type:none;border-bottom:1px solid #ddd;margin:5px 0 10px 0;padding:0;}





.sposts{clear:both; margin:10px 0;}

.sposts ul {margin:0;padding:0;}

.sposts ul li {float:left; list-style-type:none;margin:10px;}

.sposts ul li {width:190px;height:170px;}

.sposts ul li img {width:190px;height:100px;}







#himg img {height:160px!important;}



@media screen and (max-width:980px){

body {min-width:350px;}

#wrapper{ width: 98%; border:none;padding:1%;}

#main{ width:100%;float:none;}

textarea {max-width:90%;display:block;}

img {max-width:95%;height:auto;}

.bbox {float:none;width:96%;padding:2%;margin:0 0 20px 0;}

}





@media screen and (max-width: 400px) {

#wrapper .mainh div {float:none!important; margin:20px auto!important;width:90%!important;display:block;}

#wrapper .mainh div img {width:90%;height:auto;}

}

@media screen and (min-width: 980px) {

#wrapper{ width: 980px; }

#main{ width:630px; }

}



@media screen and (min-width: 1200px) {

#wrapper{ width: 1100px; }

#main{ width:740px; }

}



@media screen and (min-width: 1300px) {

#wrapper{ width: 1260px; }

#main{width:900px; }

}