/*
Theme Name: Ukrops Homestyle Foods
Description: Theme created for Ukrops Homestyle Foods site.
Author: Helium Studio
Author URI: http://heliumstudio.com


	This theme was designed and built by Andrew fiorillo and Chris Hull
	of Helium Studio for Ukrops.
	
	The theme is an extension of the Kubrick theme by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

*/



/* General Styles */
body {
	background: url('images/bg.gif') top repeat;
	text-align: center;
	color: #484848;
	line-height: 18px;
	font-family: Arial, Helvetica, Sans-serif, Sans;
	font-size: 12px;
	min-width: 970px;
	overflow: auto;
}
#wrapper {
	background: url('images/bg-highlight.gif') top center repeat-x;
	min-height: 510px;
	min-width: 970px;
}
a {
	color: #4c650a;
	text-decoration: none;
}
a:hover {
	color: #de4a44;
	text-decoration: underline;
}
h1, h1 a {
	color: #de4a44;
	font-size: 24px;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif, Sans;
}
h2 {
	color: #184d0b;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif, Sans;
	font-size: 18px;
}
h3 {
	color: #de4a44;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif, Sans;
	font-size: 18px;
}
h4 {
	font-size: 16px;
	color: #de4a44; 
}
h5 {
	font-size: 14px;
	line-height: 22px;
}
.button {
	background: url(images/button-bg.gif) 0 0 repeat-x;
	color: white;
	border: 0;
	padding: 5px 10px;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif, Sans;
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.button:active {
	background: #95462b;
}
.text-field {
	background: white;
	padding: 4px;
	border: 1px solid #ccc;
	color: #484848;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-serif, Sans;
}
.text-field:focus {
	border: 1px solid #999;
}
div.clear {
	clear: both;
}

#page {
	text-align: left;
	width: 970px;
	margin: 0 auto;
}

/* Header */
div#header {
	width: 934px;
	height: 105px;
	margin: 6px auto 0 auto;
}
a#logo {
	background: url(images/logo.png) 0 0 no-repeat;
	display: block;
	width: 415px;
	height: 83px;
	text-indent: -9999em;
	font-size: 0;
	line-height: 0;
	float: left;
	margin-top: 6px;
	position: absolute;
}

/* Global Nav */
div#global {
	float: right;
	margin-top: 58px;
	margin-right: 3px;
}
div#global ul li {
	display: inline;
	margin-left: 25px;
	float: left;
}
div#global ul li a {
	color: white;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif, Sans;
	display: block;
	height: 25px;
	padding-top: 12px;
}
div#global ul li a:hover {
	/*
	text-decoration: none;
	border-bottom: 3px solid #DE4A44;
	*/
}
a#global-join {
	background: url(images/join-bg.png) 10px 14px no-repeat;
	padding-left: 33px;
	padding-right: 16px; 
	width: 40px;
	white-space: nowrap;
}
div#global ul li#join-us a:hover {
	border: 0;
}
div#global ul li#join-us:hover a#global-join {
	background: url(images/join-button-bg.png) 0 2px no-repeat;
	text-decoration: none;
	color: #4c650a;
}
div#global ul li#join-us {
	position: relative;
	margin-left: 20px;
	z-index: 200;
}
li#join-us div {
	position: absolute;
	right: 0;
	background: url(images/join-fly-bg.png) 0 0 no-repeat;
	width: 171px;
	height: 117px;
	margin-top: -6px;
	z-index: 200;
	display: none;
}
div#global ul li#join-us:hover div {
	display: block;
}
div#global ul li#join-us div ul {
	padding-top: 24px;
}
div#global ul li#join-us div ul li {
	display: block;
	float: none;
	margin-bottom: 5px;
}
div#global ul li#join-us div ul li a {
	color: #4c650a;
	display: block;
	padding: 0;
	padding-left: 25px;
	height: 22px;
}
div#global ul li#join-us div ul li a:hover {
	color: #DE4A44;
	text-decoration: underline;
}
a#join-facebook {
	background: url(images/social-facebook.gif) 0 2px no-repeat;
}
a#join-twitter {
	background: url(images/social-twitter.gif) 0 2px no-repeat;
}
a#join-subscribe {
	background: url(images/social-subscribe.gif) 0 3px no-repeat;
}

