/*  
Theme Name: Green With Envy Reloaded
Theme URI: 
Description: Green With Envy Reloaded 
Version: 1.0
Author: ChiQ Montes
Author URI: 
*/




body {
	margin:0;
	background:#f3f3f3;
	font-family: "Avenir", sans-serif;
	color:#333;
	font-size: 100%;
	line-height: 1.65; 
	
	min-width:1160px;      
	}

img {
	border:0;
max-width:100%;
height: auto;
	}
a {
	color: #73A800;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	}
a:hover {
	color: #547A00;
	}
h1, h2, h3, h4, h5, h6 {
	
	}
blockquote {
	border-left:3px solid #a0b04a;
	padding-left:10px;
	}
.clear {
	clear:both;
	}

/* The Wrapper */

.wrapper {
width: 1000px;
margin: 0 auto;
	}

#wrap {
background: white;
padding: 20px 0 20px 40px;
}

#wrap.wrapper {
width: 1060px;
box-shadow: 0px 10px 20px #ddd;
}

/* The Header */

.head {
	height:48px;
	padding:0px 0 0 0;
	background: #00303f; /* Old browsers */
	background: -moz-linear-gradient(top, #484848 0%, #323232 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484848), color-stop(100%,#323232)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #484848 0%,#323232 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #484848 0%,#323232 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #484848 0%,#323232 100%); /* IE10+ */
	background: linear-gradient(top, #484848 0%,#323232 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#323232',GradientType=0 ); /* IE6-9 */
	}
.head h1 {
	margin: 0;
	padding:0px 0 0 0;
	width:623px;
	height:44px;
	}
.head h1 span {display:none;}

.head .wrapper {
	position:relative;
	width:1100px;
	color:white;
	}
.head ul {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	bottom:0;
	left:63px;
	height:20px;
	line-height:20px;
	text-transform:uppercase;
	}
.head li {
	display:inline;
	}
.head li.current_page_item a {
	background:url(images/menu.gif);
	}
.head li a {
	display:block;
	padding:0 20px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	float:left;
	}
.head li a:hover {
	background:url(images/menu.gif);
	}

/* The Info Bar */

.infobar {
	background:#8a9a35 url(images/infobar.gif) top repeat-x;
	color:#fff;
	margin-bottom:10px;
	}
.infobar .column {
	float:left;
	width:440px;
	padding:0 30px;
	}
.infobar h2 {
	margin:15px 0 15px 0;
	font-size: 0.85em;
	text-transform:uppercase;
	}
.infobar p {
	padding:0;
	margin:0 0 15px 0;
	}

/* The Left Sidebar */

.leftsidebar {
	float: left;
	width: 300px;
	padding: 0 40px 0 0;
	color: #333;
	}
.leftsidebar h2 {
	font-size: 0.85em;
	margin:0;
	background:url(images/lefth2.gif) left center no-repeat;
	padding-left:20px;
	height:16px;
	text-transform:uppercase;
	}

/* The Content */

.content {
	float: right;
	width: 660px;
	padding-bottom: 20px;
	padding-top: 5px; margin-right: 40px;
	}

.content li {
margin:5px;
}

.content1 {
	padding-bottom: 20px;
	padding-top: 5px; margin-right: 40px;
	}

.content1 li {
margin:5px;
}

h1.title {
	font-size: 2em;
	color:#000000;
	margin:0 0 5px 0;
	}
h1.title a {
	color:#000000;
	text-decoration:none;
	}
h1.title a:hover {
	text-decoration:underline;
	}
p.date {
	color:#808080;
	background:url(images/date.png) left center no-repeat;
	padding:0 0 0 15px;
	margin:0;
	}
p.commentlink {
	color:#808080;
	margin:0 0 20px 0;
	border-bottom:1px solid #808080;
	height:20px;
	}
p.commentlink a, p.date a {
	text-decoration:none;
	color:#808080;
	}
p.commentlink a {
	padding:0 0 5px 15px;
	background:url(images/comments.png) left center no-repeat;
	}
p.commentlink a:hover, p.date a:hover {
	text-decoration:underline;
	}
/*Featured post*/

	
#featured {  padding:1em;}
#featured .img {float:left; width:270px;}
#featured .img img {border:3px solid #FFFFFF;}
#featured .post {float:right; width:700px;}
#featured  h2 {color:#061f28; font-size: 0.75em; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}

/* The Sidebar */

.sidebar {
	float: left;
	width: 190px;
	color: #333;
	}
.sidebar ul, .leftsidebar ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.sidebar h2 {
	font-size: 0.85em;
	margin:0 0 10px 0;
	background:url(images/righth2.gif) left center no-repeat;
	padding-left:20px;
	height:16px;
	text-transform:uppercase;
	}
.sidebar ul li, .leftsidebar ul li {
	margin:0 0 20px 0;
	}
.sidebar ul li li, .leftsidebar ul li li {
	margin:0;
	}
.sidebar ul li ul li, .leftsidebar ul li ul li {
	border-bottom:1px dashed #ddd;
	line-height:25px;
	background:url(images/square.gif) 0 10px no-repeat;
	padding-left:10px;
	}
.sidebar ul li ul li li, .leftsidebar ul li ul li li {
	border-bottom:none;
	border-top:1px dashed #ddd;
	}
.sidebar ul li ul a , .leftsidebar ul li ul a {
	color:#333;
	text-decoration:none;
	}
.sidebar ul li ul a:hover, .leftsidebar ul li ul a:hover {
	color:#a0b04a;
	text-decoration:none;
	}

/* The Search Form */

.sidebar form {
	margin:0;
	padding:0;
	}
.sidebar input {
	border:1px solid #8a9a35;
	padding:0;
	}
.sidebar input#s {
	width:150px;
	font-size: 1em;
	padding:8px 5px 0 5px;
	height:22px;
	}
.sidebar input#submit {
	background:#8a9a35;
	color:#fff;
	padding:0 5px;
	height:32px;
	}

