/*
Theme Name: Clean & Lean Revolution
Version: 3.0
Date: 22 April 2014
Author: Sterr Bros
Author URI: http://www.sterr-bros.com/
Description: Customized theme for www.cleanandleanrevolution.com
*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(images/bg.gif) repeat-x #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #222222;
}

.cursive {
	font-family: 'Great Vibes', cursive;
}

#wrapper {
	width: 100%;
	max-width: 955px;
	margin: 0px auto;
	text-align: left;
}

#header {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	position: relative; 
	width: 100%;
	background: #777;
	max-width: none;
	height: auto;
}

#header #menubar {
	position: relative;
	width: 100%;
	height: 49px;
	border-bottom: 1px solid #FFF;
	z-index: 500;
	box-shadow: 0px 0px 15px #333;
}

#header #menubar .inner {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#header #menubar #logo {
	float: left;
	padding: 3px 0 0 5px;
}

#header #menubar #menu {
	float: right;
	padding: 0 5px 0 0;
}

#header #menubar #menu ul {}

#header #menubar #menu li {
	list-style: none;
	display: inline-block;
	float: left;
	margin-left: 35px;
}

#header #menubar #menu li a {
	font-size: 13px;
	color: #EEE;
	text-transform: uppercase;
	text-decoration: none;
}

#header #menubar #menu li a:hover {
	color: #FFF;
}

#header #menubar #menu ul ul {}

#header #menubar #menu ul ul li {}

#header #menubar .social {
	float: right;
	padding: .6em .6em 0 35px;
}
#header #menubar .social a {
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 6px;
	outline: none; 
	text-decoration: none; 
	opacity: 0.5;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
#header #menubar .social a:hover {opacity: 1;}
#header #menubar .social a.facebook {background-image: url(images/soc-facebook.png);}
#header #menubar .social a.pinterest {background-image: url(images/soc-pinterest.png);}
#header #menubar .social a.linkedin {background-image: url(images/soc-linkedin.png);}
#header #menubar .social a.twitter {background-image: url(images/soc-twitter.png);}
#header #menubar .social a.reviews {background-image: url(images/soc-reviews.png); margin: 0;}

#header #banner {
	width: 100%;
	position: relative;
	background: url(images/landing/banner-bg.gif) center top no-repeat;
	text-align: center;
}

#header #banner a {
	line-height: 0;
}

#header #banner img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#header #opt-in {
	position: relative;
	width: 100%;
	height: 70px;
	background: #5B6B2C;
	box-shadow: inset 0px 4px 6px #343D19;
	overflow: visible;
}

#header #opt-in .inner {
	position: relative;
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
}

#header #opt-in #opt-in-text{
	float: left;
	width: 68%;
}

#header #opt-in #opt-in-text p {
	color: white;
	text-transform: uppercase;
	font-size: 17px;
	letter-spacing: 2px;
	margin: 14px 0 0 0;
}

#header #opt-in #opt-in-form {
	position: relative;
	float: left;
	width: 30%;
	overflow: visible;
}

#header #opt-in #opt-in-form input {
	float: left; 
	margin: 14px 2% 0 0;
	padding: 1em 1% 1em 3%;
	width: 44%;
	background: #FFF;
	box-shadow: inset 2px 2px 3px #BBB;
	border: none;
}

#header #opt-in #opt-in-form input[type="image"] {
	position: absolute;
	right: -90px;
	top: -9px; 
	background: #EEDDBE;
	width: 84px;
	height: 84px;
	padding: 0;
	border-radius: 42px;
	box-shadow: 2px 2px 1px #333;
	z-index: 1000;
}

#header #opt-in #opt-in-form input[type="image"]:hover {
	background: #FAAF4F;
}

#nav {
	position: absolute; 
	top: 60%; 
	left: 27.4%; 
	padding: 0 0 0 0;
}

#nav ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	height: 50px;
}

#nav ul li {
	display: inline-block;
	color: #A0C621;
	font-size: 16px;
	text-transform: capitalize;
	letter-spacing: 1px;
	font-weight: 700;
	padding: 0 16px 0 16px;
	text-align: center;
	height: 50px;
	cursor: pointer;
	line-height: 24px;
	vertical-align: top;
}

#nav ul li.sep {
	width: 2px;
	background: #5B6B2C;
	padding: 0;
	margin: 0;
}

#nav li a:link{
	color: #F77F00;
	text-decoration: none;
}

#nav li a:visited {
	color: #F77F00;
}

#nav li a:active {
	color: #F77F00;
}

#nav li a:hover {
	color: #FFF !important;
}

#nav li.active{
	color: #FFF;
	background: #708437; /* Old browsers */
	background: -moz-linear-gradient(left,  #708437 0%, #a0c621 30%, #a0c621 70%, #708437 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#708437), color-stop(30%,#a0c621), color-stop(70%,#a0c621), color-stop(100%,#708437)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #708437 0%,#a0c621 30%,#a0c621 70%,#708437 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #708437 0%,#a0c621 30%,#a0c621 70%,#708437 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #708437 0%,#a0c621 30%,#a0c621 70%,#708437 100%); /* IE10+ */
	background: linear-gradient(to right,  #708437 0%,#a0c621 30%,#a0c621 70%,#708437 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#708437', endColorstr='#708437',GradientType=1 ); /* IE6-9 */
}

#sub-menu {
	position: relative; 
	width: 100%;
	background: #708437; 
	text-align: center;
	overflow: visible;
	z-index: 999;
	border-bottom: 6px solid white;
	box-shadow: 0 0 6px #AAA;
}

