/*

	LaBrea Bread - 4 Days of Thanksiving
	VERSION 1.0
	
	Design: tdhadvertising.com/
	Development: thisisstatic.com
	
	CONTENTS ----------
	1. RESET
	2. BODY
	3. TYPOGRAPHY
	4. LAYOUT
	5. CONTENT 
	6. FOOTER
	7. GLOBAL STYLES
    -------------------

*/



/* 1. RESET
=====================================================================
=====================================================================*/
* 														{ margin:0px; padding:0px; }



/* 2. BODY
=====================================================================
=====================================================================*/
html 													{ min-width:768px; }
body 													{ font-size:62.5%; color:#624628; background:url(../_images/back_body.png) repeat-y center top #74000b; }
#wrapper 												{ width:768px; height:100%; margin:0 auto; padding:0 0 30px 2px; }



/* 3. TYPOGRAPHY
=====================================================================
=====================================================================*/	
/* Font Families */
body, ul.footer 										{ font-family:Helvetica, Arial, sans-serif;  }
h1														{ font-family:Georgia, "Times New Roman", Times, serif; }

/* Type Styles */
p														{ font-size:1.2em; line-height:1.6em; padding:6px 0 6px 0; }

h1 														{ font-size:2.4em; line-height:1.4em; padding:15px 0 0 0; font-weight:normal; color:#913216; }
h2														{ font-size:1.0em; line-height:1.6em; padding:14px 0 0 0; font-weight:bold; text-transform:uppercase; letter-spacing:1px; color:#913216; }
h3	 													{ }

a														{ text-decoration:none; color:#ce3727;  }
a:link													{ text-decoration:none; }
a:visited												{ text-decoration:none; }
a:hover													{ text-decoration:underline; cursor:pointer; }

ul														{ list-style: none; }
	#recipe_area_center ul								{ margin:6px 0; }
ul li 													{ padding-left:0; font-size:1.2em; line-height:1.6em; }



/* 4. LAYOUT
=====================================================================
=====================================================================*/
div#header_logo	a										{ width:123px; height:206px; margin:25px 0 0 0; float:left; display:block; text-indent:-5500px; background:url(../_images/header_logo.png) no-repeat right top; }
div#header_grilled a									{ width:325px; height:206px; margin:25px 0 0 0; float:left; display:block; text-indent:-5500px; background:url(../_images/header_grilled.png) no-repeat right top; }
div#header_text											{ width:314px; height:206px; margin:25px 0 0 0; float:left; display:block; background:url(../_images/header_text.png) no-repeat left top; }

div#main_nav											{ width:146px; height:230px; margin:15px 0 0 18px; float:left; clear:left; }
	ul#main_nav_list									{ list-style:none; }
	ul#main_nav_list li									{ text-indent:-3500px; background:none; padding:0; line-height:12px; }
	
	ul#main_nav_list li a								{ width:146px; display:block; cursor:pointer; color:#340000; background:url(../_images/nav_spritemap.png) no-repeat; }
	ul#main_nav_list li.home a							{ height:54px; background-position:left top; }
	ul#main_nav_list li.recipes a						{ height:54px; background-position:left -54px; }
	ul#main_nav_list li.share a							{ height:54px; background-position:left -108px; }
	ul#main_nav_list li.labrea_bakery a					{ height:56px; background-position:left -162px; }
	
	ul#main_nav_list li.home a:hover					{ background-position:-149px top; cursor:pointer; }
	ul#main_nav_list li.recipes a:hover					{ background-position:-149px -54px; cursor:pointer; }
	ul#main_nav_list li.share a:hover					{ background-position:-149px -108px; cursor:pointer; }
	ul#main_nav_list li.labrea_bakery a:hover			{ background-position:-149px -162px; cursor:pointer; }	

	a.locator											{ margin:8px 0 0 4px; clear:both; width:141px; height:223px; display:block; text-indent:-4000px; background:url(../_images/btn_local.jpg); }
	a.locator:hover 									{ background-position:-141px top; }

	
div#contentHolder										{ width:581px; float:right; margin:15px 14px 0 0; } 



/* 5. CONTENT
=====================================================================
=====================================================================*/

/* Home */
#home div.photo_holder									{ width:542px; height:252px; margin:22px 0 0 19px; display:block; background:url(../_images/placeholder_gallery.jpg) no-repeat; }

div#pull_quote											{ margin:3px 5px 0 21px; height:171px; width:285px; display:block; float:left; text-indent:-2500px; background:url(../_images/text_home01.png) no-repeat; }
div#text_block											{ width:230px; float:left; }


/* Recipes */
div#recipe_column1										{ float:left; width:161px; height:300px; margin:0 0 0 13px; padding-left:20px; background:url(../_images/back_recipe1.png) repeat-y;  }
div#recipe_column2										{ float:left; width:161px; height:300px; margin:0; padding-left:20px; background:url(../_images/back_recipe1.png) repeat-y;  }
div#recipe_column3										{ float:left; width:184px; height:300px; margin:0; background:url(../_images/back_recipe2.png) repeat-y;  }
	.recipe_card1										{ margin:0 0 0 20px; }
	.recipe_card										{ margin:6px 0 0 20px; }
	
	
	/*
	a.marinated_onions									{ width:144px; height:98px; display:block; text-indent:-4000px; background:url(../_images/btn_marinated_onions.png); }
	a.autostrada										{ width:144px; height:98px; display:block; text-indent:-4000px; background:url(../_images/btn_autostrada.png); }
	a.vegetable											{ width:144px; height:98px; display:block; text-indent:-4000px; background:url(../_images/btn_vegetable_sandwich.png); }
	a.ham_cheese										{ width:144px; height:98px; display:block; text-indent:-4000px; background:url(../_images/btn_ham_sandwich.png); }
	a.provolone											{ width:144px; height:98px; display:block; text-indent:-4000px; background:url(../_images/btn_prosciutto_panini.png); }
	a.three_cheese										{ width:144px; height:98px; display:block; text-indent:-4000px; background:url(../_images/btn_triple_cheese.png); }
	a.soup												{ width:144px; height:98px; display:block; text-indent:-4000px; margin-left:20px; background:url(../_images/btn_soup.png); }
	a.salad												{ width:144px; height:98px; display:block; text-indent:-4000px; margin-left:20px; background:url(../_images/btn_salad.png); }
	*/

	#rec_grilledslider { background:url(../_images/recipes_spritemap.jpg) no-repeat 0 0; width:146px; height:100px; }
	#rec_grilledslider a { display:block; background:url(../_images/recipes_spritemap.jpg) no-repeat 0 0; width:146px; height:100px; }
	#rec_grilledslider a:hover { background-position: 0 -100px; }

	#rec_classicgrilled { background:url(../_images/recipes_spritemap.jpg) no-repeat -146px 0; width:146px; height:100px; }
	#rec_classicgrilled a { display:block; background:url(../_images/recipes_spritemap.jpg) no-repeat -146px 0; width:146px; height:100px; }
	#rec_classicgrilled a:hover { background-position: -146px -100px; }

	#rec_grilledvegetable { background:url(../_images/recipes_spritemap.jpg) no-repeat -292px 0; width:146px; height:100px; }
	#rec_grilledvegetable a { display:block; background:url(../_images/recipes_spritemap.jpg) no-repeat -292px 0; width:146px; height:100px; }
	#rec_grilledvegetable a:hover { background-position: -292px -100px; }

	#rec_grilledhamcheese { background:url(../_images/recipes_spritemap.jpg) no-repeat -438px 0; width:146px; height:100px; }
	#rec_grilledhamcheese a { display:block; background:url(../_images/recipes_spritemap.jpg) no-repeat -438px 0; width:146px; height:100px; }
	#rec_grilledhamcheese a:hover { background-position: -438px -100px; }

	#rec_gruyere { background:url(../_images/recipes_spritemap.jpg) no-repeat -584px 0; width:146px; height:100px; }
	#rec_gruyere a { display:block; background:url(../_images/recipes_spritemap.jpg) no-repeat -584px 0; width:146px; height:100px; }
	#rec_gruyere a:hover { background-position: -584px -100px; }

	#rec_roasted { background:url(../_images/recipes_spritemap.jpg) no-repeat -730px 0; width:146px; height:100px; }
	#rec_roasted a { display:block; background:url(../_images/recipes_spritemap.jpg) no-repeat -730px 0; width:146px; height:100px; }
	#rec_roasted a:hover { background-position: -730px -100px; }

	#rec_roasted { background:url(../_images/recipes_spritemap.jpg) no-repeat -730px 0; width:146px; height:100px; }
	#rec_roasted a { display:block; background:url(../_images/recipes_spritemap.jpg) no-repeat -730px 0; width:146px; height:100px; }
	#rec_roasted a:hover { background-position: -730px -100px; }

	#rec_roasted_o { background:url(../_images/recipes_spritemap.jpg) no-repeat -876px 0; width:146px; height:100px; margin-left:20px; } /* custom padding */
	#rec_roasted_o a { display:block; background:url(../_images/recipes_spritemap.jpg) no-repeat -876px 0; width:146px; height:100px; } 
	#rec_roasted_o a:hover { background-position: -876px -100px; }

	#rec_butteredlett { background:url(../_images/recipes_spritemap.jpg) no-repeat -1022px 0; width:146px; height:100px; margin-left:20px; } /* custom padding */
	#rec_butteredlett a { display:block; background:url(../_images/recipes_spritemap.jpg) no-repeat -1022px 0; width:146px; height:100px; }
	#rec_butteredlett a:hover { background-position: -1022px -100px; }
	
	#rec_marinatedon { background:url(../_images/recipes_spritemap.jpg) no-repeat -1168px 0; width:146px; height:100px; }
	#rec_marinatedon a { display:block; background:url(../_images/recipes_spritemap.jpg) no-repeat -1168px 0; width:146px; height:100px; }
	#rec_marinatedon a:hover { background-position: -1168px -100px; }
	

div#recipe_area_top										{ width:568px; height:9px; display:block; background:url(../_images/recipe_area_top.png) no-repeat; }
div#recipe_area_bottom									{ width:568px; height:26px; display:block; margin-bottom:20px; background:url(../_images/recipe_area_bottom.png) no-repeat; }
div#recipe_area_center									{ width:568px; display:block; padding-bottom:7px; background:url(../_images/recipe_area_center.png) repeat-y; }
	img.featured_photo									{ float:left; margin:2px 5px 0 17px; border:1px solid #ffe6b7; } 
	div#info_box										{ float:left; height:100px; width:156px; display:block; background:url(../_images/recipe_area_dotted1.png) no-repeat left 21px ; }
		a.btn_print										{ float:right; width:60px; height:20px; margin-bottom:10px; display:block; text-indent:-3000px; background:url(../_images/icon_print.png) no-repeat; }
		a.btn_print:hover								{ background:url(../_images/icon_print.png) no-repeat right 0; }
		a.btn_share										{ float:right; width:57px; height:20px; margin-bottom:10px; display:block; text-indent:-3000px; background:url(../_images/icon_share.png) no-repeat; }
		a.btn_share:hover								{ background:url(../_images/icon_share.png) no-repeat -60px 0; }
	div#recipe_text										{ margin:0 22px; clear:both; }


/* Recipes OLD */
#recipes div#photo_holder								{ width:542px; height:252px; margin:22px 0 0 19px; display:block; background:url(../_images/placeholder_gallery.jpg) no-repeat; }

div#recipe_holder										{ width:519px; margin:8px 0 0 31px; float:left; background:url(../_images/back_recipes.png) repeat-y top left; }
div#recipe_holder a										{ width:133px; height:103px; display:block; float:left; margin-left:27px; text-indent:-3500px; }
div#recipe_holder a:hover								{ background-position:right top; }

div#recipe_holder a.white_bean							{ background-image:url(../_images/recipe_card_whiteBean.jpg); }




/* 6. FOOTER 
=====================================================================
=====================================================================*/											  										
div#footer												{ }





/* 7. GLOBAL STYLES
=====================================================================
=====================================================================*/
/* Layout */
.margin-top1											{ margin-top:1px; }
.margin-top8											{ margin-top:8px; }
.margin-bottom20										{ margin-bottom:20px; }
.margin-right10											{ margin-right:10px; }

.float_left												{ float:left; }
.float_right											{ float:right; }
.clear 													{ clear:both; }

img a													{ border:none; }
			
/* 8. MODAL BOXES
=====================================================================
=====================================================================*/	
			
/* Modal Boxes ------------------------------------------------------------------------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:0 0 20px 0;
	margin:0 0 0 -10px;
	color:#690808;
}

#boxes td {
	padding:4px 5px 4px 0;
}

#boxes .dialog {
  width:375px; 
  padding:10px;
  background-color:#f2efdc;
  color:#000;
}

#boxes a:link, #boxes a:visited { color:#ce3727; text-decoration:none; }
#boxes a:hover, #boxes a:active { color:#ce3727; text-decoration:none; }

#modal_close_btn {
	width:44px;
	height:44px;
	float:right;
	margin:0; 
}
#modal_close_btn a {
	display:block;
	width:44px;
	height:44px;
	background:url(../_images/modal_close.gif) no-repeat 0 0;
}
#modal_close_btn a:hover {
	background-position: 0 -44px;
}

input { border: 1px solid #900505; background-color:#FFF; }
.submitBtn { padding:10px; }