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

globally set everything to 0 

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

*, td, img {    margin  : 0 0 0 0;   padding : 0 0 0 0;  }
img { border  : 0; }    
p {   margin  : 0 0 1em 0; }

.hide { display: none; }



body {    
    background-color  : #fff;
    padding-bottom    : 2em;
    font-size         : 80%;
    line-height       : 1.2em;
    font-family       : Trebuchet, verdana, arial, sans-serif;    
    color             : #000;
    }
    
/**------------

home page 

-----------------***/
img#hp-poll {  margin-top: 18px; margin-left: 30px;}

blockquote#hp_bq {
    color: #FFE808;
    font-size: 1.2em;
    float: left;
    width: 455px;
    height: 135px;
    overflow: hidden;
    margin: 20px 0 5px 45px;
    font-weight: bold;
    
}


/** contest nav **/
div#contestantnav {
    position: absolute;
    margin-left: 251px;
    margin-top: -65px;
    border-bottom: 1px solid #fff;
    }

/** contest nav **/
div#contestantnav2 {
    position: absolute;
    margin-left: 191px;
    margin-top: -65px;
    border-bottom: 1px solid #fff;
    }


div#contestantnav2  img,
div#contestantnav  img { margin: 0; padding-top: 33px; border:0;}

div#contestantnav2 a,
div#contestantnav a {
    display:block;
    height: 71px;
    width: 38px;
    }

div#contestantnav2 a.contestant-winnner,
div#contestantnav2 a.contestant-winnner:hover,
div#contestantnav a.contestant-winnner,
div#contestantnav a.contestant-winnner:hover{
     background: transparent url(../img/contestantnav/contestant_over.gif) no-repeat 0px 2px;
    }
    
div#contestantnav2 a.contestant:hover,
div#contestantnav a.contestant:hover{
     background: transparent url(../img/contestantnav/contestant_over.gif) no-repeat 0px 2px;
    }
    
div#contestantnav2 a.contestant-86:hover,
div#contestantnav a.contestant-86:hover {
     background: transparent url(../img/contestantnav/contestant_over86.gif) no-repeat 0px 2px;
    }    
    

/**  frey: not sure if it was suppose to be a graphic so i cut one out, and 
     comment out from provided jpg... if text comment out **/

/** blockquote#hp_bq p {line-height: 1.3em}
blockquote#hp_bq p.premier { color: #F56B29; font-size: 0.9em; font-weight: normal;} **/

blockquote#hp_bq { text-indent: -9000px; }
blockquote#hp_bq { background: transparent url(../img/hp_coming.gif) no-repeat top left;}	 



#hp-content {
    clear: both; 
    width: 740px; 
    height: 188px;
    background: transparent url(../img/hp_photos_vid.jpg) no-repeat 0 51px;
    }

#hp-tagline {display: block; background: transparent url(../img/hp_reality.jpg) no-repeat top left; height: 51px;}

#hp-tagline div { text-indent: -9000px; font-weight: bold; }

ul#hp-nav {
    border-bottom: 2px solid #021696;
    height: 18px;
    width: 733px;
	margin: 0 0 0 0;
	padding: 0 0 0 8px;
	list-style: none;    
    }
    
ul#hp-nav  li
    {
	float: left;
	display: inline;
	}
	
ul#hp-nav li#nav-finalists { width: 103px; }	
ul#hp-nav li#nav-recipes { width: 61px; }
ul#hp-nav li#nav-preview { width: 201px; }
ul#hp-nav li#nav-about { width: 130px; }
ul#hp-nav li#nav-resources { width: 81px; }
ul#hp-nav li#nav-episodes { width: 69px; }

	
ul#hp-nav  li a 
    {
	float: left;
	margin: 0 0 0 0;
	height: 18px;
	padding: 0 0 0 0;
	list-style: none;
	text-indent: -9000px;
	display: block;
	text-decoration: none;
	}
	