#sub-menu.fixed {
	position: fixed;
	top: 0;
}

#sub-menu .inner {
	width: 96%; 
	padding: 1% 2% 1% 2%; 
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

#sub-menu #social {
	position: absolute;
	top: auto;
	bottom: -1px;
	right: 2%;
	height: 25px;
}

#sub-menu #social a {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 6px;
	outline: none; 
	text-decoration: none; 
	opacity: 0.5;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
#sub-menu #social a:hover {opacity: 1;}
#sub-menu #social a.facebook {background-image: url(images/soc-facebook.png);}
#sub-menu #social a.pinterest {background-image: url(images/soc-pinterest.png);}
#sub-menu #social a.linkedin {background-image: url(images/soc-linkedin.png);}
#sub-menu #social a.reviews {background-image: url(images/soc-reviews.png); margin: 0;}

#member-login {
	color: #F77F00;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0px;
	position: absolute;
	width: 100px;
	height: 25px;
	line-height: 25px;
	background: url(images/member-bg2.png) no-repeat;
	margin-left: 125px;
	top: auto;
	bottom: 36%;
	right: 2%;
}

#member-login a:link {
	color: #FFF;
	text-decoration: none;
}

#member-login a:visited {
	color: #FFF;
}

#member-login a:active {
	color: #FFF;
}

#member-login a:hover {
	color: #F77F00 !important;
}

#main-content {
	position: relative;
	width:96%;
	background: #708437;
	display: table;
	padding: 0 2% 2% 2%;
}

.clear {clear: both}

#page {
	width: 76%;
	max-width: 100%;
	display: table-cell;
	vertical-align: top;
	border: 1px solid #FF9900;
	border-top-width: 0;
	background: #ffffff;
}

#page h1 {
	padding: 4px 5px;
	background-color: #E0E6CA;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #FF9900;
	margin: 0 0 1px 0;
	font-family: "Gill Sans","Gill Sans MT","Gill","Century Gothic",sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #666666;
	text-transform: uppercase;
	margin: 0 -1px 0 -1px;
}

#page #text {
	padding: 20px 72px 35px 72px;
	font-size: 14px;
	line-height: 1.5em;
}

#page #text h1 {
	background: none;
	padding: 0;
	border: none;
	margin: 1em 0 1em 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	color: #666666;
	text-transform: none;
}

#page #text ul {
	list-style: none;
	padding-left: 30px
}

#page #text ul li {
	background: url(images/bullet.png) 0px 3px no-repeat;
	padding: 0 0 0 20px;
}

#page #text ul.checklist li {
	background: url(images/checkmark.png) 0px 3px no-repeat;
	padding: 0 0 0 20px;
}

#page #text a {
	color: #F77F00;
}

#page #text a:hover {
	color: #657C39 !important;
}


