/*
Theme Name: eSlowCarbDiet
Theme URI: http://eslowcarbdiet.com/
Description: Custom reference theme.
Author: Empower
Version: 2.0
*/

/* =Google Web Fonts */
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);

/* =General
-------------------------------------------------------------- */

html {
	height: 100%;
}
body {
	font: 85%/1.5 'Droid Serif', arial, serif;
	color: #555;
	background: #193D70; /* old browsers */
	background: -moz-linear-gradient(top, #193D70 0%, #0B68B0 47%, #e4eef6 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#193D70), color-stop(47%,#0B68B0), color-stop(100%,#e4eef6)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#193D70', endColorstr='#e4eef6',GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #193D70 0%,#0B68B0 47%,#e4eef6 100%); /* opera */
	background-repeat: no-repeat;
    background-attachment: fixed;
	height: 100%;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #333;
}
a:link {
	color: #0066cc;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a:visited {
	color: #743399;
}
a:active,
a:hover {
	color: #ff4b33;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
a img {
	border: none;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}
.label {
    background: #f8871f;
    margin-right: 10px;
}

/* =Header
-------------------------------------------------------------- */

a.actionbutton {
	display: block;
	text-indent: -9999px;
	width: 255px;
	height: 54px;
	background: url(img/button_gettingstarted.png) no-repeat;
}
#topline .navbar-inner {
	border-bottom: 3px solid #FFF;
	background: #24215a;
	color: #FFF;
	font-size: 1em;
	height: 40px;
}
#topline p {
	text-align: center;
	padding: 10px;
}
#topline a {
	color: #f8871f;
	text-decoration: underline;
}

#container {
	margin-top: 20px;
}
#logo {
	text-align: center;
	font-size: 5em;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	float: none !important;
	width: 100% !important;
	border: none !important;
}
#logo a {
	font-style: italic;
	text-decoration: none;
	color: #fff;
	text-shadow: 1px 1px 0px #333;
}

/* =Main Area
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	padding: 20px 40px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #FFF;
}

/* =Search
-------------------------------------------------------------- */

.thesearch {
	text-align: center;
	font-size: 2.3em !important;
	width: 95%;
	margin: 0 auto;
	padding: 30px 0;
}
.thesearch input {
	width: 310px;
	height: auto;
	padding: 5px;
	border: none;
	border-bottom: 3px solid #3a90c6;
	font-family: 'Droid Serif', arial, serif;
	font-size: 1em;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: -5px 0 0 0;
	text-align: center;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-appearance: none
	color: #BBB;
	line-height: 100%;
	
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(255,255,255)));
}
.thesearch input:focus {
	outline:none; 
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border-bottom: 3px solid #F8871F;	
	color: #777;
}
.thesearch input::-webkit-input-placeholder {
	color: #BBB;
}
.thesearch input:-moz-placeholder {
	color: #BBB;
}
.home .thesearch {
	padding: 50px 0;
}

.spellsuggest {
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #FFF;
	padding: 10px 20px;
	margin: 0 0 18px 0;
}
.spellsuggest p {
	margin: 0 !important;
}

/* =Answer / Single Result
-------------------------------------------------------------- */

