/* --------------------------------------------- */
/* CSS DOCUMENT */

	html {
		background: #bc282e url(../images/bg.png) no-repeat center;
		}
	
	html, body{
		padding: 0; 
		margin: 0;
		color: white;
		height: 100%;
		min-width: 980px;
		font-family: 'MgOpen Modata', VAGRounded-Bold, Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 14px;
		-webkit-text-stroke:1px transparent;
		}
	
	#page {
		height: 100%;
		}
		
	body > #page {height: auto; min-height: 100%;}
		
	#layout {
		position: relative;
		width: 700px;
		top:0px;
		margin-right: 20px;
		float: right;
		}
		
	@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}
 
 
 
/* --------------------------------------------- */
/* GENERAL TYPOGRAPHY */

	p, h3{  /* Body Text */
		color: white;
		line-height: 15px;
		}
	
	h1 {  /* Main Heading */
		color: transparent;
		text-transform: capitalize;
		}
		
	h2 {
		text-transform: uppercase;
		margin-bottom: 20px;
		}
		
	h3{	margin-bottom: 0px !important;}
		
		
	
		
		
		
/* --------------------------------------------- */
/* HEADER */

	#logo {
		position: absolute;
		width: 100%;
		height: 135px;
		left: 0;
		top: 360px;
		overflow: none;
		}
		
	#logo img {
		width: 100%;
		max-width: 300px;
		min-width: 160px;
		height: auto;
		max-height: 135px;
		margin-left: 40px;
		}
		
			
	#logo h1, #logo h2 {display:none;}
		
		
		
		
/* --------------------------------------------- */
/* NAVIGATION */		

	#nav {
		height: 120px;
		margin: 40px 0;
		}

	#nav li {
		display: block;
		width: 120px;
		margin-right: 20px;
		float: left;
		border-top: 3px solid white;
		}
		
	#nav li ul {
		margin-top: 0px;
		border-top: 3px solid white;
		display: none;
		}
	
	#nav li ul li {
		border: none;
		margin-right: 0;
		float: none;
		}
		
	#nav li:hover ul {display: block;}
	
	#nav li a {color: white; display: block; margin: 0; padding: 6px 0 3px 0; text-decoration: none;}
	#nav li ul li a {padding: 6px 0 0 0; margin-bottom: -4px;}
	#nav li a:hover {color: #48182c;}

	#Foodandwine .navFoodandwine ul {display: block;}
	#Film .navFilm ul {display: block;}
	#Horsdoeuvre .navHorsdoeuvre ul {display: block;}
	#About .navAbout ul {display: block;}
	#Buytickets .navBuytickets ul {display: block;}


