/*********************************************************************
STYLE RESET - removes browser defaults
**********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

/*********************************************************************
GENERAL STYLES - top level appearance for entire site,
these items don't change throughout site, also includes utility 
classes and sifr styles
**********************************************************************/

h1 
	{
	font: 50px Arial, Helvetica, sans-serif;
	}
	
h2 
	{
	font: 32px Georgia, "Times New Roman", Times, serif;
	}

h3 
	{
	font: 16px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	}

h4 
	{
	font: 25px Georgia, "Times New Roman", Times, serif;
	}

h5 
	{
	font: 17px Arial, Helvetica, sans-serif;
	color: #C7A651;
	text-transform: uppercase;
	}

h6 
	{
	font: 14px Arial, Helvetica, sans-serif;
	color: #C7A651;
	}

ul 	
	{
	margin: 0 0 0 20px;
	}

li 	
	{
	padding: 0 0 5px 0;
	}
	
p 	
	{
	padding: 0 0 15px 0;
	line-height: 1.8em;
	}

a 
	{
	
	}

a:hover 
	{
	cursor: pointer;
	}

/*********************************************************************
LAYOUT FRAMEWORK - main containers, structure that doesn't change
**********************************************************************/
body 
	{
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #4F2800;
	}
	
#container
	{
	margin: 0 auto;
	width: 958px;
	}

#contentWrap
	{
	width: 940px;
	padding: 0 9px 0 9px;
	}

#contentWrapDrill
	{
	width: 940px;
	padding: 9px 9px 0 9px;
	}

/*********************************************************************
HEADER
**********************************************************************/
#header
	{
	width: 449px;
	margin: 0 auto;
	padding: 43px 0 24px 0;
	}
	
/*********************************************************************
PRIMARY NAVIGATION
**********************************************************************/
#mainNav
	{
	margin: 0 auto;
	margin-bottom: 15px;
	width: 940px;
	border-top: 4px solid #4E2900;
	position: relative;
	height: 69px;
	}

#mainNav a.contest
	{
	float: left;
	}

#mainNav ul
	{
	margin: 0;
	padding: 0;
	float: right; 
	list-style-type: none;
	}

#mainNav ul li
	{
	float: left;
	margin: 0 0 0 5px; 
	padding: 0;
	}

/*********************************************************************
ENTRIES
**********************************************************************/
.entry
	{
	padding: 9px 8px 9px 8px;
	margin: 0 0 10px 0;
	width: 924px;
	}

.entry h2
	{
	margin: 0;
	padding: 0;
	width: 407px;
	position: relative;
	top: -25px;
	
	}

.last
	{
	margin: 0 0 0px 0;
	}

img.thumbDrink
	{
	border: 2px solid #4F2800;
	float: left;
	}

.details
	{
	width: 837px;
	float: left;
	border-top: 1px dotted #4F2800;
	border-bottom: 1px dotted #4F2800;
	margin: 0 0 0 9px;
	}

.drink
	{
	float: left;
	padding: 5px 0 0 0;
	width: 415px;
	}

.mixologist
	{
	float: left;
	padding: 10px 0 0 0;
	width: 280px;
	}

.mixologist table tr td
	{
	vertical-align: middle;
	}
	
.mixologist table tr td img
	{
	vertical-align: middle;
	}

img.thumbMixologist
	{
	border: 2px solid #4F2800;
	float: left;
	margin: 0 9px 0 0;
	}

.mixologist .name 
	{
	margin: 0 0 3px 0;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0;
	display: block;
	}

.mixologist .bar 
	{
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0;
	display: inline-block;
	}

.mixologist .location a 
	{
	font: 11px Arial, Helvetica, sans-serif;
	color: #4F2800; 
	}
	
.recipe
	{
	display: block;
	height: 300px;
	clear: both;
	border-bottom: 1px dotted #4F2800;
	font: 11px Arial, Helvetica, sans-serif;
	position: relative;
	}