#page h2 {
	font-family: 'Trebuchet MS', arial;
	font-size: 12pt;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #222;
}

#page h1 a:link, #page h1 a:visited {
	text-decoration: underline;
	color: #222;
}

#page h1 a:hover, #page h1 a:active {	
	text-decoration: none;
}

#page .content {
	clear: left;
}

#page #text table {}
	
#page #text table td {
	border: 1px solid #F5D87A;
	padding: 10px;
}

.faq {
	margin: 1em 0;
	padding: 5px;
	background: #FaFFEB;
	border: 1px solid #F5D87A;
}

.faq p {
	margin: 0em 0 1em 0;
}

.faq ul {
	padding: 0 !important;
}

.faq ul li {
	list-style: inside url(images/bullet.png);
	background: none !important;
	padding: 0 !important;
}

.to-top {
	float: right;
	font-size: 9px;
}

h2#comments {
	padding: 4px 5px 4px 9px;
	background-color: #E0E6CA;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #FF9900;
	margin: 0 -1px 0 -1px;
	font-family: "Gill Sans","Gill Sans MT","Gill","Century Gothic",sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #666666;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 1px;
}

h3#respond {
	clear: right;
	font-size: 14pt;
	font-weight: bold;
	margin: 10px 0;
	color: #222;
	padding: 0;
	border-bottom: 2px solid #222;
}

#comments h3.review {
	clear: right;
	margin: 10px 0 5px 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 2px;
	color: #777;
	font-family: Arial;
	font-size: 10pt;
}

#writereviewlink {
	position: absolute;
	top: 2px;
	right: 0px;
}

.reviewer {color: #657C39; }

#comments p {
	margin-top: 5px;
	font-size: 9pt;
	color: #222;
}

#comments a {
	color: #F77F00;
}

#comments a:hover {
	color: #657C39 !important;
}

#comments ul {
	margin: 0;
	padding: 0;
	float: right;
}

#comments li {
	display: inline;
}

#comments div.review {
	padding: 0 0 1em 0;
	border-bottom: 1px solid #222;
}

#comments .odd {}

#comments .even {}

#comments #text {
	padding: 0 10px 10px 10px;
}

#comment-form-wrapper{
	margin-top: 1em;
	padding: 0.3em 1em .3em 1em;
	background: #E0E6CA;
}

#comment-ratings {
	float: left;
	background: #ffffff;
	padding: 0 4px 0 0;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
}

#comment-ratings td {border: none !important;}

#comment-ratings .ratings {margin:0 !important;}

#comments .rating_value {
	padding-right: 10px;
}

.customer_favorite {
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	color: #666;
	padding-left: 10px;
}

.reviewcount, .visitsite, .visitsite_single {
	float: right;
}

.reviewcount a:link, .reviewcount a:visited {
	display: block;
	margin-top: 1px;
	padding: 1px 3px;
	background: #f3f2ed;
	font-family: Arial;
	font-size: 8pt;
	color: #069;
	text-decoration: none;
	font-weight: bold;
}

.visitsite, .visitsite_single {
	padding-left: 8px;
}

.visitsite a:link, .visitsite a:visited {
	display: block;
	margin-top: 1px;
	padding: 1px 3px;
	background: #f3f2ed;
	font-family: Arial;
	font-size: 8pt;
	color: #069;
	text-decoration: none;
	font-weight: bold;
}

.visitsite_single a:link, .visitsite_single a:visited {
	display: block;
	margin-top: 1px;
	padding: 1px 8px;
	background: #222;
	font-family: Arial;
	font-size: 8pt;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.visitsite_single a:hover {
	display: block;
	margin-top: 1px;
	padding: 1px 8px;
	background: #fcc;
	font-family: Arial;
	font-size: 8pt;
	color: #06c;
	text-decoration: underline;
	font-weight: bold;
}

.wp-caption {
	padding: .5em .2em 0 .2em;
	background: #F3F2ED;
	border: 1px solid #222;
	text-align:center;
}

.col-left {
	float: left;
	width: 48%;
}

.col-right {
	float: right;
	width: 48%;
}

#footer {
	text-align: center;
	margin: 0;
	background: url(images/footer.jpg) top center no-repeat;
	padding-top: 50px;
}

