/*
Theme Name: Foundation
Author: Jessica of Balancing Everything
Theme URI: http://balancingeverything.com
Description: A premium, custom theme for The Food for Everyone Foundation.
Version: 1.0
*/

/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
html, body{
	height: 100%
}
body{
	background: #49864f;
	color: #000000;
	font: .75em Verdana,Arial,Geneva,Helvetica,Sans-Serif
}
a{
	color: #d54b49;
	text-decoration: underline
}
a:hover{
	text-decoration: none
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 12px;
	padding: 2px
}
li{
	list-style: none
}
h2{
	color: #3d75a5;
	font: 2.6em "Palatino Linotype","Times New Roman", Times, serif;
	letter-spacing: -1px;
	margin: 0 0 .3em
}
h3{
	color: #d74f4b;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 .5em
}
h4{
	font-size: 1em;
	margin: 0 0 .5em
}
h5{
	color: #d74f4b;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 .5em
	background-color: #FFFAB6;
}
p{
	line-height: 1.6em;
	padding: 0 0 1em
}
div.hr {
  height: 80px;
  background: #fff url(images/mitt-divider.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}
/*=== Layout ===*/
#page{
	background: url(images/page-bgr.gif) repeat-y;
	margin: 0 auto;
	padding: 0 7px;
	width: 900px;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
/*=== Header ===*/
#header{
	background: url(images/header-bgr.jpg) no-repeat top;
	height: 226px
}
#header .content{
	float: right
}
/*- Logo -*/
#header h1{
	margin: 0 0 17px;
	text-indent: -9999px
}
#header h1 a{
	display: block;
	height: 130px;
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
.nav1{
	font-size: 14px;
	height: 35px;
	text-transform: lowercase
}
.nav1 ul{
	padding: 0 40px 0 25px
}
.nav1 li{
	background: url(images/nav1-sep.gif) no-repeat right;
	float: left;
	line-height: 35px
}
.nav1 li.last{
	background: none
}
.nav1 li a{
	color: #4f2a15;
	display: block;
	float: left;
	padding: 0 15px;
	text-decoration: none
}
.nav1 li.btn-checkout a{
	background: url(images/ico-cart.gif) no-repeat right;
	padding-right: 30px
}
.nav1 li a:hover{
	color: #e97517
}
/*- Nav2 -*/
.nav2{
	font-size: 16px;
	font-weight: normal;
	height: 28px;
	padding: 0 0 0 35px;
	text-transform: lowercase
}
.nav2 li{
	background: url(images/nav2-sep.gif) no-repeat right;
	float: left;
	line-height: 28px;
	padding: 0 6px
}
.nav2 li a{
	color: #ffffff;
	display: block;
	float: left;
	height: 28px;
	padding: 0 12px 0 0;
	text-align: right;
	text-decoration: none;
	width: 94px
}
.nav2 li#n21 a{
	background: url(images/nav21.gif) repeat-x top
}
.nav2 li#n21 a:hover, .nav2 li#n21,active a{
	color: #8dadc7
}
.nav2 li#n22 a{
	background: url(images/nav22.gif) repeat-x top
}
.nav2 li#n22 a:hover, .nav2 li#n22,active a{
	color: #a6d2a9
}
.nav2 li#n23 a{
	background: url(images/nav23.gif) repeat-x top
}
.nav2 li#n23 a:hover, .nav2 li#n23,active a{
	color: #d19ab8
}
.nav2 li#n24 a{
	background: url(images/nav24.gif) repeat-x top
}
.nav2 li#n24 a:hover, .nav2 li#n24,active a{
	color: #efa9a3
}
.nav2 li#n25 a{
	background: url(images/nav25.gif) repeat-x top
}
.nav2 li#n25 a:hover, .nav2 li#n25,active a{
	color: #f9bd8c
}
.nav2 li#n26 a{
	background: url(images/nav26.gif) repeat-x top
}
.nav2 li#n26 a:hover, .nav2 li#n26,active a{
	color: #b59baf
}
.nav2 li#n27{
	background: none
}
.nav2 li#n27 a{
	background: url(images/nav27.gif) repeat-x top
}
.nav2 li#n27 a:hover, .nav2 li#n27,active a{
	color: #a9c0e0
}
/*- Nav3 -*/
.nav3 ul{
	font-size: 14px;
	margin: 0 -10px 0 -17px;
	position: relative
}
.nav3 li a{
	color: #ffffff;
	display: block;
	height: 1%;
	padding: 2px 0 2px 17px;
	text-decoration: none
}
.nav3 li a:hover,
.nav3 li.active a{
	background: #8dadc7;
	text-decoration: none
}
.box.colr03 .nav3 li a:hover{
	background: #d6a6c1
}
.box.colr05 .nav3 li a:hover{
	background: #f8a968
}
/*=== Headline ===*/
.headline{
	background: url(images/hd-bgr.gif) no-repeat center;
	clear: both;
	height: 44px;
	margin: 0 0 1em;
	overflow: hidden;
	text-align: center
}
.headline h3{
	color: #ffffff;
	font-size: 16px;
	line-height: 44px;
	margin: 0
}
/*=== All Columns ===*/
#columns{
	background: #ffffff;
	height: 1%;
	padding: 0 0 15px 12px
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	margin: 17px 0 0;
	width: 178px
}
/*=== Center Column ===*/
#centercol{
	float: left;
	margin: 15px 0 0 25px;
	width: 500px
}