/* The Bottom Bar */

.bottombar {
	background: #111;
	color: white;

	padding: 10px 0;
	}
.bottombar .wrapper {
	}
.bottombar a.xhtml, .bottombar a.css {
	background:url(images/valid.png) left center no-repeat;
	padding-left:20px;
	margin-right:10px;
	color:#fff;
	text-decoration:none;
	}
.bottombar a.rss {
	background:url(images/rss.png) left center no-repeat;
	padding-left:16px;
	color:#fff;
	text-decoration:none;
	}
.bottombar a:hover {
	text-decoration:underline;
	color: #999;
	}
.bottombar a {
	color: #ccc;
}
/* The Footer */

.footer {
	height:42px;
	line-height:42px;
	background:url(images/footer.png);
	text-align:center;

	color:#fff;
	font-weight:bold;
	}
.footer a {
	color:#fff;
	text-decoration:none;
	}
.footer a:hover {
	text-decoration:underline;
	}

/* The Page Links */

.pagelinks {
	font-size: 1em;
	font-weight:bold;
	padding-bottom:20px;
	padding-left:20px;
	}
/* The Navigation */

.navigation {
	height:25px;
	padding:0 20px;
	}
.navigation a {
	font-weight:bold;
	text-decoration:none;
	font-size: 1em;
	}
.navigation a:hover {
	text-decoration:underline;
	}
.alignleft {
	float:left;
	}
.alignright {
	float:right;
	}

/* The Attachment */

.contentCenter {
	text-align:center;
	}

/* The Page Title */

h2.pagetitle {
	padding:0;
	margin:0 0 20px 0;
	font-size: 1.25em;
	text-align:center;
	}

/* The Comments */

.comments {
	}
.comments form {
	}
.comments textarea {
	width:90%;
	height:156px;
	background:#fff;
	border:1px solid #e9e5e1;
	color:#484849;
	padding:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	}