#footer .foot-top {width: 100%}

#footer .foot-top a {
	display: inline-block;
	padding: 1%;
}

#footer .foot-mid {
	width: 100%; 
	padding: 1%;
}

#footer .foot-bot {
	width: 100%; 
	padding: 1%;
}

#footer .foot-small {display: none;}

.preload {display: none}

#page #text #challenge-top {width: 100%; padding:0; background: #657C39;}
#page #text #challenge-top td {border-color: #657C39;}
#page #text #challenge-top td #page-title {color: white; font-family: 'Playball', cursive; font-size: 30px; text-transform: none; text-shadow: 2px 2px 1px #666;}

#page #challenge-free {background: #F8F9EF; border: 1px solid #657C39; border-top: 0; padding: 4px 12px 12px 12px; border-radius: 0 0 10px 10px; }
#page #challenge-free img {border: 4px solid #fff; box-shadow: 2px 2px 10px #333;}
#page #challenge-free .top {width: 95%; margin: 10px auto 20px auto; font-size: 17px; color: #444; letter-spacing: 2px; line-height: 1.4em;}
#page #challenge-free .content { width: 100%; margin: 0 auto;}
#page #challenge-free img {float: left; margin: .5em 1em .5em .5em; border-radius: 10px;}
#page #challenge-free p {margin: 1em;line-height: 1.5em;}
#page #challenge-free .block {margin: 1em .5em; background: #E0E6CA; color: #444; border-radius: 10px; border: 4px solid #fff; box-shadow: 2px 2px 10px #444;}
#page #challenge-free .block p {margin: 0; padding: .5em; line-height: 1.1em;}
#page #text #challenge-free table td {border: none; padding: 0;}

#page #text #challenge-free ul li {background: none !important; padding: 0;}

#page #text .line-break {height: 4px; background: #657C39; width: 100%; margin: 1em auto; display: block; box-shadow: 2px 2px 2px #B8D385;}

#page #text #challenge-free #challenge-recipes td {
	border: 1px solid black;
	padding: 5px;
	background: #D6E3BB;
	vertical-align: top;
	font-size: 90%;
}

.alignleft {
	float: left !important;
	margin: 0 1em 1em 0 !important;
}

.alignright {
	float: right !important;
	margin: 0 0 1em 1em !important;
}

.aligncenter {
	float: none !important;
	margin: 1em auto !important;
	display: block;
}

.alignnone {
	float: none !important;
	margin: 0 auto !important;
	margin: 1em !important;
	display: block;
}

/* MISCELLANEOUS */
.app-only {
	display: none !important;
}

#responsive_current_menu_item, #responsive_menu_button {
	display: none;
}

.ajax-loader {clear:both; display: block;}

#reenrollment {
	background: url(images/reinstate-arrow.png) 25px 3px no-repeat;
	min-height: 110px;
}

.single-nav-title {margin: 40px 0 12px 0; color: #657C39; font-size: 26px; text-shadow: 2px 2px 1px #B8D385; text-align: center; font-weight: normal; font-family: 'Playball', cursive;}
.single-nav { width: 100%; clear: both; min-height: 25px; padding: 5px; border: 3px solid #fff; border-radius: 10px; box-shadow: 0px 1px 6px #555; background: #E0E6CA; margin: 0 0 0 -8px; }
.single-nav .prev {float: left;}
.single-nav .next {float: right;}
.single-nav a {text-transform: uppercase; letter-spacing: -1px; }

#notice-wrap {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(images/feature/50pblack.png) left top repeat;
	z-index: 990;
}

#notice {
	border: 5px solid #fff; 
	border-radius: 10px; 
	box-shadow: 0px 1px 6px #555; 
	background: #E0E6CA;
	z-index: 999;
	position: absolute;
	top: 25%;
	left: 50%;
	width: 30%;
	margin-left: -17%;
	padding: 2%;
}

#notice-close {
	position: absolute;
	top: 2%;
	right: 2%;
	font-weight: bold;
	color: red;
	font-family: Papyrus, Georgia, san-serif;
	cursor: pointer;
	text-shadow: 1px 1px 1px #666;
}