/* Footer */
div#footer {
	color: #dbe1ce;
	font-size: 11px;
	width: 900px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}
div#left-foot {
	float: left;
}
div#right-foot {
	float: right;
	text-align: right;
}
div#footer a {
	color: #dbe1ce;
	text-decoration: none;
}
div#footer a:hover {
	text-decoration: underline;
}

/* Main wrapper */
div#main-outer-wrapper {
	background: url(images/content-bg-top.png) 0 0 no-repeat;
	width: 934px;
	padding-top: 16px;
	margin: 0 auto;
}
div#main-inner-wrapper {
	background: url(images/content-bg-bottom.png) left bottom no-repeat;
	padding-bottom: 16px;
	zoom: 1;
}
div#main-wrapper {
	background: url(images/content-bg.png) 0 0 repeat-y;
	padding: 0 16px;
}
div#main {
	background: white;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	bordr-radius: 4px;
}

/* Nav */
div#nav {
	background: url(images/nav-bg.png) 0 0 repeat;
	zoom: 1;
}
div#nav ul li {
	display: inline;
	float: left;
	border-right: 1px dotted #111;
}
div#nav ul li.last {
	border: 0;
}
div#nav ul li a {
	display: block;
	color: white;
	font-size: 18px;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif, Sans;
	height: 48px;
	padding-top: 30px;
	text-align: center;
	text-decoration: none;
}
div#nav ul li a:hover {
	background: url(images/nav-bg-hover.png) 0 0 repeat;
	background: rgba(208,92,52,0.6);
}
a#navbakery {
	width: 114px;
}
a#navkitchen {
	width: 129px;
}
a#navsalad {
	width: 185px;
}
a#navfruits {
	width: 255px;
}
a#navspecial {
	width: 215px;
}
div#corner-tl {
	background: url(images/corner-tl.png) 0 0 no-repeat;
	position: absolute;
	display: block;
	width: 13px;
	height: 13px;
	margin-left: -9px;
	margin-top: -9px;
	z-index: 50;
}
div#corner-tr {
	background: url(images/corner-tr.png) 0 0 no-repeat;
	position: absolute;
	display: block;
	width: 13px;
	height: 13px;
	margin-left: 898px;
	margin-top: -9px;
	z-index: 50;
}

/* Home Page */
div#banner {
	/* background: url(images/banner.jpg) 0 0 no-repeat; */
	height: 336px;
}
div#banner-slideshow-wrapper {
	position: absolute;
	z-index: 3;
}
div#banner-slideshow img {
	position: absolute;
}
div#banner div#nav {
	position: absolute;
	margin-top: 258px;
	z-index: 4;
}
div#callouts {
	background: url(images/callouts-bg.png) 0 0 no-repeat;
	height: 184px;
	position: relative;
	top: -21px;
	margin-bottom: -21px;
	z-index: 10;
	padding-left: 13px;
	padding-top: 5px;
}
div.callout {
	width: 308px;
	float: left;
	background: url(images/callout-bg.gif) 0 0 no-repeat;
	-moz-border-radius: 5px;
	margin-right: 10px;
	height: 168px;
}
div.callout-content {
	padding: 25px 16px 0 16px;
}
div.callout h3 {
	margin-bottom: 7px;
}
div.callout a {
	text-decoration: underline;
}
div.callout ul li {
	display: block;
}
div.callout p {
	margin-bottom: 7px;
}


/* Landing Pages */
div#section-intro {
	background: #edf1e2;
	color: #547109;
	font-size: 15px;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif, Sans;
	line-height: 26px;
	padding: 25px 32px;
}
div#page-content {
	width: 580px;
	float: left;
	margin-left: 30px;
	margin-top: 25px;
	margin-bottom: 40px;
}
div.food-category {
	padding-bottom: 20px;
}
div.food-category h2 {
	margin-bottom: 20px;
}
div.food-category img.category-image {
	margin-bottom: 20px;
	display: block;
}
td.left-item {
	width: 274px;
	border-right: 1px solid #e7e7e7;
	padding-right: 15px;
}
td.right-item {
	width: 274px;
	padding-left: 15px;
}
div.food-item {
	margin-bottom: 20px;
}
div.food-item a.food-item-photo {
	background: url(images/camera.gif) 0 0 no-repeat;
	display: block;
	width: 6em;
	height: 20px;
	padding-left: 27px;
	text-decoration: underline;
	margin-top: 3px;
}
div#bakery div#nav ul li a#navbakery,
div#kitchen div#nav ul li a#navkitchen,
div#soupsalad div#nav ul li a#navsalad,
div#fruitveg div#nav ul li a#navfruits,
div#special div#nav ul li a#navspecial
{
	background: url(images/nav-bg-on.png) 0 0 repeat-x;
}
div.nav-wrapper {
	background: url(images/nav-bg-bakery.jpg) 0 0 no-repeat;
	height: 227px;
}
div.nav-wrapper h1 {
	color:white;
	font-family:Myriad,Myriad pro,Trebuchet MS, Arial, Helvetica, Sans-serif, Sans;;
	font-size:36px;
	margin-left:58px;
	padding-top:48px;
	text-shadow:0 0 5px #222222;
	line-height: normal;
}
div#standard-nav {
	height: auto;
}