.answer {
	padding: 20px 0;
	margin: 0 0 20px 0;
	text-shadow: 1px 1px 0px #efefef;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #A1CFEC; /* old browsers */
	background: -moz-linear-gradient(top, #A1CFEC 0%, #60ABE5 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A1CFEC), color-stop(100%,#60ABE5)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A1CFEC', endColorstr='#60ABE5',GradientType=0 ); /* ie */	
	background: -o-linear-gradient(top, #A1CFEC 0%,#60ABE5 100%); /* opera */
}
.answer .row-fluid {
	overflow: hidden;
}
h1 {
	font-size: 3.5em;
	line-height: 90%;
	margin: 0;
	padding: 20px 40px 20px 60px;
	text-shadow: 1px 1px 0px #FFF;
}
.entry-content {
	padding: 30px 20px 30px 40px;
	font-size: 1.3em;	
	border-left: 1px solid #FFF;
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

/* =Product and Info Pages
-------------------------------------------------------------- */

.product-images {
	margin: -10px 0 0 10px;
}
.plus {
	margin-left: 100px;
}
.product,
.recommendations {
	margin: 20px 0 0 0;
}

/* =Blog
-------------------------------------------------------------- */
.blog .answer {
	background: #EFEFEF;
	text-shadow: 1px 1px 0px #FFF;
}
.blog h1 {
	padding-left: 30px;
	text-shadow: 1px 1px 0px #FFF;
}
.blog h2 {
	margin-top: 0;
}
.blog .entry-content {
	border: none;
	padding-top: 0;
}
.blog .blog-date {
	color: #888;
}
.blog-sidebar {
	background: #EFEFEF;
	padding: 20px;
	text-shadow: 1px 1px 0px #FFF;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 20px;
}
.blog-sidebar h3 {
	font-size: 1.5em;
	margin: 0;
}
.blog-sidebar li {
	list-style: none;
	padding: 2px 10px;
}
.blog-sidebar li a:before {
	content: '- ';
}
.blog-sidebar li a {
	font-size: .85em;
	font-weight: normal;
}
.blog-sidebar .pagg {
	font-size: .85em;
}
.blog-post h1 {
	padding-left: 0;
	font-size: 3em;
}
.blog-post-image {
	margin: 0 20px 20px 0;
}

/* =Callouts and Ads
-------------------------------------------------------------- */

.callout {
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #FFF;
	padding: 20px;
	margin: 0 0 18px 0;
	font-size: .9em;
	text-align: center;
}
.callout strong {
	font-size: 1.2em;
}
.callout p {
	margin: 0 !important;
}

.callout-button a {
	display: block;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background: #f8ba4f; /* Old browsers */
	background: -moz-linear-gradient(top, #f8ba4f 0%, #ef8a00 57%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ba4f), color-stop(57%,#ef8a00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8ba4f 0%,#ef8a00 57%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8ba4f 0%,#ef8a00 57%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f8ba4f 0%,#ef8a00 57%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ba4f', endColorstr='#ef8a00',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f8ba4f 0%,#ef8a00 57%); /* W3C */
	
	padding: 20px;	
	margin: 0 0 20px 0;
	text-shadow: 1px 1px 0px #333;
	text-align: center;
	
	text-decoration: none;
	color: #FFF;
}
.callout-button a strong {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 130%;
	color: #FFF;
	display: block;
}
.callout-button a .desc {
	font-style: italic;
	font-size: .9em;
}
.callout-button a:hover {
	background: #ef8a00; /* Old browsers */
	background: -moz-linear-gradient(top, #ef8a00 44%, #f8ba4f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#ef8a00), color-stop(100%,#f8ba4f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ef8a00 44%,#f8ba4f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ef8a00 44%,#f8ba4f 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ef8a00 44%,#f8ba4f 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8a00', endColorstr='#f8ba4f',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ef8a00 44%,#f8ba4f 100%); /* W3C */
}

.pagg-img {
	margin: 30px 0 0 0;
	padding: 18px;	
	border: 2px dashed #FFF;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
}
.pagg {
	font-size: .25em;
	margin: 30px 0 20px 0;
	font-weight: normal;
	line-height: 140%;
	padding: 20px;	
	text-decoration: none;
	border: 2px dashed #FFF;
	text-shadow: 1px 1px 0px #DDD;

	-moz-border-radius: 8px;
	border-radius: 8px;
}
.pagg strong {
	font-size: 1.8em;
	line-height: 130%;
	/*color: #FFF;
	text-shadow: 1px 1px 0px #333;*/
}
.pagg a.button {
	display: inline-block;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background: #f8ba4f; /* Old browsers */
	background: -moz-linear-gradient(top, #f8ba4f 0%, #ef8a00 57%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ba4f), color-stop(57%,#ef8a00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8ba4f 0%,#ef8a00 57%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8ba4f 0%,#ef8a00 57%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f8ba4f 0%,#ef8a00 57%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ba4f', endColorstr='#ef8a00',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f8ba4f 0%,#ef8a00 57%); /* W3C */
	
	padding: 10px 20px;	
	margin: 0;
	text-shadow: 1px 1px 0px #333;
	text-align: center;
	
	text-decoration: none;
	color: #FFF;
	font-size: 1.2em;
}
.pagg a.button:hover {
	background: #ef8a00; /* Old browsers */
	background: -moz-linear-gradient(top, #ef8a00 44%, #f8ba4f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#ef8a00), color-stop(100%,#f8ba4f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ef8a00 44%,#f8ba4f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ef8a00 44%,#f8ba4f 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ef8a00 44%,#f8ba4f 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8a00', endColorstr='#f8ba4f',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ef8a00 44%,#f8ba4f 100%); /* W3C */
}
.pagg img.left {
	float: right;
	padding: 0 0 10px 10px;
	display: block;
}


a#hollywood {
	display: block;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background: #f8ba4f; /* Old browsers */
	background: -moz-linear-gradient(top, #f8ba4f 0%, #ef8a00 57%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ba4f), color-stop(57%,#ef8a00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8ba4f 0%,#ef8a00 57%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8ba4f 0%,#ef8a00 57%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f8ba4f 0%,#ef8a00 57%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ba4f', endColorstr='#ef8a00',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f8ba4f 0%,#ef8a00 57%); /* W3C */
	
	padding: 20px;	
	margin: 0 0 20px 0;
	text-shadow: 1px 1px 0px #333;
	text-align: center;
	
	text-decoration: none;
	color: #FFF;
}
a#hollywood strong {
	font-size: 1.6em;
	font-weight: normal;
	color: #FFF;
	display: block;
}
a#hollywood:hover {
	background: #ef8a00; /* Old browsers */
	background: -moz-linear-gradient(top, #ef8a00 44%, #f8ba4f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#ef8a00), color-stop(100%,#f8ba4f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ef8a00 44%,#f8ba4f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ef8a00 44%,#f8ba4f 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ef8a00 44%,#f8ba4f 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8a00', endColorstr='#f8ba4f',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ef8a00 44%,#f8ba4f 100%); /* W3C */
}

#ads {
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #CCCCCC; /* old browsers */
	background: -moz-linear-gradient(top, #CCCCCC 0%, #DFDFDF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCCCCC), color-stop(100%,#DFDFDF)); /* webkit */	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#DFDFDF',GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #CCCCCC 0%,#DFDFDF 100%); /* opera */
	padding: 10px 20px;
	margin: 0 0 20px 0;
	text-shadow: 1px 1px 0px #fff;
}
#ads a {
	padding: 5px;
}
#ads a:hover {
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
}
#ads a.title {
	font-size: 1.6em;
	font-weight: normal;
	padding-right: 20px;
	text-decoration: none;
	color: #555;
}
#ads a.more {
	font-weight: bold;
}
#ads a.product,
#ads a.more {
	font-size: .95em;
	margin: 3px 15px 0 0;
	display: inline-block;
}

/* =Footer
-------------------------------------------------------------- */

#footer {
	clear: both;
	text-shadow: 1px 1px 0px #FFF;
	font-size: .7em;
	margin: 5px 15px 0 15px;
	color: #999;
	text-align: left;
}
#footer p {
	padding-right: 5fb0px;
	margin: 0 !important;
}
#footer a {
	color: #999;
	text-shadow: 1px 1px 0px #FFF;
	text-decoration: none;
}
.page-template-page-product-php #footer p,
.page-id-985 #footer p {
	padding-right: 0 !important;
	text-align: right;
}
#ebook {
	position: relative;
	margin-top: -100px;
	font-family: 'Droid Serif', arial, serif;
	font-size: 1.2em;
}
#ebook a {
	display: block;
	text-indent: -9999px;
	text-align: left;
	/*background: url(img/book_pdfreference.png) no-repeat;*/
	background: url(img/book_new.png) no-repeat;
	width: 150px;
	height: 242px;
	margin-top: -60px;
}