.recipe p
	{
	line-height: 1.35em;
	}

.recipe .ingredients
	{
	padding: 22px 0 30px 20px;
	margin: 0 8px 0 0;
	width: 180px;
	float: left;
	}

.recipe .ingredients p
	{
	line-height: 1.75em;	
	}

.recipe .method
	{
	padding: 22px 0 30px 0;
	margin: 0 15px 0 0;
	width: 397px;
	float: left;
	}


/*********************************************************************
DRILL CONTENT
**********************************************************************/
#content
	{
	padding: 10px;
	}

#content .wrap
	{
	padding: 19px;
	position: relative;
	}

#content .leftCol
	{
	float: left;
	margin: 40px 0 0 0;
	width: 400px;
	position: relative;
	left: 10px;
	}

#content .rightCol
	{
	float: left;
	margin: 40px 0 0 0px;
	padding: 0;
	width: 400px;
	position: relative;
	left: 68px;
	}

#content .leftCol div
	{
	margin: 0 0 28px 20px;
	padding: 0 0 13px 0;
	width: 372px;
	border-bottom: 1px solid #C7A651;
	}

#content .rightCol div
	{
	margin: 0 0 20px 20px;
	padding: 0 0 13px 0;
	width: 372px;
	}

#content .rightCol div.narrow
	{
	width: 190px;
	}

#content .leftCol p
	{
	margin: 10px 0 0 0;
	font-size: 11px;
	padding: 0;
	}

#content .rightCol p
	{
	margin: 10px 0 0 0;
	font-size: 11px;
	padding: 0;
	}

#content h1
	{
	margin: 0;
	padding: 0;
	text-align: center;
	}

#content h3
	{
	margin: -40px 0 0 0;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	}

#content h4
	{
	padding: 0 0 5px 0;
	border-top: 1px dotted #4F2800;
	border-bottom: 1px dotted #4F2800;
	width: 400px;
	margin-bottom: 20px;
	}

#content blockquote
	{
	margin: 0 0 25px 0;
	padding: 0 10px 0 20px;
	}

/*********************************************************************
LEGAL FOOTER
**********************************************************************/
#legal
	{
	float: left;
	width: 950px;
	margin: 30px 0 70px 0;
	text-align: center;
	}

#legal ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#legal ul li
	{
	display: inline;
	margin: 0;
	padding: 0 8px 0 8px;
	}

#legal ul li a
	{
	font-size: 11px;
	color: #4F2800;
	text-decoration:  none;
	}

#legal ul li.divider
	{
	border-right: 1px dotted #4F2800; 
	}

/*********************************************************************
ENTRY FORM
**********************************************************************/
#mainNav #contestSteps
	{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 340px;
	height: 301px;
	padding: 72px 21px 0 21px; 
	float: left;
	}

#mainNav #contestSteps li
	{
	display: block;
	clear: left;
	padding: 0 0 3px 0;
	margin: 0 0 20px 0;
	width: 340px;
	border-bottom: 1px solid #C7A651;
	position: relative;
	}

#mainNav #contestSteps #step3
	{
	margin: 0 0 0 0;
	}

#mainNav #contestSteps #close
	{
	border-bottom: none;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	}

/*********************************************************************
REMOVED ELEMENTS
**********************************************************************/
#sort {display: none;}
#footerWrap {display: none;}
.share {display: none;}
.book {display: none;}
.vote {display: none;}
.recipe .print {display: none;}
.recipe .close {display: none;}
.recipe .direct {display: none;}
.drink a {display: none;}
#content .bttnShare {display: none;}
#content #mixologistBook {display: none;}
#content img.bottle {display: none;}
.indent {display: none;}
#content .rightCol div br {display: none;}
#mainNav #contestForms .buttons {display: none;}
#mainNav #contestForms {display: none;}
#mainNav #contestForms .form {display: none;}