/*
Theme Name: segerios
Theme URI: https://www.thematology.com/
Description: 3 columns, with 2 RHS widget sidebars
Version: 1.2
Author: Thematology
Author URI: https://www.thematology.com/
*/


body {margin: 0; padding: 0; color: #333; text-align:center; font-size: 100.1%; font-family: Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
#header{   padding: 0 0 0 10px;}
a, a:hover{ color: #000000; }

ul#commentlist li div.commenttext{ padding-left: 20px; }
#wrapper{ margin: 0px auto; padding: 0px; text-align:left; font-size: 84%; line-height:20px; }
#header{ height: autopx; margin: 0; }
#main{ padding: 10px 0 0 0; }
p, h1, h2, h3, h4 { margin: 10px 0; padding: 0; }
h1{ font-size: 140%; }
h2{ font-size: 105%; }
h3{ font-size: 110%; }
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:right; width:175px; }
h1 a, h2 a, h3 a {font-weight:400;}

#main{ float:left; width:730px; margin-right:10px;}
#main img{max-width:100%;height:auto;}
#main .right, #main .fbright {float:right; margin:0 5px 0 0;}
#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 #3B5998; padding: 5px 0 5px 0;}


#tabs { font-size:90%; line-height:18px; border-bottom: 1px solid #aaa; background:#000000;}
#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: #fff; }
#tabs a:hover { color: #85B755; }

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;  background:url no-repeat 0 4px;font-weight:normal;}
.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:#000000; padding: 1px 10px 1px 5px; text-align:right; margin:10px 0 0 0; }
.postmetadata p{ line-height: 14px; padding: 0; margin: 1px 0; }

