/********************************************************************
This is the main stylesheet for the Monogram Chef's site. This sheet
handles basic page layout, baseline font sizing, left nav elements,
ul's, colors, and other widely-used items.
********************************************************************/

html, body { height:100%; width:100%; min-width:999px; }

body {
	min-width:999px;
	margin: 0;
	padding: 0;
	font-family: tahoma,geneva,sans-serif;
	font-size: 12px;
	color: #835b3f;
	text-align: center;
	background:center 250px #fff no-repeat;
	background-image:url('/all-in-good-food/images/body_bg_cheese_parsley.jpg'); /* cheese/parsley set as default. others should be set in the page  */
}

#document {  }

@media print {
  body { color:#000; }
}

#masthead,
#document,
#preFooter,
#footer {
	width:961px;
	margin:0 auto;
	text-align:left;
	padding-left:23px;
	padding-right:15px;
}

/****************** IMPORTANT DEFAULTS *******************/

/* The following rule exists to fix an IE 5 PC bug */
body table { font-size: 100%; }

/* Zeroing element margins/padding */
p, h1, h2, h3, h4, h5, h6, form, ul, ol, li {
	margin: 0;
	padding: 0;
}

p {
	margin-bottom:1em;
	line-height:1.5em;
}

/* Image defaults */
img {	
	border:0;
	display:inline;
}

/* Input adjustments */
input, select, textarea  {
	font-size: 100%;
	vertical-align:middle;
}

input.short,
select.short,
textarea.short { width: 75px; }

input.medium,
select.medium,
textarea.medium { width: 150px; }

input.medium2,
select.medium2,
textarea.medium2 { width: 200px; }

input.long,
select.long,
textarea.long { width: 300px; }


/* table defaults */
table {
	width:100%;
	table-layout:fixed;
}
tr { vertical-align:top; }

/* heading defaults */
h1 {/*defined in 'masthead' section*/}
h2 {
	color:#795C43;
	font-size:34px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:20px;
}
	.secondaryHeadingText {
		color:#000;
		font-size:19px;
	}
h3 {
	color:#000;
	font-size:19px;
	font-weight:normal;
	margin-bottom:10px;
}
h4 {
	color:#000;
	font-size:24px;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
	border-top:1px solid #aad1be;
	border-bottom:1px solid #aad1be;
	padding:3px 0;
	margin-bottom:10px;
}
h4.naked {
	border:0;
	padding:0;
}
	h4 a,
	h4 a:link,
	h4 a:active {
		color:#000;
	}
	h4 a:visited,
	h4 a:hover {
		color:#487068;
		text-decoration:none;
	}
h5 {
	color:#000;
	font-size:12px;
	border-bottom:1px solid #aad1be;
	padding-bottom:4px;
	margin-bottom:10px;
}
	h5 a,
	h5 a:link,
	h5 a:active { text-decoration:underline; }
	h5 a.selected {
		color:#000;
		text-decoration:none;
	}

/* list default and variations */
ul  {
	list-style-type: none;
}
	ul li  {   /* default is... */
		list-style-type: none;
		background:;
		padding: 0 0 6px 9px;
	}
ol { margin-left:30px; }
	ol li { padding: 0 0 6px 0; }

/****************** END IMPORTANT DEFAULTS *******************/




/******************* LINK COLORS *******************/