#notice-close:hover {
	text-shadow: -1px -1px 1px #eee;
}

#notice img {
	border: 4px solid #fff; 
	box-shadow: 2px 2px 10px #333;
}

iframe {max-width: 100%;}

#content #page .post .text .tweetbox {
	width: 100%;
	margin: 1em 0;
	border-top: 3px solid #708437;
	border-bottom: 3px solid #708437;
	text-align: center;
	padding: 1em 0;
	position: relative;
}

#content #page .post .text .tweetbox .icon {
	background: url(images/landing/twitter-icon-large.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 50px;
	height: 50px;
}

#content #page .post .text .tweetbox p {
	color: #708437;
	font-size: 20px;
	margin: 0 0 1em 0;
	padding: 0 50px;
	text-align: center;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

#content #page .post .text .tweetbox a {
	background-color: #EEEEEE;
	background-image: linear-gradient(#FFFFFF, #DEDEDE);
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	color: #333333;
	cursor: pointer;
	font-weight: bold;
	height: 18px;
	max-width: 98%;
	overflow: hidden;
	position: relative;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

#content #page .post .text .tweetbox a span {
	padding: 0 3px 0 19px;
	white-space: nowrap;
	display: inline-block;
	font-size: 11px; 
	font-weight: 700;
	font-family: 'Helvetica Neue', Arial, sans-serif;
}

#content #page .post .text .tweetbox a i {
	background: url(images/landing/twitter-icon-green.png) 0px 0px no-repeat;
	display: block;
	height: 13px;
	left: 2px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	width: 16px;
}


/* Screens less than 975px wide */
@media screen and (max-width: 975px) {
	#header {background-color: white; position: relative; height: auto;}
	
	#header-img img {display: block;}
	
	#nav {left: 28%; width: 68%;}
	
	#nav ul {width: 100%; position: relative;}
	
	#nav ul li {font-size: 15px; z-index:99; padding: 0 1.4%;}
	
	#nav ul li:first-child {padding-left: 0;}
	
	#nav ul li:last-child {padding-right: 0;}
	
	#member-login {position: absolute; top: 90%; left: auto; margin-left: 0; right: -.5%;}
	
	#join-now {position: absolute; top: 90%; left: auto; margin-left: 0; right: 103px;}
	
	#header #social {position: absolute; top: 90%; left: auto; margin-left: 0; right: 260px; padding-top: 2px;}
	
	#main-content {display: block;}
	
	#main-content.table-cols {display: table;}
	
	#column-spacer {display: none;}
	
	#main-content.table-cols #column-spacer {display: table-cell;}
	
	#page {display: block; float: left; width: 75%; max-width: 100%;}
		
	#page #text {padding: 2% 10% 3% 10%; position: relative; height: auto !important;}
		
	#page.reviews-page #text {padding: 0 2% 2% 2%;}
	
	#main-content.table-cols #page {display: table-cell; float: none; width: 75%; max-width: 100%;}

	#main-content.table-cols #page #text {padding-bottom: 3% !important;}
	
	#page h1 {padding-left: 10% !important;}
	
	#page.blog-single h1 {padding-left: 20px !important;}
	
	#page #text img {max-width: 100%; height: auto !important;}
	
	#page #text .video-wrapper {
		float: none;
		clear: both;
		width: 100%;
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 25px;
		height: 0;
		text-align: center;
	}
	
	#page #text .video-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	#home-col-left {padding: 0 2% 1em 2%; max-width: 96%; position: relative;}
	
	#home-col-right {float: none; padding: 0 2%; width: 96%;}
	
	.bx-wrapper {max-width: 96% !important;}
	
	textarea#comment {max-width: 99%;}
	
	#sidebar {display: block; float: right; width: 22%; max-width: 100%;}
	
	#sidebar .text {padding: 7% 0% 9% 0% !important; height: auto !important;}
	
	#main-content.table-cols #sidebar {display: table-cell; float: none;}
	
	#main-content.table-cols #sidebar .text {}
	
	#sidebar .text img {max-width: 96%; height: auto !important; margin-left: 0 auto;}
	
	#footer {background-size: contain; margin-bottom: 0 0 2% 0;}
		
	#footer .foot-middle, #footer .foot-left, #footer .foot-right, #footer .foot-spacer {display: none;}

	#footer .foot-small {display: block;}
	
	#footer .foot-small table {width: 100%; text-align: center; padding: 0;}
	
	#footer .foot-small table td {text-align: center; font-size: 13px;}
	
	#footer .foot-small table td:first-child {text-align: left;}

	#footer .foot-small table td:last-child {text-align: right;}
}