/* =Social
-------------------------------------------------------------- */

#fb {
	float: left;
	margin: 3px 0 0 0;
}
.entry-content #fb {
	float: none;
}

#googleplusone {
	float: left;
}
#googleplusone.single {
	position: relative;
	display: block;
	float: left;
	clear: left;
	margin: 0;
}

/* =Email form / Slow Carb Snack Box
-------------------------------------------------------------- */

#gform_wrapper_1,
.gform_confirmation_message_1 {
    background: #EFEFEF;
    border-radius: 10px;
    padding: 30px 80px;
}
#gform_wrapper_1 .gform_heading {
    text-align: center;
}
#gform_wrapper_1 form {
    text-align: center;
    margin: 0;
}
#gform_wrapper_1 label {
    display: none;
}
#gform_wrapper_1 .ginput_container input {
    padding: 10px;
    width: 300px;
}
#gform_wrapper_1 .gform_footer input.button, 
#gform_wrapper_1 .gform_footer input[type=submit] {
    background: orange;
    color: #FFF;
    border: none;
    border-radius: 3px;
    padding: 10px 40px;
}
#gform_wrapper_1 .gform_footer {
    padding: 0;
    margin: 0;
    clear: both;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
strong {
	font-weight: bold;
}
em,
i {
	font-style: italic;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}