/* Sidebars */
div#sidebar-container {
	float: right;
	width: 260px;
	overflow: visible;
	margin-top: 23px;
	margin-bottom: 23px;
}
div.sidebar-outer-wrapper {
	background: url(images/sidebar-bg-top.png) 0 0 no-repeat;
	width: 298px;
	padding-top: 21px;
}
div.sidebar-wrapper {
	background: url(images/sidebar-bg-bottom.png) left bottom no-repeat;
	padding-bottom: 21px;
	zoom: 1;
}
div.sidebar {
	background: url(images/sidebar-bg.png) 0 0 repeat-y;
	padding: 15px 34px 15px 37px;
}
div.sidebar h2 {
	color: #de4a44;
	font-size: 22px;
	margin-bottom: 10px;
	line-height: 22px;
}
div.sidebar a.underline {
	text-decoration: underline;
}
div.sidebar small {
	font-size: 11px;
}
div.sidebar ul li {
	margin-bottom: 15px;
	padding-bottom: 10px;
	/* border-bottom: 1px solid white; */
}
div.sidebar ul li#gather-around-callout {
	background: url(images/gather-around-callout.gif) right top no-repeat;
	line-height: 15px;
}
div.sidebar ul li#gather-around-callout p {
	margin-bottom: 15px;
}
div.sidebar ul li ul li {
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e9ece5;
	background: url(images/list-plus.gif) 0 5px no-repeat;
	padding-left: 15px;
}
div.sidebar ul li ul li:last-child {
	border: 0;
}
div.sidebar ul li#gather-around-callout ul li {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#mc_signup_form {
	float: none !important;
}
form#searchform input.text-field {
	width: 140px;
	margin-right: 3px;
}


/* Default Page Template */
div#content {
	padding: 0 20px;
}
div#title-bar {
	border-bottom: 1px solid #ccc;
	padding: 23px 0;
}
.post  h2, div.page-entry h4, div.page-entry h5 {
	margin-bottom: 15px;
}
div.page-entry {
	padding: 0 0 20px 0;
	min-height: 200px;
	font-size: 13px;
	line-height: 22px;
	border-top: 10px solid white;
}
div.page-entry p {
	margin-bottom: 15px;
}
div.page-entry small {
	font-size: 11px;
	color: #777;
}
img.alignright {
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 5px solid #eee;
	-moz-box-shadow: 0 0 5px #aaa;
}

/* Page template with subnavigation */
div#subpage-outer-wrapper {
	background: url(images/side-bg.gif) top left repeat-y;
	/* margin-top: 10px; */
	border-top: 10px solid white;
}
div#subpage-wrapper {
	background: url(images/side-bg-top.gif) top left no-repeat;
}
div#subpage {
	background: url(images/side-bg-bottom.gif) bottom left no-repeat;
}
div#subpage div.page-entry {
	float: right;
	width: 620px;
	padding-top: 15px;
}
div#subpage div#page-sidebar {
	float: left;
	width: 187px;
	padding: 15px;
	padding-top: 20px;
}
div#subpage div#page-sidebar ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	background: url(images/list-plus.gif) 0 5px no-repeat;
	padding-left: 15px;
}

/* forms */
table.form tr td {
	padding: 3px 10px 3px 0;
	line-height: 18px;
}
table.form tr td label {
	font-weight: bold;
	vertical-align: middle;
}
table.form tr td input.text-field {
	width: 200px;
}
table.form tr td small {
	
}