ul#hp-nav li#nav-finalists a { width: 100px; background: transparent url(../img/topnav/finalists_off.gif) no-repeat;}			
ul#hp-nav li#nav-recipes a { width: 58px; background: transparent url(../img/topnav/recipes_off.gif) no-repeat;}		
ul#hp-nav li#nav-preview a { width: 198px; background: transparent url(../img/hp_watch_off.gif) no-repeat;}	
ul#hp-nav li#nav-about a { width: 127px; background: transparent url(../img/topnav/about_off2.gif) no-repeat;}
ul#hp-nav li#nav-resources a { width: 78px; background: transparent url(../img/topnav/resources_off.gif) no-repeat;}
ul#hp-nav li#nav-episodes a { width: 66px; background: transparent url(../img/topnav/episodes_off.gif) no-repeat;}

ul#hp-nav li#nav-finalists a:hover { width: 100px; background: transparent url(../img/topnav/finalists_over.gif) no-repeat;}	
ul#hp-nav li#nav-recipes a:hover { width: 58px; background: transparent url(../img/topnav/recipes_over.gif) no-repeat;}	
ul#hp-nav li#nav-about a:hover { width: 127px; background: transparent url(../img/topnav/about_over2.gif) no-repeat;}		
ul#hp-nav li#nav-preview a:hover { width: 198px; background: transparent url(../img/hp_watch_over.gif) no-repeat;}	
ul#hp-nav li#nav-resources a:hover { width: 78px; background: transparent url(../img/topnav/resources_over.gif) no-repeat;}
ul#hp-nav li#nav-episodes a:hover { width: 66px; background: transparent url(../img/topnav/episodes_over.gif) no-repeat;}

div#hp-vidclip {
    margin-top: -2px;
    width: 740px;
    background: transparent url(../img/hp_vidclip.jpg) no-repeat 172px 0px;
    /** height: 112px; **/
    }
    
div#show-summary  {
    padding: 15px 10px 0 385px;
    font-size:  0.9em;
    color: #333;
    }
    
    
div#hp-footer {
    width: 740px;
    margin-bottom: 1em;
    }
    
    
div#hp-footer div#foot-container {
    padding: 10px 8px 0 10px;
	font-size: .8em;
	line-height: 1.1em;
	color: #666;	
    }    



div#hp-footer div p.copyright {
	font-size: .7em;
	line-height: 1.2em;
}

div#hp-footer #logos { margin-bottom: 1.5em; text-align:left;}
div#hp-footer img#chrysler {width: 136px; border:0; padding:0; margin:auto;}
div#hp-footer img#contessa  { width: 136px; border:0; padding:0; margin:auto;}
div#hp-footer img#allclad  { width: 100px; border:0; padding:0; margin:auto;}


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

site footer

----------------------**/
div#footer  {
    margin-top: 2em;
    margin-right: 10px;
    padding: 5px 0 1em 0;
	font-size: .8em;
	line-height: 1.1em;
	color: #666;
	margin-bottom: 1em;
    }   


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

top nav 

----------------------**/
ul#top-nav  {
    height  : 18px; 
	width: 488px;
	margin: 0 0 0 252px;
	padding: 0 0 0 0;
	list-style: none;
	}

ul#top-nav  li 
    {
	float: left;
	}
	
	
ul#top-nav li#nav-finalist { width: 103px; }
ul#top-nav li#nav-recipes { width: 61px; }
ul#top-nav li#nav-about { width: 130px; }
ul#top-nav li#nav-resources { width: 81px; }
ul#top-nav li#nav-episodes { width: 69px; }
ul#top-nav li#nav-preview { width: 213px; }

	
ul#top-nav  li a 
    {
	float: left;
	margin: 0 0 0 0;
	height: 18px;
	padding: 0 0 0 0;
	list-style: none;
	text-indent: -9000px;
	display: block;
	text-decoration: none;
	}
	