img#wpstats {
	display: none;
}

.clear {
	clear: both;
	height: 0px;
}
img.alignright {
	float: right;
	margin: 0 -15px 15px 15px;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000 !important;
		text-shadow: none !important
	}
	#header {
		border-bottom: 2pt solid #000;
		padding: 18pt 0;
	}
	#topline,
	#ads {
		display: none;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	#main {
		display: inline;
	}
}

/* =Mobile Styles
-------------------------------------------------------------- */
@media all and (max-width: 1086px) {
	#topline p {
		font-size: .9em;
		margin-top: -7px;
	}
	a.actionbutton {
		margin-top: -5px;
	}
	.pagg {
		padding: 20px 0 0 0;
		border-left: none;
		border-right: none;
		border-bottom: none;
		border-radius: 0px;
	}
}

/* iPad Portrait Mode */
@media all and (max-width: 805px) {
	a.actionbutton {
		margin-top: -5px;
	}
	#topline p {
		font-size: .9em;
		margin-top: -7px;
	}
	h1#logo {
		font-size: 4em;
	}
	
	.thesearch {
		font-size: 1.7em !important;
	}
	.thesearch input {
		width: 230px;
	}
	.home .thesearch {
		font-size: 3.5em !important;
	}
	.home .thesearch input {
		clear: both;
		display: block;
		text-align: center;
		margin: 0 auto;
		width: 500px;
	}
	
	.answer h1 {
		font-size: 2.5em;
	}
	.product-images {
		width: 250px;
		margin: -10px auto -40px auto;
	}
	
	.pagg {
		font-size: .33em;
	}
	.pagg img {
		width: 50px;
	}
	.pagg .desc {
		font-size: 1.2em;
	}
	.pagg a.button {
		font-size: 1.5em;
		line-height: 130%;
	}
	
	.callout {
		font-size: .65em;
	}

}

/* iPhone Landscape Mode */
@media all and (max-width: 685px) {
	.navbar-inner {
		height: 100px !important;
	}
	.navbar-inner .pull-right {
		float: none !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	h1#logo {
		font-size: 2.7em;
	}
	
	#main {
		padding: 0 20px 20px 20px;
	}
	#main .info {
		margin-top: 20px;
	}
	
	.thesearch,
	.home .thesearch {
		font-size: 2.05em !important;
		padding: 20px 0 0 0 !important;
	}
	.thesearch input,
	.home .thesearch input {
		width: 300px;
		display: block;
		margin: 0 auto;
	}
	
	#ebook {
		margin: -40px 0 0 0;
	}
	#ebook a {
		background-size: 120px 194px;
		height: 194px;
		width: 120px;
	}
	
	.answer h1 {
		border-bottom: 1px solid #FFF;
		padding: 20px;
		font-size: 1.9em;
	}
	.answer h2 {
		margin: 0;
		line-height: 130%;
	}
	.answer h2 a {
		font-size: .7em;
	}
	.entry-content {
		padding-left: 20px;	
	}
	

	
	#footer p {
		clear: both;
		text-align: center;
		padding: 0;
	}
	#footer #fb {
		margin: 0 auto;
		text-align: center;
		width: 100px;
		float: none;
	}
}
/* iPhone Portrait Mode */
@media all and (max-width: 320px) {
	.navbar-inner {
		height: 110px !important;
	}
	
	.thesearch,
	.home .thesearch {
		font-size: 1.55em !important;
	}
	.thesearch input,
	.home .thesearch input {
		width: 200px;
	}
	
	#ebook {
		float: none;
	}
	#ebook a {
		margin: 10px auto;
	}
}