/* Subscribe Page */
#mc_embed_signup {
	background: #DBDFD3;
	padding: 20px 30px;
	width: 26em;
	margin: 20px auto;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 6px solid #E9ECE5;
	-moz-box-shadow:0 0 5px #AAAAAA inset;
	-webkit-box-shadow:0 0 5px #AAAAAA inset;
	box-shadow:0 0 5px #AAAAAA inset;
}
div.mce_inline_error {
	color: #DE4A44;
	font-size: 11px;
}
#mce-success-response {
	color: #547109;
}

/* Subscribe Widget */
#mc_signup_container label {
	font-weight: bold;
}
#mc_signup_container .text-field {
	width: 205px;
	margin-bottom: 5px;
}
.mc_signup_submit {
	padding-top: 10px;
}
div#mc_message span, div#mc_message .mc_success_msg {
	display: block;
	padding-bottom: 10px;
}

/* Blog */
div#blog-intro {
	padding: 25px 30px;
	background: #edf1e2 url(images/blog-header-bg.jpg) right top no-repeat;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif, Sans;
}
div#blog-intro h1 {
	margin-bottom: 15px;
}
div#blog-intro p {
	color: #4c650a;
	font-size: 14px;
	line-height: 24px;
	width: 560px;
}

div#blog-intro a {
	color: #de4a44;
}

div#blog-intro a:hover {
		color: #4c650a;
	text-decoration: underline;
}

div#blog-content {
	width: 580px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 40px;
	line-height: 20px;
}
div#blog-content h2 {
	font-size: 22px;
	margin-bottom: 5px;
}
div#blog-content h3 {
	margin-bottom: 15px;
}
div#blog-content h3.search-title {
	margin-bottom: 0;
}
div#blog-content small {
	font-size: 11px;
	color: #777;
}
div#blog-content small.date {
	display: block;
	margin-bottom: 13px;
}
div#blog-content p {
	margin-bottom: 15px;
}
div#blog-content div.hentry {
	padding-bottom: 20px;
}
p.postmetadata {
	background: #edf1e2 url(images/tags.gif) 15px 13px no-repeat;
	padding: 10px 15px 10px 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* Comments */
h3#comments {
	margin-bottom:20px;
}
ul.commentlist {
	padding-bottom: 15px;
}
ul.commentlist li {
	border:1px solid #ccc;
	margin-bottom:15px;
}
div.comment-author {
	background:#EDF1E2 none repeat scroll 0 0;
	font-weight:bold;
	padding:5px 10px;
}
div.comment-author a {
	color:#333333;
	text-decoration:none;
}
div.comment-author img, div.vcard img {
	display: none;
}
div.commentmetadata {
	color:#CCCCCC;
	font-size:10px;
	padding:5px 10px;
}
div.commentmetadata a {
	color:#777777;
	text-decoration:none;
}
div.comment-body p {
	color:#555555;
	padding:0 10px 0;
}
textarea#comment {
	width: 570px;
}

/* Retailers */
div#page-intro {
	padding: 25px 30px;
	background: #edf1e2 url(images/blog-header-bg.jpg) right top no-repeat;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif, Sans;
}
div#page-intro h1 {
	margin-bottom: 15px;
}
div#page-intro p {
	color: #4c650a;
	font-size: 14px;
	line-height: 24px;
	width: 560px;
}
li#our-brands {
	padding-bottom: 0;
	margin-bottom: 0;
}
li#our-brands img {
	margin: 0 auto;
	display: block;
}

/* Contact */
div#contact-page-wrapper {
	background: url(images/side-bg.gif) top right repeat-y;
}
div#contact-page-inner-wrapper {
	background: url(images/side-bg-top.gif) top right no-repeat;
}
div#contact-page {
	background: url(images/side-bg-bottom.gif) bottom right no-repeat;
}
div#contact-left {
	float: left;
	font-size: 12px;
	/*margin-left: 10px;*/
	margin-top: 10px;
	width: 620px;
}
div#contact-left input.text-field {
	width: 300px;
}
div#contact-left textarea.text-field {
	width: 400px;
}
div#contact-left table {
	margin-bottom: 15px;
}
div#contact-right{
	float: right;
	width: 177px;
	margin: 15px 20px;
}