/* Screens less than 940px wide */
@media screen and (max-width: 940px) {
	#nav ul li {font-size: 14px;}
}

/* Screens less than 880px wide */
@media screen and (max-width: 880px) {
	#nav ul li {font-size: 13px;}

	#member-login, #join-now, #header #social {top: 89%;}
	
	#footer {padding-top: 45px;}
}

/* Screens less than 820px wide */
@media screen and (max-width: 825px) {
	#nav ul li {letter-spacing: 0;}
	
	#member-login, #join-now, #header #social {top: 88%;}
	
	#member-login {right: -1.2%;}

	#join-now {right: 98px;}
	
	#header #social {right: 253px;}
	
	#page h1 {padding-left: 10% !important;}

	#page h1, #sidebar h1.text-title, #page #text, #sidebar .text, #page.blog .title, h2#comments, h3#respond {font-size: 13px;}
	
	#footer {padding-top: 41px;}
}

/* Screens less than 735px wide */
@media screen and (max-width: 735px) {
	#nav ul li {font-size: 12px;}
	
	#member-login, #join-now, #header #social {top: 87%;}
	
	#footer {background-image: url(images/footer2.jpg); padding-top: 50px;} 
}

/* Screens less than 685px wide */
@media screen and (max-width: 685px) {
	#nav ul li {font-size: 11px;}
	
	#header #social {padding-top: 0;}
	
	#footer .foot-small table td {font-size: 12px;}

}

/* Screens less than 650px wide */
@media screen and (max-width: 650px) {
	#nav .menu {
		display: none;
		position: absolute;
		width: 80%;
		left: 10%;
		top: 18px;
		z-index: 1000;
		border-left: 2px solid #572C0F;
		border-right: 2px solid #572C0F;
		border-bottom: 2px solid #572C0F;
		overflow: hidden;
		box-shadow: 2px 2px 4px #666;
	}
	
	#nav .menu {
		margin-top: 1px;
		height: auto;
	}
	
	#nav .menu li {
		float: none;
		background-color: #FEFCF1;
		border: none;
		display: block;
	}
	
	#nav ul li, #nav ul li:first-child, #nav ul li:last-child {padding: 0}
	
	#nav .menu li a {
		color: #FF8400;
		font-size: 13px;
		font-weight: normal;
		height: 35px;
		line-height: 35px;
		padding: 0 4%;
		margin: 0;
		border: none;
		border-bottom: 1px solid #E8EBF2;
		text-shadow: none;
		text-align: left;
		display: block;
		width: 92%;
	}
	
	#nav .menu li.current_page_item,
	.js .menu .current_page_item a,
	.js .menu .current-menu-item a {
		color: #708437 ;
	}
	
	#nav .menu li li:hover {
	}
	
	#nav .menu li li a {
		position: relative;
		padding: 0 10px 0 30px;
	}
	
	#nav .menu li li li a {
		position: relative;
		padding: 0 10px 0 40px;
	}
	
	#nav .menu li a:hover,
	#nav .menu li li a:hover {
		filter: none;
		color: #708437 ;
	}
	
	#nav .menu li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
	}
	
	#nav .menu li li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
	}
	
	#nav .menu li li li a::after {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 30px;
	}
	
	#nav .menu li ul {
		position: static;
		visibility: visible;
		border: none;
	}
	
	#nav #responsive_current_menu_item {
		position: absolute;
		top: 0;
		right: 47%;
		display: block;
		color: #708437 ;
		text-transform: uppercase;
	}
	
	#nav a#responsive_menu_button {
		position: absolute;
		display: block;
		top: 0;
		left: 56%;
		height: 30px;
		width: 23px;
		background: url('images/select-icons.png') -1px 0px no-repeat;

	}
	
	#nav a#responsive_menu_button.responsive-toggle-open {
		background: url('images/select-icons.png') -1px -51px no-repeat;
	}
	
	#member-login, #join-now, #header #social {top: 86%; font-size: 12px;}
	
	#member-login {right: -1.7%;}
	
	#join-now {right: 97px;}
	
	#main-content.table-cols {display: block;}
	
	#main-content.table-cols #page {display: block; float: left; width: 100%;}

	#main-content.table-cols #page #text {}

	#main-content.table-cols #sidebar {display: block; float: left; width: 100%;}

	#main-content.table-cols #sidebar .text {}
	
	#page {width: 100%; margin-bottom: 2%;}
	
	#page.blog #text, #page.blog-single #text, #page.reviews-page #text, #page.redeem #text {margin-bottom: 2%;}

	#writereviewlink {width: 20.5%;}
	
	#writereviewlink img {width: 100%; vertical-align: middle;}
	
	#sidebar {float: left; width: 100%;}
	
	#sidebar .text{padding: 2% 10% 3% 10% !important; margin: 0 0 2% 0;}
	
	#footer {padding-top: 45px;}
	
	#notice {
		width: 40%;
		margin-left: -22%;
	}
}