#centercol img {
	border: 2px solid #482818;
	color: #6f6e6e;
	display: block;
	margin: 0 auto 0 auto;
	padding: 0px;
}
#centercol img a{
	color: #6f6e6e
}


#centercol img.alignleft{
	float: left;
	margin: 5px 10px 0 0;
}

#centercol img.alignright{
	float: right;
	margin: 5px 0 0 10px;
}

#centercol img.alignrightno{
	float: right;
	margin: 5px 0 0 10px;
	border: none;
}

#centercol img.noborder {
	display: block; 
	background-color: #fff;
	padding: 3px; 
	margin: 0 auto 0 auto; 
	border: 0px solid #ccc; 
	float: none;  
	clear: both; 
}

#centercol ul{
	margin: 0 0 1.5em;
	padding: 0 20px;
}
#centercol ol{
	margin: 0 0 1.5em;
	padding: 0 25px;
}
#centercol ul li{
	background: url(images/ico-list.gif) no-repeat 0 10px;
	border-bottom: 1px dashed #6E3D25;
	margin: 0 0 .3em;
	padding: 3px 0 6px 15px;
}
#centercol ol li{
	list-style: decimal;
	border-bottom: 1px dashed #6E3D25;
	margin: 0 0 .3em;
	padding: 3px 0 6px 15px;
}
#centercol table{
	background-color: #F8FAFE;
	border: 1px solid #D2DDFB;
	margin: 10px;
	font-size: 11px;
}
#centercol th{
	font-size: 15px;
	color: #4378A9;
}
#centercol td{
	background-color: #EDF1FD;
	padding: 8px;
	vertical-align: top;
}
/*=== Right Column ===*/
#rightcol{
	float: right;
	width: 173px
}
#rightcol .content{
	padding: 0 10px 0 13px;
	height: 1%
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	color: #ffffff;
	font-size: 14px;
	height: 1%;
	margin: 0 0 7px;
	padding: 10px 10px 10px 17px
}
.box h3{
	color: #ffffff;
	font-size: 1.3em;
	margin: 0 0 .2em -6px;
	position: relative;
	text-transform: lowercase
}
.box h3 img{
	margin: 0 0 -2px;
	position: relative
}
.box p{
	line-height: normal
}
.box p a{
	color: #ffffff;
	text-decoration: none
}
.box.colr01{
	background: url(images/box-bgr1.gif) #1b5478 repeat-x top
}
.box.colr02{
	background: url(images/box-bgr2.gif) #65b46b no-repeat bottom
}
.box.colr03{
	background: url(images/box-bgr3.gif) #992f69 repeat-x top
}
.box.colr04{
	background: url(images/box-bgr4.gif) #d54a48 repeat-x top
}
.box.colr05{
	background: url(images/box-bgr5.gif) #ea771a repeat-x top
}
.box.colr06{
	background: url(images/box-bgr6.gif) #4378a9 repeat-x top;
	padding: 0 4px 10px 4px
}
.box.colr06 h3{
	padding: 10px 0 10px 12px
}
.box.colr06 a{
	color: #ffffff;
	text-decoration: none
}
.box.colr06 a:hover{
	color: #1e577b
}
/*- Box7 -*/
.box7{
	background: url(images/box-bgr7.gif) #ffe99e repeat-y;
	color: #414040;
	margin: 0 0 1em
}
.box7 .content{
	background: url(images/box-pic2.gif) no-repeat right bottom;
	height: 1%;
	padding: 10px 25px 6px
}
.box7 a{
	color: #414040
}
.box7 a:hover{
	color: #eb781b;
	text-decoration: underline
}
/*=== Styling Forms ===*/
input.btn{
	background: none;
	border: 0;
	margin: 0;
	padding: 0
}
select{
	padding: 1px
}
/*- Search -*/
/*- Search -*/
.search{
	background: url(images/search-bgr.gif) no-repeat top;
	height: 40px;
	margin: 0 0 20px;
	padding: 13px 0 0 15px
}
.search input{
	border: 0;
	color: #727272;
	float: left;
	font-style: italic;
	margin: 0 0 -4px;
	padding: 4px;
	position: relative;
	width: 124px
}
.search input.btn{
	margin: -4px 0 0 -20px;
	padding: 0;
	position: relative;
	width: auto
}
/*=== Link Buttons ===*/
.btn-more a{
	background: url(images/ico-more.gif) no-repeat left;
	font-size: 12px;
	padding: 0 0 0 19px
}
.btn-ebooks{
	color: #ea781b;
	font-size: 11px;
	margin: 10px 0 0
}
.btn-ebooks a{
	text-decoration: none
}
.btn-join{
	text-indent: -9999px;
	margin: 0 0 0 -5px;
	position: relative;
}
.btn-join a{
	display: block;
	height: 26px;
	background: url(images/btn-join.gif) no-repeat top; 
}
.btn-join a:hover{
	background: url(images/btn-join-.gif) no-repeat top; 
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img{
	display: block;
	margin: 0 0 1em
}
.pic.bordr img{
	border: 2px solid #482818
}
.pic.bordr2 img{
	border: 2px solid #d9e3f4;
	float: left;
	margin: 0 1px 0 0
}
.pic.fl img{
	margin-right: 20px
}
.pic.fr img{
	margin-left: 20px
}
.ad{
	margin: 0 0 1em
}
/*=== Footer ===*/
#footer{
	background: url(images/footer-bgr.gif) no-repeat top;
	font-size: 14px;
	height: 160px;
	padding: 46px 0 0
}
#footer ul{
	margin: 0 0 100px;
	text-align: center;
	text-transform: lowercase
}
#footer li{
	border-right: 1px dotted #f79340;
	display: inline;
	line-height: 1em;
	padding: 0 .6em
}
#footer li a{
	color: #4f2a16;
	text-decoration: none
}
#footer li a:hover{
	color: #e97517
}
#footer li.last{
	border: 0
}
/*- Copyright Info -*/
.copyr{
	color: #ffffff;
	padding: 0 20px
}
.copyr a{
	color: #ffffff
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}

form.shopp input.addtocart,#shopp input.update-button,#shopp input.checkout-button {cursor:pointer;cursor:hand;}
#shopp ul li {border:none;}
#shopp div#cart.shopp {padding:0;width:500px;margin:0;}
#shopp div#cart.shopp table {margin:0;}
#shopp .headline {background:none !important;text-align:left !important;}

#container {background:#fff;}
#container #content {padding:18px;}
.woocommerce_tabs .entry-content {padding:18px !important;}
#breadcrumb {padding:3px !important;}
ul.products li.product { text-align: center !important;}
ul.products li.product a img {max-height:150px !important;max-width:100px !important;margin:0 auto 8px auto !important;}
div.product div.images img {
  max-height:300px !important;
max-width:200px !important;
margin:18px auto 18px auto !important;
}