a,
a:link,
a:active {
	color:#5E9790;
	text-decoration:none;
}
a:visited,
a:hover { color:#487068; }
a:hover { text-decoration:underline; }

a.selected {
	color:#842B16;
	font-weight:bold;
}

img.seethru {
	background-color: #729790;
	vertical-align: middle;
}
a:visited img.seethru,
a:hover img.seethru { background-color:#487068; }

/******************* END LINK COLORS *******************/




/****************** UTILITY *******************/
.dark { color:#000 !important; } /* USED IN THE MANY PLACES WHERE THE TEXT NEEDS TO BE BLACK */

.bold { font-weight:bold; }

.italic { font-style:italic; }

.highlight { color:#d77503; }
.highlightRed { color:#c0342d; }

.strokeBox { border: 1px solid #aad1be; }

.strokeT { border-top: 1px solid #aad1be; }
	tr.strokeT td { border-top: 1px solid #aad1be; }
.strokeB { border-bottom: 1px solid #aad1be; }
	tr.strokeB td { border-bottom: 1px solid #aad1be; }
.strokeR { border-right: 1px solid #aad1be; }
.strokeL { border-left: 1px solid #aad1be; }

tr.odd td { background:#ebe9e7; }
tr.even td { background:#fff; }

.formTable {
	table-layout:auto;
	width:auto;
}
	.formTable td { padding-bottom:3px; }
	.formTable .text {
		background:top left url('/all-in-good-food/images/input_bg_233.gif') no-repeat;
		border:0 none;
		padding:1px 5px 6px 5px;
		width:223px;
		height:15px;
	}
	.formTable .text3digit {
		background:top left url('/all-in-good-food/images/input_bg_53.gif') no-repeat;
		border:0 none;
		padding:1px 5px 6px 5px;
		width:43px;
		height:15px;
	}
	.formTable .text4digit {
		background:top left url('/all-in-good-food/images/input_bg_71.gif') no-repeat;
		border:0 none;
		padding:1px 5px 6px 5px;
		width:61px;
		height:15px;
	}
	.formTable textarea {
		background:top left url('/all-in-good-food/images/textarea_bg_233.gif') no-repeat;
		border:0 none;
		padding:3px 5px 4px 5px;
		width:223px;
		height:120px;
		font-family:inherit;
		font-size:12px;
		overflow:auto;
	}
	.formTable select { display:none; }
	.formTable .pseudoSelect {
		background:top left url('/all-in-good-food/images/select_bg_161.gif') no-repeat;
		padding:1px 5px 6px 5px;
		width:161px;
		height:15px;
		cursor:pointer;
		color:#000;
	}
	.formTable .pseudoSelectList {
		display:none;
		position:absolute;
		top:16px;
		left:1px;
		padding:.2em;
		width:200px;
		border:1px solid #000;
		background:white;
		color:#000;
		height:15em;
		overflow:auto;
	}
		.formTable .pseudoSelectList div {
			cursor:pointer;
			padding:3px;
			margin:0;
			background:#fff;
		}
.fieldName { padding: .2em 12px 0 0; }
.required  {}

input.short,
select.short,
textarea.short { width: 75px; }
input.medium,
select.medium,
textarea.medium { width: 150px; }
input.medium2,
select.medium2,
textarea.medium2 { width: 200px; }
input.long,
select.long,
textarea.long { width: 300px; }

.clearFloat { clear:both; } /* ex. <div class="clearFloat"><!-- do not remove --></div> */

.imageBlock, .imageBlockReversed { table-layout:auto; }
	.imageBlock .imageCell,
	.imageBlock .textCell,
	.imageBlockReversed .imageCell,
	.imageBlockReversed .textCell { padding-bottom:15px; }
	.imageBlock .imageCell,
	.imageBlockReversed .imageCell { width:1%; /* will expand appropriately */ }
	.imageBlock .textCell { padding-left:10px; }
	.imageBlockReversed .textCell { padding-right:10px; }

.fineprint { font-size:10px; }

.dateline {
	font-size:10px;
	color:#000;
	padding-bottom:.4em;
	text-transform:uppercase;
}
.attribution {
	color:#8F2F19;
	font-size:10px;
}

.blogEntry {
	margin-bottom:60px;
	display:none;
}

.paintedFloatContainer {
	float:left;
	clear:left;
	width:100%;
	padding:12px 0;
}
.paintedFloatContainer a.thumbBlock {
	float:left;
	width:218px;
	margin-right:15px;
}
a.thumbBlock {
	display:block;
	text-transform:lowercase;
}
	a.thumbBlock img {
		display:block;
		margin-bottom:4px;
	}
	a.thumbBlock span.dark.bold {
		display:block;
		margin-bottom:4px;
		text-transform:capitalize;
	}
	a.thumbBlock .description {
		color:#000;
		display:block;
		margin-bottom:14px;
		text-transform:none;
	}
	a.thumbBlock .time { color:#8F3C19; }
	
/******************* END UTILITY *******************/




/******************* MASTHEAD *******************/
#mastheadWrapper {
	background: bottom left url('/all-in-good-food/images/masthead_bg.gif') repeat-x;
	padding-bottom:7px;
	margin-bottom:22px;
}
	#masthead {
		height:201px;
		position:relative;
	}
	
	h1 {
		color:#795C43;
		font-size:50px;
		font-weight:normal;
		padding-top:10px;
	}
		h1 a, 
		h1 a:link, 
		h1 a:active,
		h1 a:visited,
		h1 a:hover {
			color:#795C43;
			text-decoration:none;
		}
	
	#mastheadSubTitle {
		color:#9C9B9B;
		position:absolute;
		left:180px;
		top:61px;
	}

/******************* END MASTHEAD *******************/




/******************* TOP NAV *******************/
/* NOTE: 'selected' css set in JS due to IE selector bug/limitations */

#topNav {}
	#topNav .garnish {
		position:absolute;
		bottom:-23px;
		_bottom:-24px; /* fixes background rendering bug. "_" only affects IE6 and below */
		vertical-align:bottom;
	}
	
	#topNav div {
		position:absolute;
		overflow:hidden;
		bottom:0;
		_bottom:-1px; /* fixes background rendering bug. "_" only affects IE6 and below */
	}
	#topNav a { display:block; }
	#topNav .chefsBlog {
		left:160px;
		height:105px;
	}
		#topNav .chefsBlog a:hover { margin-top:-105px; }
		
	#topNav .foodcasts {
		left:278px;
		height:105px;
	}
		#topNav .foodcasts a:hover { margin-top:-105px; }
		
	#topNav .chefsTools {
		left:396px;
		height:105px;
	}
		#topNav .chefsTools a:hover { margin-top:-105px; }
		
	#topNav .recipes {
		left:514px;
		height:105px;
	}
		#topNav .recipes a:hover { margin-top:-105px; }
		
	#topNav .aboutTheChefs {
		left:737px;
		height:201px;
	}
		#topNav .aboutTheChefs a:hover { margin-top:-201px; }
		
	#topNav .monogram {
		left:843px;
		height:86px;
	}
		#topNav .monogram a:hover { margin-top:-86px; }
		
/******************* END TOP NAV *******************/




/******************* BREADCRUMB *******************/
#breadcrumb {
	font-size:12px;
	color:#666666;
	margin-bottom:5px;
}
/******************* END BREADCRUMB *******************/




/******************* MAIN BODY (and extra column) *******************/
#mainBody {}
#mainBody.narrow { width:700px; }

#extraColumn {
	float:right;
	width:242px;
}
	#extraColumn.decorated {
		background:top left url('/all-in-good-food/images/decoration_sprig.jpg') no-repeat;
		width:167px;
		padding:27px 0 0 75px;
	}

#rightHeading {
	font-size:16px;
	color:#AC732E;
	font-weight:bold;
	margin-bottom:2em;
}
#rightNav a {
	display:block;
	margin-bottom:1.5em;
}

