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



    CHIPITS RECIPES - Stylesheet for Screen



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


/* ################################ */
/* ##### GLOBAL PAGE ELEMENTS ##### */
/* ################################ */

body {
        line-height: 12px;
	 	background-color:#ede2d0;
		margin: 0 auto;
		padding:0;
		text-align:center;
    }
	
body, div, p, td 
	{
	color:#4b1f1c;
	font:normal 11px verdana,arial,tahoma,sans-serif;
	}
table { margin: 0 auto; }

.button_margin { margin:0 0 2px 0; }

.clearl { clear: left; }
.error { color:red; font-weight:bold; margin:10px 0; }
.floatl { float:left; margin: 0px; }
.floatr { float:right; margin: 0px; }
.fixer { clear:both; height:0px; overflow:hidden; font-size:1px; line-height: 0px; }
.hide { display:none; }
.highlight { background-color: yellow; padding: 2px; }
.highlight-nopad { background-color: yellow; padding: 0px; }
.intro { background-color: yellow; padding: 5px; }
.center_buttons { width:100%; text-align:center; padding:20px; }
.small { font-size:9px; }
.on { color:#e75d00 !important; }

h1  { margin:0; padding:6px 0 15px 0; font-size:15px; }
h2  { margin:0; padding:0 0 10px 0; font-size:11px; font-weight:bold; color:#F1A052; }

p   {
	margin:0;
	padding:0 0 15px 0;
}
p.indent { margin-left:40px; }

hr {
	height:1px;
	width:100%;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top:1px solid #928c81;
	margin:10px 0 10px 0;
}

.linkbold { font-weight:bold; text-decoration:none; }
.alert { color:red; }

a { color:#4b1f1c; }
a:hover { color:#F1A052; }


/* === FORMS === */

	form { margin:0; padding:0; }
	input, select, textarea { font:normal 12px verdana,arial,sans-serif; margin:0px 5px 0px 0px; }
	




/* === Sitewide === */


#main_container {
	text-align:center;
	width:953px;
	margin:0 auto;
	background:url(/en/recipes/lib/img/sitewide/bg-1.gif) center repeat-y; 
}

#inner_container { 
	margin:0 auto;
	width:872px; 
}
#inner_top_border { 
	margin:0 auto;
	width:862px; 
	height:1px;
	background-color:#49221A;
	}



#inner_left {
	float:left; 
	width:236px;
	height:172px;
	margin:0 0 0 3px;
	padding:3px 5px;	
	background-color:#EDE2D0;
	}
	html>body #inner_left {   
		width:226px;
		margin:0 0 0 5px;  }

#inner_left #text_area {
	font-size:12px;
	width:187px;
	text-align:left;
	margin:16px auto 0 auto;
	line-height:19px;
	
	}
	


#inner_right {
	float:left; 
	width:625px;
}		
	
#tab  {
	position:relative;
	width:862px;
	height:71px;
	margin:0 auto;
	}
	
	#tab #welcome  {
		position:absolute;
		top:12px;
		left:11px;
		font-size:10px;
		font-weight:bold;
	}		
	#tab #recipe_name  {
		position:absolute;
		top:4px;
		right:12px;
	}			
		
#header  {
	background: url(/en/recipes/lib/img/sitewide/header.gif) no-repeat;
	position:relative;
	width:893px;
	height:106px;
	margin:0 auto;
	z-index: 400; /* fix for share-it layer stacking */
}
	#header #logo  {
		position:absolute;
		top:18px;
		left:328px;
	}		
	
	#header #date  {
		position:absolute;
		top:6px;
		left:12px;
		font-size:9px;
		color:#666666;
	}		
	#header #signin  {
		position:absolute;
		top:4px;
		right:12px;
		font-size:9px;
		color:#666666;
	}
	#header #signin a {
		font-size:9px;
		color:#666666;
		text-decoration:none;
	}	


/* BEGIN share it items */

#share_it  {
	position:absolute;
	top:24px;
	right:10px;
}

#share_it a.share_it_btn {
	display: block;
	height: 22px;
	width: 106px;
	background: transparent url(/en/recipes/lib/img/share-it/hdr_btn_share_it.png) 0 0 no-repeat;
}
#share_it a.share_it_btn:hover, #share_it a.share_it_btn:focus {
	background-position: 0 -22px;
}
#share_it a.share_it_btn span { display: none; }
#share_it_list {
	background: transparent url(/en/recipes/lib/img/share-it/share-it-list-bg.png) 0px 0px no-repeat;
	margin-top: -22px;
	padding: 24px 0 0 0;

	position: absolute;
	top: auto;
	right: 0px;
	z-index: 500;
	width: 106px;
	height: 113px; /* also see ie6 height fix */
}
#share_it_list li { 
	background-image:none;
	display:block;
	float:none;
	height:auto; 
	margin-left: 0;
	text-align: left;
}
#share_it_list li a {
	color: #fff;
	display: block;
	float: none;
	height: 19px;
	padding: 2px 0px 0px 31px;
	margin: 0px 1px;

	font-family: Arial, helvetica, sans serif;
	font-size: 11px;
