/* 	-------------------------------------------------------------- 

	westernstarbutter.com.au Custom CSS
		-> Extends Blueprint CSS base templates
		-> Add all custom CSS here to avoid issues when upgrading base template files
	
	Standard Colours:
		Red		#DB002E
		Blue	#004C99

	-------------------------------------------------------------- */

/* 	-------------------------------------------------------------- 
		Content Styles
	-------------------------------------------------------------- */

	body					{ margin: 0; }

	.container				{ background: transparent url(/img/common/logo_main.gif) no-repeat scroll 0 18px; }
	#header					{ background: transparent url(/img/common/header_main.jpg) no-repeat scroll top right; height: 144px; }
	.h-overlay				{ margin: 20px 50px 0 0; float: right; }

	h1,h2,h3,h4,h5,h6		{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; color: #004C99; }

	h1						{ font-size: 2em; line-height: 1.5; margin-bottom: 0.75em; }
	h2						{ font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
	h3						{ font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
	h4						{ font-size: 1em; font-weight: bold; margin-bottom: 1.7em; line-height: 1.55; }

	p, li					{ color: #222; }
	p.reclist				{ width: 230px; float: left; text-align: center; margin-right: 10px; }
	body#recipe h3			{ font-weight: bold; }
	.span-10 li				{ list-style: none outside url(/img/common/icon_star_red.gif); }
	
	.menu h1				{ color: #DB002E; font-size: 1.5em; line-height: 1.7; margin-bottom: 1em; margin-top: 5px; text-align: right; margin-right: 30px; }
	.menu img				{ margin: 0 0 18px 0; }

	.bprint					{ float: right; margin-right: 20px; width: 50px; }
	.bprint p				{ font-size: .8em; }
	.bprint img				{ padding: 0 5px 0 0; float: left; }
	.bprint a:hover			{ text-decoration: none; }

/* 	-------------------------------------------------------------- 
		Navigation / Link Styles
	-------------------------------------------------------------- */

	a						{ color: #004C99; text-decoration: none; outline: none; }
	a:hover					{ color: #DB002E; text-decoration: underline; }

	ul.nav 					{ margin: 0 0 0 15px; position: relative; float: left; padding: 0; }
	ul.nav li				{ margin: 102px 5px 0 0; float: left; list-style: none; font-size: 14px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 300; }
	ul.nav li a				{ color: #fff; text-decoration: none; padding-top: 3px; outline: none; z-index: 10; float: left; height: 25px; position: relative; overflow: hidden; margin: 0 16px; }
	ul.nav li.back 			{ background: url("/img/common/nav-hl.gif") no-repeat right -25px; height: 25px; z-index: 8; position: absolute; }
	ul.nav li.back .left	{ background: url("/img/common/nav-hl.gif") no-repeat top left; height: 25px; margin-right: 12px; /* 12px is the width of the rounded shape */ }
	ul.nav li a:hover,
	ul.nav li a:active,
	ul.nav li a:visited 	{ border: none; color: #fff; text-decoration: none; }

	.menu ul				{ margin: 90px 38px 0 0; }
	.menu ul li				{ list-style-type: none; margin: 0 0 0 0; text-align: right; }
	.menu ul li a.current	{ font-weight: bold; }

	#footer ul				{ float: right; margin-top: 36px; }
	#footer ul li			{ float: left; list-style-type: none; margin-left: 10px; font-family: Helvetica, Arial, sans-serif; font-weight: 300; }
	#footer ul li a			{ color: #999; text-decoration: none; }
	#footer ul li a:hover	{ color: #004C99; }
	#footer ul li a.sel		{ color: #DB002E; font-weight: bold; }

/* 	-------------------------------------------------------------- 
		Form Styles
	-------------------------------------------------------------- */

	div.form-container form p.note { margin-left: 100px; font-size: 90%; color: #333; }
	div.form-container form fieldset { border: #cbcbcb 1px solid; }
	div.form-container form legend {  color: #0B4875; }
	div.form-container form div { padding: 0.25em; }
	div.form-container form fieldset div { padding: 0.25em; }
	div.form-container label, 
	div.form-container span.label { color: #666; margin-right: 10px; padding-right: 10px; width: 80px; display: block; float: left; text-align: right; position: relative; font-weight: normal; padding-top: 2px; }
	div.form-container label.error, 
	div.form-container span.error { color: #C00; }
	div.form-container label em, 
	div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
	div.form-container input.error { border-color: #C00; background-color: #FEF; }
	div.form-container input:focus,
	div.form-container input.error:focus, 
	div.form-container textarea:focus {	background-color: #f1f1f1; border-color: #999; outline: none; }
	div.form-container div.controlset label, 
	div.form-container div.controlset input { display: inline; float: none; }
	div.form-container div.controlset div { margin-left: 100px; }
	div.form-container div.buttonrow { margin-left: 110px; }
	div.form-container .il div { float: left; }
	div.form-container .il div label { width: 50px; margin: 0; }
	textarea.inp,
	input.inp { font: normal normal normal 11px/14px Arial, Verdana, sans-serif; padding: 2px; color: #191919; border: 1px solid #CCC; }

	.editrow img { margin: 2px 5px 0 0; }
	.altrow { background-color: #ebebeb; }

/* 	-------------------------------------------------------------- 
		Administration Styles
	-------------------------------------------------------------- */

	ul#admin-menu 			{ margin: 72px 0 0 10px; }
	ul#admin-menu li		{ list-style-type: none; }
	ul#admin-menu li a.on	{ font-weight: bold; }
	
	body#admin h1			{ color: #333; font-weight: normal; margin-top: 18px; }
	body#admin li			{ list-style: none inside url(); }
	body#admin .container	{ background-image: none; }