/*=================================================

		CSS for: Mustard Seed
		Author: Ember Interactive
		Creation Date: 15/04/09
		Last Modified:

=================================================*/


/* CSS Reset
-------------------------------------------------*/

body,div,img,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* Footer stick stuff
-------------------------------------------------*/

html, body, #master {height: 100%;}
body > #master {height: auto; min-height: 100%;}
#main {overflow:auto; padding-bottom: 50px;}  /* must be same height as the footer */
#footer {position: relative;margin-top: -100px; /* negative value of footer height */height: 100px;clear:both;} 
/*Opera Fix*/body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;/}

/* HTML AND BODY
-------------------------------------------------*/

html {font-size: 50%; min-width: 960px;}
body {font-family: georgia, serif; font-size: 125%; background: #e9dbb8;}


/*=================================================

		TEXT AND LINKS
		
=================================================*/


h1 {color: #76120a; line-height: 1.4em; float: left; width: 23em; padding: 0 10px 0 20px; font-size: 1.5em; font-weight: normal; font-style: italic;}
h2 {color: #76120a; font-size: 2em; line-height: 1.25em; font-weight: normal; padding: 0 20px 20px 0;}

p {font-family: georgis, serif; font-size: 1.4em; line-height: 1.4em; color: #76120a;}

#content p {padding: 0 10px 20px 0;}

a {color: #76120a; margin: 0; padding: 0; outline: none; text-decoration: underline;}
a:link, a:visited {color: #76120a; text-decoration: underline;}
a:hover, a.selected {color: #76120a; text-decoration: underline;}

ul {list-style-type: disc; padding: 0;}
li {font-family: georgia, sans-serif; list-style-position: inside;}

a.menu_download {background:url('../../images/icon_document.png') 0 0 no-repeat; margin-top:10px; padding:2px 0 4px 22px;}


/*=================================================

		STRUCTURE & LAYOUT
		
=================================================*/

#master {width: 960px; margin: 0 auto;}
#header {border-bottom: 2px solid #76120a; margin-bottom: 2px; padding: 0; height: 106px; margin:0 0 2px 0;}
#main {width: 960px; border-top: 1px solid #76120a; padding-top:10px;}

#navigation {width: 192px; display: block; float: left;}

#header a {float: left; width: 192px; margin: 14px 20px 0 0;}
#header h1 {margin-top: 20px;}
#header p {float: right; font-weight: bold; line-height: 1.25em; margin-top:20px;}
#header p i {font-weight: normal;}

#content {width: 728px; padding: 10px 0 0 0; display:inline; float: left; margin-left:40px; position:relative;}
.column_left {float: left; width: 358px; padding: 0 0 0 0;}
.column_right {float: right; width: 340px;}

.column_right img{float:right;}

#footer {position:relative; overflow:hidden;}

#footer a {width: 100%; height: 100px; display: block; background: #fe5600; color:#fe5600; text-indent:232px; line-height:66px; margin-top:50px; font-size:1.6em; font-weight:normal; }
#footer a:hover {color:#fff;}
#footer a span {width:960px; margin:0 auto; display: block; background: url('../../images/kitchen_foot_logo.jpg') 0 0 no-repeat; }

/*=================================================

		IMAGE GALLERY
		
=================================================*/

div.column_right ul {list-style-type: none; margin-bottom:20px; display:inline; overflow:hidden; float:left; width:340px;}
div.column_right ul li {float:left; width:109px; height:67px; margin-bottom:4px; margin-left:4px; overflow:hidden;}

/*=================================================

		NAVIGATION
		
=================================================*/

#navigation ul {list-style-type: none; display: block; width: 192px; padding: 10px 0 10px 0; margin: 0 20px 0 0;}
#navigation li {}
#navigation li a {display: block; text-decoration: none; color: #76120a; font-size: 1.4em; line-height: 1.4em; font-weight: bold;}
#navigation li a:hover, #navigation li a.active {text-decoration: underline;}

#navigation ul.subnavi {border-top: 1px solid #76120a;}
#navigation ul.subnavi a {font-weight: normal;}


/*=================================================

		ALTERNATIVES
		
=================================================*/

body.green {background: #021414;}
body.green h1, body.green h2, body.green p, body.green #navigation li a,  body.green a {color: #e9dbb8;}
body.green #header {border-bottom: 2px solid #e9dbb8;}
body.green #main {border-top: 1px solid #e9dbb8;}
body.green #main #navigation ul.subnavi {border-top: 1px solid #e9dbb8;}

body.olive {background: #6d7d00;}
body.olive h1, body.olive h2, body.olive p, body.olive #navigation li a, body.olive a {color: #e9dbb8;}
body.olive #header {border-bottom: 2px solid #e9dbb8;}
body.olive #main {border-top: 1px solid #e9dbb8;}
body.olive #main #navigation ul.subnavi {border-top: 1px solid #e9dbb8;}

/*=================================================

		CONTENT
		
=================================================*/

/* Homepage Rollovers */


#home_recipe {width: 728px; height: 587px; display: block; }

a.dish1, a.dish1a {background: url('../../images/uploads/dish1a.jpg') no-repeat;}
a.dish1:hover, .dish1_over {background: url('../../images/uploads/dish1b.jpg') no-repeat;}
a.dish2, a.dish2a {background: url('../../images/uploads/dish2a.jpg') no-repeat;}
a.dish2:hover, .dish2_over {background: url('../../images/uploads/dish2b.jpg') no-repeat;}
a.dish3, a.dish3a {background: url('../../images/uploads/dish3a.jpg') no-repeat;}
a.dish3:hover, .dish3_over {background: url('../../images/uploads/dish3b.jpg') no-repeat;}
a.dish4, a.dish4a {background: url('../../images/uploads/dish4a.jpg') no-repeat;}
a.dish4:hover, .dish4_over {background: url('../../images/uploads/dish4b.jpg') no-repeat;}
a.dish5, a.dish5a {background: url('../../images/uploads/dish5a.jpg') no-repeat;}
a.dish5:hover, .dish5_over {background: url('../../images/uploads/dish5b.jpg') no-repeat;}

#home_recipe_over {width: 728px; height: 587px; display: none; background-color:#E9DBB8; position:absolute; top:10px; left:0;}

/* Photo Spacing */

#content img {margin: 0 0 5px 0;}

/* Offers */

p.offer_title {font-size: 5em; line-height: 1.15em; padding: 0 0 5px 0!important;}
p.offer_subtitle {font-size: 2em; line-height: 1.25em;}
p.offer_desc {padding: 10px 0 20px 0;}

/* Testimonials, Press, Jobs */

p.quotes_quote {font-size: 1.6em; line-height: 1.15em; padding: 0 0 20px 0!important;}
p.quotes_title {font-size: 1.2em; line-height: 1.25em; padding: 0!important; margin: 0; font-weight: bold;}
p.quotes_date {padding: 0 0 20px 0; margin-bottom: 10px;}

/* Gift Vouchers */

input.button {}

#googlecart-widget {position:absolute; top:200px; right:10px;}
.override .googlecart-widget-title {color:#333;}
#googlecart-widget-spacer {position:absolute !important; top:0 !important; right:7px !important;}

#content div.product p {padding-bottom:5px;}
#content div.product {margin-bottom:10px;}

/*=================================================

		USEFUL CLASSES
		
=================================================*/

.hidden {display: none;}
.overflow {overflow: auto;}
.clear {clear: both;}
.divide {height: 3px; border-bottom: 1px solid #454750; margin: 10px 0;}