ul#top-nav li#nav-finalist a { width: 100px; background: transparent url(../img/topnav/finalists_off.gif) no-repeat;}	
ul#top-nav li#nav-recipes a { width: 58px; background: transparent url(../img/topnav/recipes_off.gif) no-repeat;}		
ul#top-nav li#nav-about a { width: 127px; background: transparent url(../img/topnav/about_off.gif) no-repeat;}		
ul#top-nav li#nav-resources a { width: 78px; background: transparent url(../img/topnav/resources_off.gif) no-repeat;}	
ul#top-nav li#nav-episodes a { width: 66px; background: transparent url(../img/topnav/episodes_off.gif) no-repeat;}	
ul#top-nav li#nav-preview a { width: 210px; background: transparent url(../img/topnav/hp_watchclip_off.gif) no-repeat;}	

ul#top-nav li#nav-finalist a:hover { width: 100px; background: transparent url(../img/topnav/finalists_over.gif) no-repeat;}	
ul#top-nav li#nav-recipes a:hover { width: 58px; background: transparent url(../img/topnav/recipes_over.gif) no-repeat;}		
ul#top-nav li#nav-about a:hover { width: 127px; background: transparent url(../img/topnav/about_over.gif) no-repeat;}		
ul#top-nav li#nav-resources a:hover { width: 78px; background: transparent url(../img/topnav/resources_over.gif) no-repeat;}
ul#top-nav li#nav-episodes a:hover { width: 66px; background: transparent url(../img/topnav/episodes_over.gif) no-repeat;}	
ul#top-nav li#nav-preview a:hover { width: 210px; background: transparent url(../img/topnav/hp_watchclip_over.gif) no-repeat;}	

/**---------------------- 
info bar .. individual css has white following thingy
---------------------- **/

div#info {      
    background         : #021696;
    color              : #fff;
    clear              : both;
    height             : 85px;
    margin             : 0;
    padding-top        : 5px;
    }    
    
/** prvents wrapping of floats and makes sure background extends width as per above **/
div#info div { width: 740px;}
div#info img#logo { padding: 5px 0 5px 50px ; width: 150px; height: 75px; float: left;}    
div#info img#hp_logo { padding: 25px 0 13px 13px ; width: 210px; height: 128px; float: left;} 


/** headers for each section**/
div#info h1 { text-indent: -9000px; width: 442px; height: 55px; margin: 6px 0 6px 50px;float: left;  padding: 1px; color:#5663b9;}
h1#h-recipes     { background: transparent url(../img/topnav/recipes.gif) no-repeat;}
h1#h-finalists   { background: transparent url(../img/topnav/thefinalists.gif) no-repeat;}
h1#h-about       { background: transparent url(../img/topnav/about.gif) no-repeat;}
h1#h-resources   { background: transparent url(../img/topnav/resources.gif) no-repeat;}
h1#h-episodes    { background: transparent url(../img/topnav/episodes.gif) no-repeat;}
h1#h-contact     { background: transparent url(../img/topnav/contact.gif) no-repeat;}
h1#h-credits     { background: transparent url(../img/topnav/credits.gif) no-repeat;}
h1#h-video       { background: transparent url(../img/topnav/video.gif) no-repeat;}
div#info h1#h-voting      {margin-left:0px; background: transparent url(../finalists/vote/img/viewer_poll.gif) no-repeat top left;}

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

sub nav (individual css has other declarations)

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

div#sub-nav    {margin: -17px 0 0 210px; position: absolute; width: 500px;}
div#sub-nav	a {text-indent: -9000px; text-decoration: none;}

h2#subnav-prev { width: 29px; margin-right: 10px; display: block; float: left; text-indent: -9000px;}
h2#subnav-next { width: 30px; margin-left: 10px; background: transparent url(../img/subnav/next_off.gif) no-repeat; display: block; float: left; text-indent: -9000px;}	