.pagination {
	text-align:right;
	padding:10px 0;
	font-size:11px;
	clear:left;
}
	.pagination a {
		padding:3px;
		position:relative;
	}
	.pagination img { vertical-align:middle; }
	.pagination .label {
		color:#000;
		font-size:17px;
	}

.printShare {}
	.printShare img { vertical-align:middle; }
	.printShare a { text-decoration:underline; }
	
	/* BEGIN share button styles for addthis widget */
	.printShare .addthis_toolbox { 
	                             vertical-align: middle !important; 		 
								 }
	
	.printShare .addthis_default_style .at300b, 
	.printShare .addthis_default_style .at300m { 
	                                          padding: 0px 1px !important;
											  }
	
	.printShare .addthis_default_style .at300b { margin: 0px 1px 0px 0px !important; } /* add more room for IE7 */
	
	.printShare .addthis_default_style .at300b, 
	.printShare .addthis_default_style .at300m { 
	                                           float: none !important;
									           display: inline-block !important;								
									           }
											   
    /* END share button styles for addthis widget */

									
#ingredientsContainer {}
	.ingredientsList {
		float:left;
		width:329px;
		padding-right:20px;
	}
/******************* END MAIN BODY (and extra column) *******************/




/******************* FOOTER *******************/
#preFooter {
    color:#959595;
	font-size: 11px;
	text-align:left;
	padding-top:30px;
	margin-bottom:35px;
	clear:both;	
}

