/*--- 
Drive New Media
CSS Template

---*/

/* Colors: 
		blue: 			#00AFDB;
		tan: 			#EDEDED;
*/

/* =Reset Styles / Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
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;
}

body {
/* Consistently resizes text and line-height across all browsers */
    font-size: 62.5%; 
	line-height:1.25em; 
	text-align:center;
	background: #F18D20;
	color: #333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
	font-style: italic;
	vertical-align: top;
}
cite { font-style: normal; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr { border: none; border-bottom: 2px #00AFDB solid; }
a { color: #00AFDB; text-decoration: none; }
p { padding-bottom: 10px; }


/* -------------------------- HEADERS ------------------------------------ */

h1,h2,h3,h4,h5,h6 { color: #000; font-weight: bold; }

h1 { font-size:1.5em; line-height: 1.2em; }
h2 {font-size:1.2em; color: #00AFDB;/*blue*/ }
h3 {font-size:1.1em; color: #00AFDB;/*blue*/ }
h4 {font-size: 0.9em; color: #00AFDB; font-style:italic; }


/* ------------------------- LAYOUT SECTIONS ------------------------------ */


#drDre { width: 850px; margin: 0 auto; background: url(../images/g_background.gif) repeat-y; text-align: left; font-size: 1.2em; line-height: 1.4em; }
#keepThingsInTheCenter { margin: 0 auto; margin-left: 35px; }
#header { width: 780px; float: left; }

#mainNav { width: 780px; height: 42px; list-style:none; clear: both; background: url(../images/g_mainNav.gif) no-repeat; padding-left: 27px; }
#mainNav li { float: left; list-style:none; }
#mainNav li a { text-decoration: none; display:block; outline: none; height: 42px; text-indent:-9999px; background: url(../images/g_mainNav.gif) no-repeat; }

body#pageHome li#navHome a { background-position: 27px 42px; width: 140px;  }
body#pageHome li#navHome a:hover { background-position: 27px 42px; }
body#pageHome li#navChefs a { background-position: 166px 0; width: 132px; margin-left: -1px; z-index: 1; }
body#pageHome li#navChefs a:hover {	background-position: -166px -42px;  }
body#pageHome li#navJudges a { background-position: -288px 0; width: 149px; margin-left: -10px; z-index:2; }
body#pageHome li#navJudges a:hover { background-position: -288px -84px; }

body#pageChefs li#navHome a { background-position: -27px -126px; width: 140px; }
body#pageChefs li#navHome a:hover { background-position: -27px -168px; width: 140px; }
body#pageChefs li#navChefs a { background-position: -167px -126px; width: 152px; }
body#pageChefs li#navChefs a:hover { background-position: -167px -126px; }
body#pageChefs li#navJudges a { background-position: -288px -126px; width: 139px; margin-left: -31px; }
body#pageChefs li#navJudges a:hover { background-position: -288px -210px; width: 139px; }

body#pageJudges li#navHome a { background-position: -27px -252px; width: 140px; }
body#pageJudges li#navHome a:hover { background-position: -27px -336px; width: 140px; }
body#pageJudges li#navChefs a { background-position: -167px -252px; width: 152px; }
body#pageJudges li#navChefs a:hover { background-position: -167px -294px; }
body#pageJudges li#navJudges a { background-position: -288px -252px; width: 139px; margin-left: -31px; }
body#pageJudges li#navJudges a:hover { background-position: -288px -252px; width: 139px; }


#container { width: 780px; float: left; }
#container #content { width: 440px; float: left; margin-left: 14px; background: #fff url(../images/g_contentBottom.jpg) bottom center no-repeat; }
#container h1.chefs { width: 375px; padding-bottom: 10px; font-weight: normal; }
#container #content .contentPad { width: 400px; float: left; padding: 15px; }
#container .bioPhoto { float: left; margin-left: -10px; padding: 0 10px 10px 0; }
#container .anchorList { padding: 0 25px 5px 0; float: left; }
#container .anchorList li { list-style: url(../images/g_listStyle.gif) inside; }
#container .anchorList li a { color: #000; }
#container .anchorList li a:hover { color: #00AFDB; }
#container .backToTop { color: #444; float: right; margin-top: -5px; font-size: .8em; font-style: italic; font-weight: bold; }
#container a.rules { color: #444; float: right; margin-top: -5px; font-size: .8em; font-style: italic; font-weight: bold; }
#container a:hover.rules { color: #00AFDB; }
#container #sidebar { width: 300px; float: right; margin-right: 14px; }
#container #sidebar img { margin: 0 0 10px 0; }
#container #recipeSignUp { background: url(../images/g_recipeBG.gif) top left no-repeat; width: 316px; height: 271px; color: #fff; }
#container #recipeSignUp p.flickr { width: 160px; position: relative; top: 70px; left: 25px; }
#container #recipeSignUp p.cookBook { width: 160px; position: relative; top: 120px; left: 25px; }
#container #recipeSignUp p.flickr img, #container #recipeSignUp p.cookBook img { padding-top: 5px;}

#footer { clear: both; width: 780px; height: 27px; background: url(../images/g_footer.jpg) bottom left no-repeat; padding-top: 10px; }
#footer p { text-indent: -9999px; }
#footer img { margin-top: -27px; float: right; }

.txt_2009Virgin { background: url(../images/h_2009VigrinIslands.jpg) top left no-repeat; width: 327px; height: 38px; text-indent: -9999px; }
.txt_YourMC { background: url(../images/h_yourMCforEvent.gif) top left no-repeat; width: 330px; height: 19px; text-indent: -9999px; padding-bottom: 5px; }

.blue { color: #00AFDB; }
.black { color: #000; }
.bold { font-weight: bold; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }
.noBold { font-weight:normal; }
.padTop10 { padding-top: 10px; }
.smaller { font-size: .9em; }
a.bioLink { color: #000; }
a:hover.bioLink { color: #00AFDB; }