.backlink {background:#eeeeee;padding:5px;border:1px solid #000000;display:inline-block;}

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

#sidebar{ float:right; width:340px; font-size:14px;font-weight:normal;margin:10px 0 0 0;}
#topsidebar {padding:5px;background:#eee;border:1px solid #ddd;}
.leftsidebar{float:left;width:165px;}
.rightsidebar {float:right; width:165px;}



#sidebar h3{ font-size: 130%; padding: 2px 0 2px 2px; margin-bottom: 5px; color: #fff; font-variant: small-caps; background: #000000; }
#sidebar ul{ margin:0; padding:0; }
#sidebar ul li{  padding:0; margin:0; list-style-type:none;}
#sidebar ul li a{ padding:2px 2px 2px 5px; display:block; background: #FAFAFA; font-weight:400;}
#sidebar ul li a:hover{ display:block; background: #ddd; }

.sidebarsearch {background:#eee;padding:0;border:1px solid #ddd;}

#sidebar h3.heading1 {background:#2EA065;}
#sidebar h3.heading2 {background:#DA4E66;}
#sidebar h3.heading3 {background:#000000;}
#sidebar h3.heading4 {background:#000000;}

#sidebar ul.tags li {float:left; border:1px solid #ccc;margin:5px;border-radius:4px;}

#footer { clear: both; margin: 0; padding: 10px 0 0 0; text-align: center; font-size: 85%;  }
#footer-inner{ background: #333333;padding:10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color:#fff;}
#footer-inner a {color:#fff;}
#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:#000000; background:#fff;border-radius:3px;display:inline-block;}
.wp-pagenavi a:hover {border: 1px solid #000; color: #fff; background: #000000;}
.wp-pagenavi span.pages {padding: 8px 10px; margin:3px;color: #fff;border: 1px solid #000;background:#000000;border-radius:3px;}
.wp-pagenavi span.current{padding:14px 15px;margin:3px;font-weight:bold;border:1px solid #000;color:#fff; background:#000000;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;}

#bottom {background:#eee;clear:both;padding:20px 0;}
.bbox {width:20%;float:left;margin:2%;}
.bbox h3 {background:#CCE3B0;color:#333333;padding:4px;}
.bbox ul {margin:0;padding:0;}
.bbox ul li {margin:0 5% 5px 0;list-style-type:none;border-bottom:1px solid #ddd;padding:0 0 2px 0;}


.sposts{clear:both; margin:10px 0;}
.sposts ul {margin:0;padding:0;}
.sposts ul li {float:left; list-style-type:none;margin:0 10px;}
.sposts ul li {width:auto;height:200px;}
.sposts ul li img {width:auto;height:130px!important;}
.sposts ul li span  {width:150px;display:block;font-size:12px;}
.sposts ul li span a {font-weight:400;}


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


#footer-sidebar{background-color:#333333;color:#ffffff; width:100%;text-align:left;clear:both;}
#footer-sidebar .colum{
float:left;
width:21%;padding:2%;
}
#footer-sidebar .colum a{
	color:#ffffff;
}
#footer-sidebar .colum a:hover,
#footer-sidebar .colum a:visited{
	color:#ffffff;
}
#footer-sidebar .colum a.tsl-24{
	height: 36px;
	line-height: 24px;
	font-size:16px;
	width: 36px;
	margin-top:10px;
	margin-right:10px;
	display:inline-block;
}
#footer-sidebar #content{
display:table;
border-bottom:1px solid #484848;
width:100%!important;
}
#footer-sidebar #content h3{
	background-color:transparent;
	font-size:13px;
	border-bottom:1px solid #484848;
	padding-bottom:15px;
	padding-top:15px;
	padding-left:0px;
}
#footer-sidebar #content ul{
	padding:0px;
}
#footer-sidebar #content ul li{
	list-style:none;
	background: url("../../uploads/2016/08/footer-right-arrow.png") no-repeat left center;
	line-height:24px;
	padding-left:15px;font-size:12px;
}
#footer-sidebar #content .four .es_textbox_class{
	width:100%;
	height:36px;
	padding:10px 12px;
	border-radius:4px;
	border:0px;
}
#footer-sidebar .colum a.tsl-default i{
	line-height:38px;
}
#footer-sidebar #content .four .es_textbox_button{
	height:36px;
	width:100%;
	padding:10px 12px;
	border-radius:4px;
	background-color:#4694dc;
	border:0px;
	color:#ffffff;
	text-transform: uppercase;
	font-weight:bold;
	font-family:arial;
	cursor:pointer;
}
#footer-sidebar #content .four .es_textbox_button:hover{
	background-color:#2071bc;
}



.wp-pagenavi a{display:inline-block;}

@media screen and (max-width:980px){
body {min-width:300px;}
#wrapper{ width: 96%; border:none;padding:1%;}
#main{ width:100%; }
#sidebar {float:none;margin:20px 0;width:100%;padding:0;}
textarea {max-width:90%;display:block;}
img {max-width:95%;height:auto;}
.bbox {float:none;width:90%;padding:2%;margin:0 0 20px 0;}
#footer-sidebar .colum {float:none;width:96%;}
}


@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 (max-width:600px) {
#topnav {clear:both;float:none;display:none;padding:0;color:#ccc;background:#000000;margin:0;}
#topnav a{color:#eee;}
#navtoggle {color:#fff; background:#000000 url(../../uploads/2016/09/menuwhite.png) 5px 8px no-repeat;  padding: 8px 0 5px 45px;font-size:20px;cursor:pointer;display:block;}
#topnav ul  {margin:0;}
#topnav ul li {float:none;border:none;border-bottom:1px solid #aaa;display:block;padding:0 0 3px 0;margin:5px 0 5px 0;}
#topnav ul li a {display:block;border:none;color:#fff;}
#topnav ul li a:hover {color:#ccc;}
}

@media screen and (min-width:600px) {
#navtoggle {display:none;}
}

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

.sposts{clear:both; margin:10px 0;}
.sposts ul {margin:0;padding:0;}
.sposts ul li {float:left; list-style-type:none;margin:0 10px;}
.sposts ul li {width:auto;height:160px;}
.sposts ul li img {width:auto;height:80px!important;}
.sposts ul li span  {width:120px;display:block;}


}