#preFooter .addthis_toolbox {
	display: inline-block;
    vertical-align: top;
}

#footerWrapper {
	border-top:1px solid #aad1be;
	padding:8px 0;
	clear:both;
}
	#footer {
		font-family: arial,helvetica,sans-serif;
		font-size: 11px;
		color:#959595;
		text-align:center;
	}
		#footer a, 
		#footer a:link, 
		#footer a:active { color:#959595; }
		#footer a:visited,
		#footer a:hover { color:#666666; }
	
		#footer .colA {
			padding-top:8px;
			margin-right:110px;
		}
		#footer .colB {
				float:right;
				width:110px;
				text-align:right;
			}
			
	#footerSignupForm {
		display:inline;
		padding-right:10px;
	}
		#footerSignupForm .text {
			width:115px;
			height:15px;
			padding: 3px 0 4px 5px;
			border:0;
			background:top left url('/all-in-good-food/images/newsletter_signup_bg.gif') no-repeat;
		}
/******************* END FOOTER *******************/



/******************* PRINT RECIPES *******************/
#printHeader {
	border: 1px solid #999999;
	width: 550px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 15px;
	font-weight:bold;
}

.recipeCard {
	border:  1px dotted #000;
	border-top: 1px solid white;
	margin: 0 auto;
	font-size:11px;
}

.cardBorderTop {
	border-top:  1px dotted #000;
}

.size3x5 {
	width: 478px;
	height: 284px;
}

.size4x6 {
	width: 574px;
	height: 382px;
}

.sizeFull {
	width: 580px;
	height: 596px;
}

.cardOpening {
	overflow: hidden;
	position: relative;
}

.size3x5 .cardOpening {
	width: 458px;
	height: 256px;
	margin: 14px 10px;
}

.size4x6 .cardOpening {
	width: 554px;
	height: 352px;
	margin: 15px 10px;
}

.sizeFull .cardOpening {
	width: 560px;
	height: 576px;
	margin: 10px 10px;
}

.size3x5 .cardSlider1 {
	top: 0px;
}

.size3x5 .cardSlider2 {
	top: -256px;
}

.size3x5 .cardSlider3 {
	top: -512px;
}

.size3x5 .cardSlider4 {
	top: -768px;
}

.size3x5 .cardSlider5 {
	top: -1024px;
}

.size3x5 .cardSlider6 {
	top: -1280px;
}

.size4x6 .cardSlider1 {
	top: 0px;
}

.size4x6 .cardSlider2 {
	top: -352px;
}

.size4x6 .cardSlider3 {
	top: -704px;
}

.size4x6 .cardSlider4 {
	top: -1056px;
}

.sizeFull .cardSlider1 {
	top: 0px;
}

.sizeFull .cardSlider2 {
	top: -576px;
}

.cardSlider {
	position: relative;
	line-height: 16px;
}


.cardSlider .ingredientsTable {
	width: 100%;
	margin-bottom:16px;
}

.cardSlider .ingredientsTable td {
	border: 0;
	padding: 0;
}

.recipeCard .ingredientsList {
	width:28%;
	padding-right:5%;
}

.cardSlider .cardHeading {
	padding: 13px 0 1px;
	margin-bottom:1px;
	color: #000;
	display:block;
	font-weight:bold;
	border-bottom:1px solid #AAD1BE;
}

.cardSlider .cardLabel {
	color: #DF9D50;
}

.cardSlider .ingredientsTable div {
	margin-left: 8px;
	text-indent: -8px;
}

.cardSlider h1 {
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
	font-size:24px;
	line-height: 32px;
	margin: 0;
	padding: 0;
	color: #000;
}
.cardSlider .ingredientsTable { table-layout:fixed; }
.cardSlider .ingredientsTable td {
	padding: 0 15px 0 0;
}

.nextPage {
	page-break-after: always;
}



.cardSlider table.recipeCardHeader {
	width: 100%;
	height:48px;
}

.cardSlider table.recipeCardHeader .col2 {
	text-align: right;
}

.cardSlider ol li { padding-bottom:0; }
/******************* END PRINT RECIPES *******************/