#commentform {
	padding-left:23px;
	}
#commentform input {
	background:#fff;
	border:1px solid #e9e5e1;
	color:#484849;
	padding-left:10px;
	}
#submit{
    background: #73a800;
    border: 1px solid #e9e5e1;
    color: #333333;
    padding: 10px 20px 10px 20px !important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
.comments input#submit {
	padding:0;
	width:72px;
	height:29px;
	}
.comments h2 {
	font-size: 1.5em;
	line-height:30px;
	margin:24px 0 0 23px;
	padding:0;
	font-weight:normal;
	}
.comments ol li p {
	padding:0;
	margin:10px 0;
	}


.cat ul {
	margin:0 0 40px 0;
	}

.cat ul li li {
margin:0;
}

.cat ul li {
	line-height:15px;
	}

.cat1 ul {
	margin:0 0 40px 0;
	}

.cat1 ul li li {
margin:0;
}

.cat1 ul li {
	line-height:15px;
	}

/* Searchbox */
.searchbox {

}
.category-nav,
.top-bar {
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.top-bar {
background: #484848;
}
.category-nav ul {
margin: 0 auto;
width: 1160px;
list-style:none;
text-align: center;
padding: 0;
}
.category-nav li {
display: inline-block;
padding: 0.65em 0.65em 0.75em 0.75em;
border-left: 1px solid #ccc;
}
.category-nav li:first-child {
border-left: none;
padding-left: 0;
}
.category-nav li:last-child {
border-right: none;
padding-right: 0;
}
.category-nav a {
color: #444;
text-transform: uppercase;
font-weight: bold;
text-shadow: 1px 1px 0px #fff;
font-size: 0.8em;
}
.category-nav a:hover {
color: #999;
}
.top-bar {
padding: 0.5em 0;
}
.top-bar-wrap {
width: 1000px;
margin: auto;
clear: both;
overflow: auto;
}
.top-bar form,
.top-bar strong {
float: right;
}
.top-bar strong {
position: relative;
top: 0.2em;
margin-right: 0.75em;
font-size: 0.8em;
color: #fff;
}
#table-design {
	border: 1px solid #DFDFDF;
	background-color: #F9F9F9;
	width: 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: Avenir,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
	color: #333;
}
#table-design td, #table-3 th {
	border-top-color: white;
	border-bottom: 1px solid #DFDFDF;
	color: #555;
}
#table-design th {
	text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
	font-family: Avenir,"Times New Roman","Bitstream Charter",Times,serif;
	font-weight: normal;
	padding: 7px 7px 8px;
	text-align: left;
	line-height: 1.3em;
	font-size: 16px;
}
#table-design td {
	font-size: 14px;
	padding: 4px 7px 2px;
	vertical-align: top;
}
hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

/* ----------- code added by Pramod Jodhani ------------- */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.comments_list li {
  border-top: 2px solid #73a800;
  margin-top: 20px;
  padding-top: 20px;
}
.stat_container {
  border: 1px solid;
  display: inline-block;
  height: 60px;
  margin: 0 10px 20px;
  width: 400px;
  float: left;
	
}
.stat_filled {
  background: #73a800 none repeat scroll 0 0;
  height: 60px;
}
#commentform textarea, #commentform input {
  border: 1px solid #e0dfdf;
  max-width: 100%;
  padding: 5px;
}
.comment_stat_one .label {
  display: inline-block;
  float: left;
}
.counter_percent {
  float: left;
  line-height: 61px;
  margin-left: 10px;
}
.comt_frm_thumbs_p img {
  height: auto;
  line-height: 50px;
  width: 40px;
  cursor: pointer;
}
.comt_frm_thumbs_p {
  line-height: 50px;
}
.comt_frm_thumbs_p img {
  position: relative;
  top: 9px;
}

.comment_map_map {
	height: 500px;
	width: 100%;
}