/* --------------------------------------------- */
/* CONTENT */
	
	#content {
		width:680px;
		padding-bottom: 180px;
		}
		
	#contentMain {
		width: 470px;
		float: left;
		border-top: 3px solid white;
		padding-top: 6px; 
		}

	#contentSide {
		width: 120px;
		float: right;
		}
		
	#contentSide p.block {border-top: 3px solid white; padding-top: 6px; margin-bottom: 20px;}
	
	#contentSide a {color:white}
	#contentSide a:hover {color: #48182c}
		
	.panel {display: none}
	#panel-1 {display: block}

	#contentMain p {margin-bottom: 10px;}
	
	#contentMain ol {list-style: decimal inside;}
	#contentMain ul {list-style: disc; margin: 6px 0 12px 20px;}
	
	#contentMain img {margin-bottom: 25px;}

	#contentMain .contentHighlights {width: 330px; float: left;}
	#contentMain .contentFeatured {width: 120px; float: right;}
	.contentHighlights, .contentFeatured {border-top: 3px solid white; padding-top: 6px;}
	.contentHighlights h2, .contentFeatured h2 {border-bottom: 3px solid white; padding-bottom: 3px; margin-bottom: 6px; text-transform: uppercase;}
	.contentFeatured p {font-size: 12px; line-height: 14px;}

	.highlight {color: #48182c}


/* --------------------------------------------- */
/* FOOD & WINE */

.producerRegion {border-top: 3px solid white; padding: 6px 0 0 0; margin-top: 20px;}

.producerItem {border-top: 3px solid white; padding: 6px 0 0 0; margin: 20px 0 0 0;}
.producerItem h3, .producerItem h4, .producerItem p {padding-left: 140px;}
.producerItem h4 {margin-bottom: 10px !important;}
.producerItem img {margin-top: 10px;}
.producerItem .logo {width: 120px; float: left; padding: 0;}
.producerItem .logo img {margin: 0; padding: 0;}
div.more {display: none;}
a.readmore {margin-bottom: 0;}
a.readmore:hover {color:#48182c; cursor: pointer}




/* --------------------------------------------- */
/* PROGRAM */

.programItem {border-top: 3px solid white; padding: 6px 0 0 0; margin: 20px 0 0 0;}
.programItem h4, .programItem h5, .programItem p, .programItem img {padding-left: 140px;}
.programItem h4, .programItem img {margin-bottom: 10px !important;}
.programItem img {margin-top: 10px;}
.programItem h3 {width: 120px; float: left; padding: 0;}
div.more {display: none;}
a.readmore {margin-bottom: 0;}
a.readmore:hover {color:#48182c; cursor: pointer}



/* --------------------------------------------- */
/* TICKETS */

.ticketPrice {
	display: block;
	border-top: 1px solid white;
	padding-top: 6px;
	margin: 16px 0;
	}
	
.ticketPrice .price {float: right;}
.ticketPrice p {font-size: 12px; line-height: 110%;}




/* --------------------------------------------- */
/* MAIL LIST */
	
	.maillist {border: none; margin: 5px 0 0 0; display: block; }
	.maillist .field {height: 17px; width: 84px; border: none; padding: 3px 5px 3px 5px; margin-right: -2px; background: #cd5e62; color: #bc282e; font-family: 'MgOpen Modata'; font-weight: bold; font-size: 12px; line-height: 23px; float:left;}
	.maillist .field:focus {background: #de9497;}
	
	.maillist .submit {
		height: 23px; 
		width: 20px; 
		border: none; 
		margin: 0; 
		background-image: url(../images/submit.png);
		background-position: center 0px;
		color: transparent;
		text-indent: -1000px; 
		cursor: pointer; 
		overflow:hidden; 
		float:right
		}
	.maillist .submit:hover {background-position: center -25px;}
	.maillist .submit:active {background-position: center -50px;}
	
	.maillist label {display: none;}




/* --------------------------------------------- */
/* FOOTER */

	#footer {
		position: relative;
		width: 700px;
		height: 120px;
		margin: -120px 20px 0 0;
		clear:both;
		float: right;
		}
		
	#majorSponsors {
		width: 680px;
		float: left;
		border-top: 3px solid white; padding-top: 6px;
		}
	
	.majorsponsor {margin-right: 18px;}
	.last {margin-right: 0px;}
	
	#footer a {color:white}
	#footer a:hover {color: #48182c}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

	



/* --------------------------------------------- */
/* MISC */
	
	a {cursor: pointer; text-decoration: none; color: #48182c;}
	a:hover {color: black;}

	img {border:0;}
	
	strong {text-transform: uppercase; font-weight: bold;}
	
	small {font-size: 12px; line-height: 110%;}
	
	#nav li a.select {color: #48182c}
	#nav li a.deselect {color: white}
	#nav li a.deselect:hover {color: #48182c}
	
	.line {border-top: 3px solid white; padding-top: 6px; margin-top: 24px;}
	.thinline {border-top: 1px solid white; padding-top: 6px; margin-top: 24px;}
	
	.fringe {margin-top: 40px;}
	
/* --------------------------------------------- */
/* SELF CLEAR FLOATS */

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}








/*	    _________
	   |  _____  |
	   | |     | |
	   | |     | |
	   | |___  | |
	   |_____|/__|  	*/