line-height: 17px;
	text-decoration: none;

}

#share_it_list li a:visited { color:#fff; }
#share_it_list li a:hover { text-decoration:none; color:#630; background-color: #EDE2D0 !important; }
#share_it_list li.fac a { background:url(/en/recipes/lib/img/share-it/share-icons-sprite.gif) 7px 2px no-repeat; padding-top:1px; }
#share_it_list li.del a { background:url(/en/recipes/lib/img/share-it/share-icons-sprite.gif) 7px -61px no-repeat; padding-top:1px; }
#share_it_list li.mys a { background:url(/en/recipes/lib/img/share-it/share-icons-sprite.gif) 7px -19px no-repeat; padding-top:1px; }
#share_it_list li.twi a { background:url(/en/recipes/lib/img/share-it/share-icons-sprite.gif) 7px -41px no-repeat; padding-top:1px; }
#share_it_list li.eml a { background:url(/en/recipes/lib/img/share-it/share-icons-sprite.gif) 7px -81px no-repeat; padding-top:1px; }

.noshow { display: none; }
.showup { display: block; }

/* END share it items */



#left_col {
	float:left;
	width:185px;
	padding:0 0 20px 0;
}
#content_main {
	float:left;
	width:667px;
	text-align:left;
	padding:0 0 15px 0;
}

#intro_copy {
	padding:0 0 15px 8px;
	font-size:12px;
}

/* Recipe Search on Homepage */
#search {
	text-align:left;
	margin:13px 0 0 16px;
	padding: 25px 0px 35px 0px;
	}
#search input { margin:7px 0 6px 0; height:19px; width:156px; padding:0; font-size:12px; border:1px solid #3E211D; }

/* Recipe Search for Inner Pages */
#search_inner {
	text-align:left;
	border:1px solid #EAE4D3;
	padding:3px 2px 9px 9px;
	margin:0 auto 13px auto;
	width:156px;
	font-size:12px;
	vertical-align:top;
	}
	html>body #search_inner {   
		width:143px;
}
	
#search_inner .floatl { float:left; margin:0px; }
#search_inner .floatr { float:right; padding:7px 4px 0 0; }

#search_inner input { margin:7px 1px 6px 0; height:19px; width:105px; padding:0; font-size:12px; border:1px solid #3E211D; }	



/* Share on Homepage */
#share { border-top:3px solid #ffffff; height:170px; padding-left:15px; text-align:left; width:96%; }
#share h3 { background: url(../img/home/title-share-callout.gif) no-repeat; height:49px; margin:15px 0px 0px -7px; width:204px; }
#share img { margin:0px 14px 8px 0px; }
#share .last { margin-right:0px; }
#share p { padding-right: 8px; }	

.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 2px 6px;
}
#search_suggest {
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #000000;	
	z-index:999;			
}

#hersheysbranding_halo { margin:0 auto 20px auto; }


/* === SITEWIDE Left Nav elements === */	

/*#nav_tools_tips {
	margin:0 0 15px 0;
	text-align:left;
	padding:10px;
	}*/
	
#nav_tools_tips { 
	 width:156px;
	 border:1px solid #EAE4D3;
	 padding:10px 0 0 0;
	 margin:0 auto;
	 text-align:left; font-size:12px;
}
html>body #nav_tools_tips {   
	 width:154px;
	 padding:0;  }
		 
#nav_tools_tips li { 
	 list-style-type:square;
	 margin:0 0 6px -14px;
}		 
#nav_tools_tips a { 
	 text-decoration:none;
	 color:#663300;
}
#nav_tools_tips a:hover { 
	 text-decoration:underline;
}	
#nav_tools_tips h1 { 
	 font-size:12px;
	 margin:0 0 -12px 10px;
	 padding:0;
	}
	html>body #nav_tools_tips h1 {   
		margin:10px 0 -8px 10px;
}




/* === Footer === */	

#footer {
	text-align:center;
	width:800px;
	margin:20px auto 5px auto;
	color:#928c81;
	}
#footer a { color:#928c81; text-decoration:none; }
#footer a:hover { color:#57534c; }

#footer_inside {
	color:#928c81;
	}
#footer_inside a { text-decoration:underline; color:#928c81; }
#footer_inside a:hover { color:#57534c; }

#footer_sub {
	text-align:center;
	margin:0 auto;
	padding:0 0 70px 0;
	color:#928c81;
	font:normal 9px verdana,arial,tahoma,sans-serif !important;
	}
#footer_sub a { color:#928c81; }
#footer_sub a:hover { color:#57534c; }
.privacy { font-size:12px; font-weight:bold; }

.hr_footer {
	width:603px;
	margin:0 auto;
}