/* Screens less than 500px wide */
@media screen and (max-width: 500px) {
	#header-img img {display: none;}

	#header-img2 img {display: block;}

	#nav {top: 58%;}
	
	#nav #responsive_current_menu_item {right: 51%;}
	
	#nav a#responsive_menu_button {left: 51%;}
	
	#member-login, #join-now {padding: 0; text-align: center; font-size: 11px; line-height: 18px; background-size: contain; height: 20px; width: 90px; top: 87%; letter-spacing: 0;}
	
	#member-login {right: 1.4%;}
	
	#header #social {top: 87%; right: 186px;}
	#header #social a {width: 16px; height: 16px; margin-right: 3px;}
	
	#page h1, #sidebar h1.text-title, #page #text, #sidebar .text, #page.blog .title, h2#comments, h3#respond {font-size: 12px; letter-spacing: 0;}

	#writereviewlink {top: 5px; min-width: 86px;}
	
	#footer .foot-small table td {font-size: 11px;}
	
	#footer {padding-top: 36px;}
	
	#notice {
		width: 50%;
		margin-left: -27%;
	}
}

/* Screens less than 420px wide */
@media screen and (max-width: 420px) {
	#nav {top: 56%;}
	
	#member-login, #join-now, #header #social {top: 85%; font-size: 10px; line-height: 16px;}
	
	#comments h3.review {font-size: 9pt;}
	
	table.ratings {margin: -30px 0 0 10px !important;}
	
	.rating_label {display: none;}
	
	.rating_value img {width: 12px;}
	
	#footer {background-size: auto 30px; padding-top: 31px;}
	
	#notice {
		width: 60%;
		margin-left: -32%;
	}
}

/* Screens less than 320px wide */
@media screen and (max-width: 340px) {
	#nav {top: 54%;}
	
	#nav #responsive_current_menu_item {font-size: 13px;}
	
	#nav a#responsive_menu_button {left: 50%; background: url('images/select-icons2.png') -1px 0px no-repeat;}
	
	#nav a#responsive_menu_button.responsive-toggle-open {left: 50%; background: url('images/select-icons2.png') -1px -44px no-repeat;}	
	
	#member-login, #join-now {top: 82%; font-size: 9px; line-height: 14px; width: 80px;}
	
	#header #social {top: 82%; right: 166px;}
	
	#header #social a {margin-right: 2px;}
	
	#join-now {right: 86px;}
	
	#comments h3.review {font-size: 8pt;}
	
	table.ratings {margin: 0px 1em 0 0px !important; float: left !important; background: none !important;}
	
	.rating_value {border: none !important;}
	
	.rating_value img {width: 10px;}
	
	#comments p {clear: left;}
	
	#footer .foot-small table td {display: block; width: 100%; text-align: center; padding-bottom: 2px;}

	#footer .foot-small table td:first-child {text-align: center;}

	#footer .foot-small table td:last-child {text-align: center;}

	#notice {
		width: 70%;
		margin-left: -37%;
	}
}