.map_scale {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.map_scale .single_range {
  display: table-cell;
  position: relative;
  width: 100%;
}

.single_range .pole {
  background: #cacaca none repeat scroll 0 0;
  display: block;
  height: 50px;
  width: 2px;
}

.single_range .patti {
  display: block;
  height: 10px;
  left: 13px;
  position: absolute;
  top: 50%;
  width: 82%;
}

.pole .pole_txt {
  bottom: -25px;
  left: -10px;
  position: absolute;
}

.single_range.first, .single_range.last {
  font-size: 10px;
}

.fl_txt {
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}

#states_dd {
  height: 29px;
  width: 167px;
}
h2#respond {
  margin-top: 80px;
}
.mobileony_ad {display:none;}
.headerfixed{ position:fixed; top:0; left:0; right:0; z-index:9;}
.ctntwpr { margin-top: 113px;}
.logogooglecntr{ display: inline-block; width: 100%;}
.logosection{ float: left; width: 40%;}
.googlesearchsection{ float: right; width: 60%; text-align: right; margin-top: 8px;}
.togglemenu{ display:none;}
.footer_ads{display:block; text-align:center}
@media only screen and (max-width:981px) {
body { min-width: 320px; max-width: 100%; margin: 0 auto; overflow-x:hidden;}
.headerfixed{ position:inherit;}
.ctntwpr { margin-top: 0px;}
.head h1 { width: inherit; padding-left: 10px;}
.togglemenu{ display:inline-block; position:relative; z-index:9; margin: 7px 0 0 8px;}
.togglemenu span{ float: right; cursor:pointer; padding:10px; background:#fff; width: 25px; height: 21px; position: relative; cursor:pointer; position:relative; z-index:9;}
.togglemenu span i { display: block; height: 5px; width: 100%; margin-bottom: 4px; background: #000;}
.responsivemenu{ display:none; border-top: 1px solid #ccc;}
.category-nav ul { width: 100%;}
.category-nav ul li { display: block; text-align:left; padding:0 0 0 0.75em;}
.category-nav a{ display: block; padding: 0.65em 0.65em 0.75em 0.75em;}
.category-nav ul li:hover { background:#ccc;}
.category-nav ul li:first-child { border-left: 1px solid #CCC;  padding-left: 0.75em;}
.head .wrapper, #wrap, #wrap.wrapper, .wrapper{ width:100%; box-sizing:border-box;}
#wrap{ padding-left:10px;} 
.leftsidebar { float: inherit; width: 100%; box-sizing: border-box; text-align:center;}
.content { float: inherit; width: 98%; box-sizing: border-box; margin-right: 0px;}
.content table{ width:100%;}
.content table td{ padding:5px;}
.mobileony_ad {display:block; text-align:center}
.footer_ads, #ads{display:none}
}
.socialbox {
    background-color: #fffff;
    border: 2px solid green;
}
@media only screen and (max-width:640px) {
.head{ height:auto;}
.logosection { width: 100%; text-align: center;}
.googlesearchsection { width: 100%; text-align: center;}
#cse-search-results iframe{ width:100%;}
a { font-size: 14px; font-weight: 300;}
}
@media only screen and (max-width:480px) {
#pay{width: 95%;}
#commentform textarea, #commentform input[type=text] { max-width: 95%; width:100%;}
#commentform textarea, #commentform input[type=number]{ width: 95%;}


/* =========== coded by witoni team =============== */

.stat_container{ width:320px;}
.gs-webResult { width: 100%; padding: 2px 0px; box-sizing: border-box;}
}

#pay{width:154px;}

@media only screen and (max-width:360px) {
.stat_container{ width:180px;}
.map_scale .single_range { display: inline-block;}
.pole .pole_txt { bottom: 0px; left: 11px;}
.single_range .patti { top: 25%;}
.gs-webResult { width: 100%; padding: 2px 0px; box-sizing: border-box;}
}

.author {
    font-size: small;
    text-transform: uppercase;
}