/*

	LaBrea Bread - Antipasto Bread
		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
    -------------------

*/



/* 2. BODY
=====================================================================
=====================================================================*/
html 													{ min-width:1000px; }  
body 													{ font-size:62.5%; border:none; color:#666666; background:url(../_images/back_body.png) repeat center top #fff; }
#wrapper 												{ width:1000px; height:100%; margin:0 auto; padding:0 0 0 0; }



/* 3. TYPOGRAPHY
=====================================================================
=====================================================================*/	
/* Font Families */
body, h2, p, ul		 									{ font-family:Helvetica, Arial, sans-serif  }
h1, h4													{ font-family:Georgia, Times, serif; }

/* Type Styles */
p														{ font-size:1.2em; line-height:1.6em; padding:5px 0 0 0; }
p.large													{ font-size:1.4em; }
p.red													{ font-size:1.4em; color:#ff0000; padding:0 0 0 0; line-height:0.6em; }
h1 														{ font-size:2.2em; line-height:1.4em; font-weight:normal; }
h2														{ font-size:1.6em; line-height:1.4em; border-bottom:1px solid #666666; }
h3														{ font-size:1.4em; line-height:1.2em; font-weight:normal; }
h4														{ font-size:1.9em; line-height:1.2em; font-weight:normal; padding:30px 0 0 0; }


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

ul														{ list-style:inside; padding:6px 0 0 0; }
ul li 													{ font-size:1.2em; line-height:1.6em; }



/* 4. LAYOUT
=====================================================================
=====================================================================*/
div#header												{ width:996px; height:168px; float:left; padding:0 0 0 4px; background:url(../_images/back_header.png) no-repeat top left; }
	div#logo 											{ float:left; margin:0 3px 0 0; }
	div#logo a											{ width:130px; height:144px; display:block; }
	div#nav_holder										{ width:577px; height:144px; float:left; position:relative; }
		div#share_holder								{ width:160px; position:absolute; top:0; left:433px; z-index:3; padding:8px 0 0 37px; }
		div#share_holder a								{ color:#000; line-height:16px; }
		div#share_holder a:hover						{ color:#0099cc; text-decoration:none; }

		div#mainnav										{ width:547px; height:40px; position:absolute; top:104px; left:15px; z-index:2; }
			ul#main_nav									{ width:547px; float:left; }
			ul#main_nav li 								{ float:left; display:inline; font-size:14px; font-weight:bold; padding:0; background:none; } 								
			ul#main_nav li a							{ float:left; padding:3px 20px; display:block; text-decoration:none; color:#666; border-bottom:none; }
			ul#main_nav li a:hover						{ color:#ed2024; } 


div#contentHolder										{ width:966px; float:left; padding:15px 0 0 33px; background:url(../_images/back_content.png) repeat-y top left;  } 
	div#main_content									{ width:679px; float:left; }
		div#content_270									{ width:240px; margin:20px 22px 0 0; float:left; }
		div#content_415									{ width:415px; margin:20px 0 0 0; float:left; }

	div#sidebar											{ width:200px; margin:0 0 0 52px; float:left; overflow:hidden; }
		.newsletter_signup								{ width:197px; height:16px; margin:8px 0 20px 0; } 
		div#twitter_feed								{ width:185px; padding:8px; margin:30px 0 0 0; background-color:#FFF; border:1px solid #e6e5e4; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }


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

/* Home */


/* Wholesale */
#wholesale div#content_270								{ width:240px; margin:0 22px 0 0; float:left; }
#wholesale div#content_415								{ width:415px; margin:0 0 0 0; float:left; }



/* 6. FOOTER 
=====================================================================
=====================================================================*/											  										
ul#footer												{ float:left; width:840px; border-top:1px #999 solid; margin:20px 0 0 0; }
ul#footer li 											{ float:left; display:inline; font-size:10px; font-weight:bold; padding:0; background:none; } 								
ul#footer li a											{ float:left; padding:2px 25px 0 0; display:block; text-decoration:none; color:#999; }
ul#footer li a:hover									{ color:#000; } 

p#copyright												{ float:left; width:90px; border-top:1px #999 solid; margin:20px 0 0 0; padding-top:8px; font-size:10px; font-weight:bold; color:#999; }

div#content_bottom										{ width:996px; height:22px; clear:both; padding:0 0 0 3px; background:url(../_images/back_footer.png) no-repeat top left;  } 




/* 7. GLOBAL STYLES
=====================================================================
=====================================================================*/
/* Layout */
.margin-top6											{ margin-top:6px; }
.margin-top8											{ margin-top:8px; }
.margin-top30											{ margin-top:30px; }
.margin-top40											{ margin-top:40px; }
.margin-right8											{ margin-right:8px; }
.margin-left8											{ margin-left:8px; }
.margin-bottom40										{ margin-bottom:60px; }
.margin-bottom20										{ margin-bottom:20px; }


.float_left												{ float:left; }
.float_right											{ float:right; }
.clear 													{ clear:both; }
.font_size12											{ font-size:12px }