a#subnav-prev { width: 29px; margin-right: 10px; background: transparent url(../img/subnav/prev_off.gif) no-repeat; display: block; float: left; text-indent: -9000px;}	
a#subnav-next { width: 30px; margin-left: 10px; background: transparent url(../img/subnav/next_off.gif) no-repeat; display: block; float: left; text-indent: -9000px;}	
a#subnav-prev:hover { width: 29px; background: transparent url(../img/subnav/prev_over.gif) no-repeat;}	
a#subnav-next:hover { width: 30px; background: transparent url(../img/subnav/next_over.gif) no-repeat;}		


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

sub nav  --> recipe 

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

h2#rec-clamchowder {text-indent: -9000px; width: 164px; height: 20px;  background: transparent url(../img/subnav/recipe_cornchowder.gif) no-repeat; float: left;}
h2#rec-shrimp       {text-indent: -9000px; width: 346px; height: 20px;  background: transparent url(../img/subnav/recipe_shrimp.gif) no-repeat; float: left;}
h2#rec-sole       {text-indent: -9000px; width: 184px; height: 20px;  background: transparent url(../img/subnav/recipe_doversole.gif) no-repeat; float: left;}
h2#rec-steak       {text-indent: -9000px; width: 297px; height: 20px;  background: transparent url(../img/subnav/recipe_skirtsteak.gif) no-repeat; float: left;}

h2#rec-creme       {text-indent: -9000px; width: 192px; height: 20px;  background: transparent url(../img/subnav/recipe_cremebrulee.gif) no-repeat; float: left;}
h2#rec-pork       {text-indent: -9000px; width: 303px; height: 20px;  background: transparent url(../img/subnav/recipe_pulledpork.gif) no-repeat; float: left;}


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

sub nav  --> episode 

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

h2#eps-1 {text-indent: -9000px; width: 78px; height: 20px;  background: transparent url(../img/subnav/episode1_at.gif) no-repeat; float: left;}
h2#eps-2 {text-indent: -9000px; width: 121px; height: 20px;  background: transparent url(../img/subnav/episode2_at.gif) no-repeat; float: left;}
h2#eps-3 {text-indent: -9000px; width: 171px; height: 20px;  background: transparent url(../img/subnav/episode3_at.gif) no-repeat; float: left;}
h2#eps-4 {text-indent: -9000px; width: 177px; height: 20px;  background: transparent url(../img/subnav/episode4_at.gif) no-repeat; float: left;}
h2#eps-5 {text-indent: -9000px; width: 192px; height: 20px;  background: transparent url(../img/subnav/episode5_at.gif) no-repeat; float: left;}
h2#eps-6 {text-indent: -9000px; width: 166px; height: 20px;  background: transparent url(../img/subnav/episode6_at.gif) no-repeat; float: left;}
h2#eps-7 {text-indent: -9000px; width: 166px; height: 20px;  background: transparent url(../img/subnav/episode7_at.gif) no-repeat; float: left;}

h2#eps-8 {text-indent: -9000px; width: 215px; height: 20px;  background: transparent url(../img/subnav/episode8_at.gif) no-repeat; float: left;}
h2#eps-9 {text-indent: -9000px; width: 158px; height: 20px;  background: transparent url(../img/subnav/episode9_at.gif) no-repeat; float: left;}
h2#eps-10 {text-indent: -9000px; width: 140px; height: 20px;  background: transparent url(../img/subnav/episode10_at.gif) no-repeat; float: left;}
h2#eps-11 {text-indent: -9000px; width: 154px; height: 20px;  background: transparent url(../img/subnav/episode11_at.gif) no-repeat; float: left;}
h2#eps-12 {text-indent: -9000px; width: 133px; height: 20px;  background: transparent url(../img/subnav/episode12_at.gif) no-repeat; float: left;}




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

sub nav  --> about 

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

