/*
	National Foods Best of the Best Pizza & Pasta Challenge
	HTML & CSS by: Christian Fagan @ Visual Jazz
	Born: 21-01-10
*/

/* reset CSS */
* 			{margin:0; padding:0;}
body		{font-size:62.5%;} /* 16px default font size reduced to exactly 10px */
dl dt		{font-weight:bold;}
fieldset	{border:none;}
address		{font-style:normal;}
table		{border-collapse:collapse;}
th			{font-weight:bold;}
th,td		{padding: 0;}
textarea,
input {font-family:arial, verdana,serif, helvetica;}


/* setting styles for generic elements */
body {font-family:Georgia,"Times New Roman",Times,serif,arial,serif,verdana;background:#a14304 url('img/floorboard-bg.jpg') repeat-y 50% 0;padding-bottom:120px;}

h2,h3,h4,h5,h6,p,dl,ul,ol,.block,pre,blockquote,fieldset {margin-bottom:1em}
.block {line-height:1.4}
h1	{font-size:210%; margin-bottom:.5em}
h2	{font-size:160%; font-family:Georgia, "Times New Roman", Times, serif}
h3	{font-size:140%;}
h4	{font-size:120%;}
h5	{font-size:110%;}
h6	{font-size:100%;}
ul,ol,dl {margin-left:15px;}

/* generic link behaviour */
a:link 		{color:#9d192f; text-decoration:none;}
a:visited 	{color:#666; text-decoration:none;}
a:hover 	{color:#e7183a;}
a:active 	{color:#333; text-decoration:none;} 

/*cfix*/
.cfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.cfix{display:inline-block;}
* html .cfix{height:1%;}
.cfix{display:block;}

/* helpful/generic classes for doing stuff */
.hidden 					{position:absolute; left:-9999px;}
.invisibile 				{visibility:hidden}
.half 						{float:left; width:48.5%; display:inline; margin-right:25px;}
.float-right, .float-left	{display:inline;margin-bottom:20px;}
.float-right 				{float:right; margin-left:25px;}
.float-left 				{float:left;margin-right:30px;}
.uppercase					{text-transform:uppercase}
.last 						{margin-right:0!important}
.no-bottom-border			{border-bottom:none!important}

/* content */
.container 		{width:960px; margin:0 auto; position:relative;}
.header 		{position:absolute; left:0; top:0; z-index:100; width:960px; height:75px; background:url('img/header-bg.png') no-repeat 50% 0}
*html .header 	{height:78px; background-image:url('img/header-bg.gif');}
#content		{background: url('img/stage-bg.gif') repeat-y 50% 0; color:#000; overflow:hidden; zoom:1; padding-top:60px; padding-bottom:1px;}
.content-inner 	{padding:30px 30px 1px;  color:#212121; font-size:130%; overflow:hidden; zoom:1; margin-bottom:25px;}
.container .footer			{background:url('img/footer-bg.gif') no-repeat 0 0; height:168px; padding:0 30px; position:relative;}
*html .container .footer	{background-position:1px 0;} /* IE6 */
*+html .container .footer	{background-position:1px 0;} /* IE7 */

.header .logo	{display:block; width:345px; height:64px; background:url('img/logo.gif') no-repeat 0 0; text-indent:-9999px; margin-left:40px; overflow:hidden;}
#nav			{list-style:none; margin:0; position:absolute; right:20px; bottom:14px;}
#nav li			{float:left;margin:0 8px 0 0; position:relative; zoom:1}
#nav li a		{display:block; background:url('img/nav-sprite.gif') no-repeat 0 0; text-indent:-9999px; height:23px; overflow:hidden;}
	#nav li.nav-home a 				{background-position:0 0;width:46px;}
	#nav li.nav-outline a 			{background-position:-46px 0;width:61px;}
	#nav li.nav-dates a 			{background-position:-107px 0;width:46px;}
	#nav li.nav-register a 			{background-position:-152px 0;width:66px;}
	#nav li.nav-gallery a 			{background-position:-218px 0;width:59px;}
	#nav li.nav-faq a 				{background-position:-277px 0;width:47px;}
	#nav li.nav-contact a 			{background-position:-324px 0;width:63px;}
	
#nav li.nav-home a:hover,
#nav li.nav-home a.active 		{background-position:0 -23px}
#nav li.nav-outline a:hover,
#nav li.nav-outline a.active	{background-position:-46px -23px}
#nav li.nav-dates a:hover,
#nav li.nav-dates a.active		{background-position:-107px -23px}
#nav li.nav-register a:hover,
#nav li.nav-register a.active	{background-position:-152px -23px}
#nav li.nav-gallery a:hover,
#nav li.nav-gallery a.active	{background-position:-218px -23px}
#nav li.nav-faq a:hover,
#nav li.nav-faq a.active		{background-position:-277px -23px}
#nav li.nav-contact a:hover,
#nav li.nav-contact a.active	{background-position:-324px -23px}

#nav li.trigger ul 	{list-style:none; margin-left:0; margin-bottom:0; position:absolute; left:-9999px; top:23px; border-bottom:5px solid #700;zoom:1;}
	*html #nav li.trigger ul {width:17.7em;} /* IE6 */
#nav li.trigger:hover ul {left:-7px;zoom:1;}
#nav li.trigger ul.active {left:-7px;zoom:1;}
#nav li.trigger ul li 	{display:block; clear:both;zoom:1; width:auto; float:none;  margin:0;}
#nav li.trigger ul li a {background-image:none;zoom:1; text-indent:0; font-size:120%; padding:8px 10px 8px 10px; width:13em; margin:0;height:auto; float:none; background-color:#9a192e; color:#fff; font-family:Georgia, "Times New Roman", Times, serif;border-bottom:1px solid #700; border-top:1px solid #a00;}
#nav li.trigger ul li a:hover {background-color:#8e1528; color:#ffde00;}

#content .hero	{margin-bottom:1em}
/* home page */
.pizza-entry h2, .pasta-entry h2 {margin-bottom:5px;}

.content-links	{list-style:none; font-size:120%; margin:0}
.content-links li {margin-bottom:15px; font-family:Georgia, "Times New Roman", Times, serif;}

.sidebar 				{float:left; display:inline; width:250px; margin-right:20px; margin-bottom:1em;}
.sidebar ul				{list-style:none; margin:0;}
.sidebar ul li 			{margin-bottom:10px;}
.sidebar ul li a		{display:block; border:none;}
.sidebar ul li a img 	{border:none; display:block;}

.main-panel				{float:left;width:630px; margin-bottom:1em;}
.panel-header			{margin-bottom:20px}
.panel-header h1		{float:left; display:inline; margin:-10px 15px 10px 0;}
	*html .panel-header h1 {margin-top: 0;} /* IE6 */
.panel-header a			{float:right; font-size:90%;}
.panel-header p			{font-size:100%; clear:both;}
.panel-content			{clear:both;}
.panel-content ul		{font-size:120%;}
.panel-content li		{margin-bottom:5px;}

.prizes					{clear:both;}
.prizes-top-border		{background:#fff url('img/prizes-top-border.gif') no-repeat 50% 0; height:9px;margin:0; font-size:0;}
.prizes-content			{background:#fff url('img/prizes-content-bg.gif') repeat-y 50% 0; padding:3px 15px;overflow:hidden; zoom:1; color:#fff;}
.prizes-bottom-border	{background:#fff url('img/prizes-bottom-border.gif') no-repeat 50% 0; height:9px;margin:0; font-size:0;}
.prizes-content img		{margin-right:5px; margin-bottom:0;}
.prizes-content h2 		{float:left; margin-right:33px;}
.winners-panel			{float:left; width:200px; margin-right:40px; font-size:110%; padding-top:1px; font-family:Georgia, "Times New Roman", Times, serif}
.winners-panel h3		{margin-bottom:0;}
.winners-panel p		{margin-bottom:0;}
.winners-panel p em		{font-size:80%;}

/* FAQ */
.body-faq .content-inner dl 	{margin:0;}
.body-faq .content-inner dl dt,
.body-faq .content-inner dl dd	{padding:5px 10px 5px 35px; margin-bottom:5px; background:#fff url('img/site-sprite.gif') no-repeat 0 0; color:#000;}
.body-faq .content-inner dl dt	{background-position:-286px 4px; cursor:pointer}
.body-faq .content-inner dl dd	{background-position:-262px -22px;}


/* Register page */
.body-register .intro-block			{padding:5px 0; margin-bottom:30px;}
	*html .body-register .intro-block	{margin-bottom:30px}
.body-register .intro-block li		{margin-bottom:4px;}
.body-register .block 				{border-bottom:3px dotted #ddd;}
	*html .body-register .block		{border-bottom:1px solid #ddd;}
.body-register fieldset				{position:relative;}
.body-register .business-details ol	{padding-top:20px;}
	*html .body-register .business-details ol	{padding-top:5px;} /* IE6 */
.body-register .business-details .last label {text-align:right}
.body-register fieldset legend 		{display:block;}
	*html .body-register fieldset legend span	{top:-.5em;position:relative; left:-7px;} /* IE6 */
	*+html .body-register fieldset legend span	{top:-.5em;position:relative; left:-7px;} /* IE7 */
	*html .body-register fieldset.business-details legend span {left:0;}
	*+html .body-register fieldset.business-details legend span {left:0;}
.body-register fieldset p.required	{position:absolute; left:50%; top:-10px;}
	*html .body-register fieldset p.required	{top:0;} /* IE6 */
	*+html .body-register fieldset p.required	{top:0;} /* IE7 */
.body-register fieldset input 		{font-family:Georgia, "Times New Roman", Times, serif;}
.body-register fieldset ol 			{list-style:none; margin-left:0;}
.body-register fieldset ol li		{clear:both; overflow:hidden; zoom:1; padding:2px 0; margin-bottom:10px; margin-left:0;}
.body-register fieldset ol li label	{display:inline;float:left;width:35%;margin-right:10px;text-align:left;padding-top:8px!important;font-weight:bold;letter-spacing:-1px;}
	*html .body-register .drop-down-selects ol li label {padding-top:0!important} /* IE6 */
	*+html .body-register .drop-down-selects ol li label {padding-top:0!important} /* IE7 */
.body-register fieldset ol li input,
.body-register fieldset dl dd input{display:block;float:left;width:52%;padding:5px 7px;font-size:130%;color:#777;background:#fff url('img/input-shadow.jpg') no-repeat 0 0;border:1px solid #ccc; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.body-register fieldset dl 			{display:block; margin-left:0;}
.body-register fieldset dl.category dt	{margin-bottom:15px;}

.competitors				{width:346px;margin:-70px 0 20px auto;margin-left:auto!important;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0; overflow:hidden;zoom:1;}
	*html .competitors		{width:340px} /* IE6 */
.competitors dt				{float:left;width:60%; margin-right:10px; display:inline;}
.competitors dd				{float:left; width:17%; margin-right:5px; display:inline;}
.competitors dd input		{border:none!important}
.entrant-basic-info			{clear:both; overflow:hidden; zoom:1; border-bottom:1px solid #ccc; padding:10px 0; margin-bottom:30px;}
.entrant-basic-info dl		{margin-bottom:5px;}
.entrant-basic-info dt		{float:left; width:30%; display:inline; margin-right:26px; padding-top:5px; margin-bottom:1px; clear:both;}
.entrant-basic-info dd		{clear:right;float:right; display:block; width:64%; margin-bottom:10px;}
.entrant-basic-info dd.side-by-side {float:left; width:30%; display:inline; margin-right:5px; margin-bottom:0; padding-top:7px;}
.entrant-basic-info dd.side-by-side input 	{width:auto!important;float:left!important}
.entrant-basic-info dd.side-by-side label	{float:left;margin-right:8px; margin-top:-2px; font-weight:bold;}
.body-register fieldset .entrant-basic-info dd input {width:93%; font-size:115%;}
.body-register fieldset .entrant-basic-info dd.one-category-only {padding-left:28%; clear:both;zoom:1; position:relative;}
.body-register fieldset .entrant-basic-info dd.one-category-only em {text-transform:uppercase; text-decoration:underline; font-style:normal;}

.body-register fieldset dl.competitors dd input,
.entrant-basic-info dd.side-by-side input		{padding:0;width:auto; background-color:transparent; border:none}
.body-register fieldset dl.competitors dd input	{margin-top:3px; margin-right:5px;}

.reg-pizza-entry			{overflow:hidden;}
.reg-pasta-entry			{overflow:hidden;}

.category					{padding-bottom:15px; border-bottom:1px solid #ccc; margin-bottom:30px;}
.category-option dl			{overflow:hidden; zoom:1;}
.category-option dd			{clear:both; overflow:hidden; zoom:1; margin-bottom:10px;}
.category-option dd label 	{float:left; width:34%; font-weight:bold; margin-right:10px; padding-top:6px;}
.category-option dd input 	{width:59%!important}
.ingredients ol li			{clear:both; overflow:hidden; zoom:1; margin-bottom:2px!important;}
.ingredients label 			{}
.ingredients li select 		{font-family:Georgia, "Times New Roman", Times, serif; background-color:#fff; color:#777; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #ccc;background:#fff url('img/input-shadow.jpg') no-repeat 0 0; padding:5px; width:50%;}
.menu-attachments li		{margin-bottom:2px!important;}
.body-register fieldset.menu-attachments ol li label {padding-top:3px!important;}
.menu-attachments input		{font-size:100%!important;width:62%!important;}

.register-submit 			{clear:both; padding-bottom:20px; margin-bottom:0;}
.register-submit legend span{position:absolute; left:-9999px!important;}
.register-submit ol li		{width:50%!important;margin:0!important;float:left; clear:none!important}
.register-submit .terms-conditions {}
.register-submit .terms-conditions label {width:auto!important; float:right; font-weight:normal; letter-spacing:0; padding-top:15px;}
.register-submit .terms-conditions input {width:auto!important; margin-right:4px; padding:0!important; background-color:transparent!important; border:none!important; margin-top:3px;}
	*html .register-submit .terms-conditions input {margin-top:0;} /* IE6 */
	*+html .register-submit .terms-conditions input {margin-top:0;} /* IE7 */

.error-summary 		{background:#fff url('img/site-sprite.gif') no-repeat 10px -210px; margin:0 0 2em; color:#d00; padding:10px 10px 10px 90px; border:2px solid #d00;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.error-summary dt	{font-weight:bold; margin-bottom:3px;}
.error-summary dd	{display:block; margin:2px;}
.error label		{background-color:#fff; color:#d00!important;}
.error input		{border:1px solid #d00!important; background-color:#fff; color:#d00!important}
.error select 		{border:1px solid #d00!important; background-color:#fff; color:#d00!important}

/* footer area */
.sponsors 			{margin-left:0; margin-bottom:0; overflow:hidden; zoom:1; margin-bottom:5px;}
.sponsors li		{float:left; display:inline; margin:0 23px 0 0;}
.sponsors li a,
.sponsors li a img 	{border:none}
.extra-links		{position:absolute; bottom:10px;width:100%;font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:0;}
.links 				{float:left; width:50%; display:inline; margin:0 100px 0 0!important; list-style:none;}
.links li 			{float:left; display:inline; margin-right:15px;}
.links li a			{font-size:100%;}
.copyright			{float:left;}
.copyright a,
.links li a,
.copyright			{background-color:#99182e; color:#fff; margin-bottom:0;}

.h-sponsors,.h-best-of-the-best-pasta,.h-best-of-the-best-pizza, .h-pasta-challenge-outline, .h-the-prizes,.h-pizza-challenge-outline,.h-faq,
.h-pizza-challenge, .h-pasta-challenge
{text-indent:-9999px;}

.h-sponsors,.h-faq 			{border-bottom:1px solid #ccc; overflow:visible; position:relative;zoom:1;}
.h-sponsors					{height:24px;}
.h-sponsors span			{background:#fff url('img/h-sponsors.gif') no-repeat 0 0;width:145px;height:29px; display:block; position:absolute; left:0; top:0;}
.h-faq abbr					{background:#fff url('img/h-faq.gif') no-repeat 0 0;width:85px;height:33px; display:block; margin-bottom:-5px; border-bottom:none;}
.h-best-of-the-best-pasta 	{background:#fff url('img/h-best-of-the-best-pasta.gif') no-repeat 0 0; width:395px; height:59px;}
.h-best-of-the-best-pizza 	{background:#fff url('img/h-best-of-the-best-pizza.gif') no-repeat 0 0; width:328px; height:59px;}
.h-pasta-challenge-outline	{background:#fff url('img/h-pasta-challenge-outline.gif') no-repeat 0 0;width:361px; height:37px;}
.h-the-prizes				{background:url('img/h-the-prizes.gif') no-repeat 0 0; width:143px; height:26px;}
.h-pizza-challenge-outline	{background:#fff url('img/h-pizza-challenge-outline.gif') no-repeat 0 0;width:353px; height:34px;}
.h-pizza-challenge			{background:#fff url('img/h-pizza-challenge.gif') no-repeat 0 0;width:283px; height:62px; margin-bottom:5px;}
.h-pasta-challenge			{background:#fff url('img/h-pasta-challenge.gif') no-repeat 0 0;width:297px; height:62px; margin-bottom:5px;}

.h-categories, .h-traditional-category, .h-category, .h-pasta, .h-gourmet-category, .h-ingredients,
.h-registration span, .h-business-details span, .h-menu-attachments, .h-pizza-entry, .h-pasta-entry, .h-recipe-attachments
{background: url('img/register-headings-sprite.gif') no-repeat 0 0; text-indent:-9999px; height:30px; display:block;}

.h-categories				{background-position:0 0; width:200px;}
.h-traditional-category		{background-position:0 -39px;}
.h-category					{background-position:0 -76px;}
.h-pasta					{background-position:0 -114px; height:20px}
.h-gourmet-category			{background-position:0 -151px;}
.h-ingredients				{background-position:0 -189px; width:250px;}
.h-menu-attachments			{background-position:0 -302px; width:300px;}
.h-pasta-entry				{background-position:0 -348px; height:121px; width:280px;}
.h-pizza-entry				{background-position:0 -555px; height:121px; width:280px;}
.h-recipe-attachments       {background-position:0 -718px; width:200px;}

.h-registration				{border-bottom:1px solid #ccc;}
.h-business-details			{width:870px; height:18px; display:block;}
.h-registration span		{background-position:0 -227px; width:200px; margin-bottom:-10px;height:34px; background-color:#fff;}
.h-business-details span	{background-position:0 -263px; width:185px; margin-bottom:-10px; height:27px;}

.b-enter-now, .b-register-here, .b-register
{text-indent:-9999px; display:block; background:#fff url('img/site-sprite.gif') no-repeat 0 0!important; font-size:0; line-height:0}
.b-enter-now		{background-position:0 0;width:188px; height:53px;}
.b-register-here	{background-position:0 -59px!important; width:246px; height:53px;}
.b-register			{background-position:0 -118px!important; width:187px!important; height:54px!important; padding:0!important; border:none!important;}


