a#subnav-judges { width: 43px; margin-left:15px; background: transparent url(../img/subnav/judges_off.gif) no-repeat; display: block; float: left; text-indent: -9000px;}	
a#subnav-judges:hover { width: 43px; margin-left:15px; background: transparent url(../img/subnav/judges_over.gif) no-repeat;}	
a#subnav-overview { width: 107px; margin-left:41px; background: transparent url(../img/subnav/overview_off.gif) no-repeat; display: block; float: left; text-indent: -9000px;}	
a#subnav-overview:hover { width: 107px; margin-left:41px; background: transparent url(../img/subnav/overview_over.gif) no-repeat;}	
a#subnav-schedule { width: 81px; margin-left:15px; background: transparent url(../img/subnav/schedule_off.gif) no-repeat; display: block; float: left; text-indent: -9000px;}	
a#subnav-schedule:hover { width: 81px; margin-left:15px; background: transparent url(../img/subnav/schedule_over.gif) no-repeat;}	
h2#about-judges {text-indent: -9000px; margin-left:15px; width:43px; height: 20px; background: transparent url(../img/subnav/judges_at.gif) no-repeat; float: left;}
h2#about-overview {text-indent: -9000px; margin-left:41px; width:107px; height: 20px; background: transparent url(../img/subnav/overview_at.gif) no-repeat; float: left;}
h2#about-schedule {text-indent: -9000px; margin-left:15px; width:81px; height: 20px; background: transparent url(../img/subnav/schedule_at.gif) no-repeat; float: left;}



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

sub nav  --> finalists 

----------------------**/
a#subnav-biography { height: 21px; width: 75px; background: transparent url(../finalists/img/biography_off.gif) no-repeat;display: block; float: left; text-indent: -9000px;}		
a#subnav-journal { height: 21px; width: 110px; background: transparent url(../finalists/img/journal_off.gif) no-repeat;display: block; float: left; text-indent: -9000px;}	
a#subnav-biography:hover { width: 75px; background: transparent url(../finalists/img/biography_over.gif) no-repeat;}	
a#subnav-journal:hover { width: 110px; background: transparent url(../finalists/img/journal_over.gif) no-repeat;}

h2#fin-biography {text-indent: -9000px; width: 75px; height: 21px;  background: transparent url(../finalists/img/biography_at.gif) no-repeat; float: left;}
h2#fin-journal {text-indent: -9000px; width: 110px; height: 21px;  background: transparent url(../finalists/img/journal_at.gif) no-repeat; float: left;}


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

sub nav  --> vote 

----------------------**/
#vote-column div#sub-nav    {margin: -17px 0 0 200px; position: absolute; width: 500px;}
#vote-column div#sub-nav	a {text-indent: -9000px; text-decoration: none;}

a#subnav-view { height: 20px; width: 123px; margin-left:15px; background: transparent url(../finalists/vote/img/view_off.gif) no-repeat;display: block; float: left; text-indent: -9000px;}		
a#subnav-cast { height: 20px; width: 100px; background: transparent url(../finalists/vote/img/cast_off.gif) no-repeat;display: block; float: left; text-indent: -9000px;}	

a#subnav-view:hover { height: 20px; width: 123px; background: transparent url(../finalists/vote/img/view_over.gif) no-repeat;}		
a#subnav-cast:hover { height: 20px; width: 100px; background: transparent url(../finalists/vote/img/cast_over.gif) no-repeat;}	


h2#vot-cast {text-indent: -9000px; width: 100px; height: 201px;  background: transparent url(../finalists/vote/img/cast_at.gif) no-repeat; float: left;}
h2#vot-view {text-indent: -9000px; width: 123px; height: 201px;  margin-left:15px; background: transparent url(../finalists/vote/img/view_at.gif) no-repeat; float: left;}





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

layout

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

div#content { clear: both; width: 740px; padding-top: 10px; }


#left-column {position: absolute; width: 252px;}
#right-column {position: absolute; width: 480px; margin-left: 252px; overflow: visible;}

#right-columnpoll {position: absolute; width: 390px; margin-left: 252px; overflow: visible;}


#left-content {padding: 0 15px 0 10px;}
#right-content {padding: 0;}





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

all 

----------------------**/
#right-column {margin-top: .5em; }
/* removed by mollfrey
#right-column h2 {font-size: 1.3em; border-bottom: 1px solid #021696; padding-bottom: 3px; margin-bottom: 5px; color:#021696;} */
#right-column h2 {font-size: 1em; padding-bottom: 3px; margin-bottom: 5px; color:#021696; text-transform: uppercase;}


#left-column {margin-top: .5em; }

/** headers in left column **/
#left-column h3 {font-size: 1em; }

#right-column ul {margin-bottom: 1em; }
#right-column li {margin-left: 20px; margin-bottom:0.3em;}

.not-available,
.air-date,
.descript {color: #666; }

.note {color: #f00; }




.eps-guest {color: #031696;}

h2.h-inline { display: inline;}

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

recipe specific

----------------------**/
ul.recipe-ingredients {  padding-top: 0.5em; list-style: none; margin-bottom: 1em;}
ul.recipe-ingredients li { padding-bottom: 0.3em; border-bottom: 1px solid #ddd; padding-top: 0.3em;}

ol.recipe-steps    {  margin: 0.5em 0 1em 20px;}
ol.recipe-steps li { padding-bottom: 0.3em; padding-top: 0.3em;}


.recipe-name { font-weight: bold; font-size: 1.2em; }
.recipe-recipe-by { font-weight: bold; color: #333; }
.recipe-copy { color: #999; }


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

series specific

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

.judge {margin-bottom: 1.5em;}
.judge h2 {font-size: 1.3em; border-bottom: 1px solid #021696; padding-bottom: 3px; margin-bottom: 5px; color:#021696;}


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

voting 

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

#vote-container  { width: 238px; margin: 10px auto; padding-bottom: 8px;}
#vote-results    { margin-right:2px; padding:10px;text-align: center;border-left: 1px solid #FF3700;border-right: 1px solid #FF3700;border-bottom: 1px solid #FF3700;}
#vote-results td { padding-bottom: 5px; text-align: left;}

.vote-num { color: #FF3700; font-weight: bold;padding-right:5px;}
.vote-em  { color: #FF3700;font-style:normal;}

#vote-nav { height: 18px; margin: -8px 0; overflow: visible; }
#vote-nav a { text-decoration: none; display: block; height: 18px;float: left;text-indent: -9000px;}


#vote-nav a#vote-cast       { width: 117px; background: transparent url(../finalists/img/vote_off.gif) no-repeat top left;}
#vote-nav a#vote-cast:hover { border-bottom: none; background: transparent url(../finalists/img/vote_over.gif) no-repeat top left;}

#vote-nav a#vote-view       { width: 119px; background: transparent url(../finalists/img/voteresults_off.gif) no-repeat top left;}
#vote-nav a#vote-view:hover { border-bottom: none; background: transparent url(../finalists/img/voteresults_over.gif) no-repeat top left;}

#vote-nav a#vote-view-final       { width: 95px; background: transparent url(../finalists/img/voteresults_final_off.gif) no-repeat top left; margin-left: 70px; }
#vote-nav a#vote-view-final:hover { border-bottom: none; background: transparent url(../finalists/img/voteresults_final_over.gif) no-repeat top left;}


h3#vote-head {height: 18px; text-indent: -9000px;background: transparent url(../finalists/img/vote_header.gif) no-repeat top left;}


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

BOOK

------------------------ **/
#book { position: absolute; width: 107px; height: 52px; margin-left: 610px; margin-top: -80px;} 
#hp-book { position: absolute; width: 107px; height: 52px; top: 60px; left: 610px;} 



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

links

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

#content a:link,
#content a:visited {color: #FF3B11; text-decoration: none;}

#content a:hover,
#content a:active, 
#content a:focus {color: #021892; border-bottom: 1px solid #FF3B11;}


#hp-footer a:link,
#hp-footer a:visited {color: #FF3B11; text-decoration: none;}

#hp-footer a:hover,
#hp-footer a:active, 
#hp-footer a:focus {color: #021892; border-bottom: 1px solid #FF3B11;}




