@charset "utf-8";
/**
 * General CSS File
 * @author Ci&T Inc.
 * @site http://www.ciandt.com/
 *
 * @project Zantac Chili Challenge
 * @date 2008-10-20 09:44 -0300 (Mon, 20 October 2008)
 */



/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/**
 * Common
 */

html { background: #e96f35; }

body{
    background:#e96f35;
}

body:after {
    content: '';
    clear: both;
    display: block;
}

sup {
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

div#navigation ul li,
div#footer ul li {
    list-style:none;
}


em {
    font-style: italic;
    font-weight: inherit;
}

strong {
    font-weight: bold;
    font-style: inherit;
}

a:focus {
    outline: none;
}

/**
 * Container
 */

DIV#container{
    width:987px;
    background-color:#fffddf;
}


/**
 * Header
 */

DIV#header DIV#logo h1 {
    width:987px;
    height:177px;
    background:url(../images/the-zantac-chili-challenge.jpg) no-repeat;
    text-indent:-1000px;
    float:left;
}

DIV#header DIV#logo h1 a{
    width:987px;
    height:177px;
    display:block;
}


DIV#header DIV#logo h2 {
    width:132px;
    height:30px;
    background:url(../images/zantac-logo.gif) no-repeat;
    text-indent:-1000px;
    position:absolute;
    left:840px;
    top:47px;
}

DIV#header DIV#logo h2 a {
    width:100px;
    height:23px;
    display:block;
}


/**
 * Menu
 */

DIV#navigation{
    background:url(../images/bg-chef.jpg) no-repeat;
    width:363px;
    height:446px;
    float:left;
}

DIV#navigation ul#menu{
    height:320px;
    margin: 200px 0 0 30px;
}

* + html DIV#navigation ul#menu{
    height:340px;
    margin: 180px 0 0 30px;
}

* html DIV#navigation ul#menu{
    height:340px;
    margin: 180px 0 0 30px;
}

DIV#navigation ul#menu li.sub img{
    padding-top:5px;
}

DIV#navigation ul#menu li.separator{
    border-top:1px #e48a8b solid;
    height:1px;
    width:150px;
    margin-left:23px;
    display:block;
    font-size:1%;
}

div#navigation ul#menu li.sub a,
div#navigation ul#menu ul.sub-item li a {
    color: #77787b;
    text-decoration: none;
    padding:5px 0;
}

div#navigation ul#menu li.sub a:hover,
div#navigation ul#menu ul.sub-item li a:hover {
    color: #cc0000;
    background: url(../images/nav-icon.gif) 0px 4px no-repeat;
}

div#navigation ul#menu li.sub a,
div#navigation ul#menu li.sub a:hover,
div#navigation ul#menu ul.sub-item li a,
div#navigation ul#menu ul.sub-item li a:hover {
    font-weight: bold;
    padding-left: 25px;
    width: 170px;
    display: block;
   

}

div#navigation ul#menu ul.sub-item li a,
div#navigation ul#menu ul.sub-item li a:hover {
    font-weight: normal;
    margin-left: 25px;
}

div#navigation ul#menu ul span.sub-title {
    color: #cc0000;
    /*background: url(../images/nav-icon.gif) 0px 0px no-repeat;*/
    font-weight: bold;
    padding-left: 25px;
    width: 170px;
    display: block;
    padding-bottom: 5px;
}

div#navigation ul#menu li#nav-challenge span.title,
div#navigation ul#menu li#nav-dish-on-chili span.title,
div#navigation ul#menu li#nav-enter-now a,
div#navigation ul#menu li#nav-vote-recipes a.nav-vote-recipes {
    display: block;
    width: 150px;
    height: 30px;
    overflow: hidden;
    text-indent: -500000em;
    background-position: top left;
    background-repeat: no-repeat;
}

/*div#navigation ul#menu li#nav-vote-recipes a {
    display: block;
    width: 150px;
    height: 44px;
    overflow: hidden;
    text-indent: -500000em;
    background-position: top left;
    background-repeat: no-repeat;
}*/

div#navigation ul#menu li#nav-challenge span { background-image: url(../images/nav-challenge.gif); }
div#navigation ul#menu li#nav-dish-on-chili span.title { background-image: url(../images/nav-chili.gif); }
div#navigation ul#menu li#nav-enter-now a { background-image: url(../images/nav-enter-now.gif); }
div#navigation ul#menu li#nav-vote-recipes a.nav_recipes { background-image: url(../images/nav-vote-recipes.gif); width: 150px; height:30px; display: block; text-indent: -5000px; }


div#navigation ul#menu li#nav-enter-now a:hover,
div#navigation ul#menu li#nav-vote-recipes a.nav_recipes:hover {
    background-position: bottom left;
}

div#navigation ul#menu li#nav-enter-now, div#navigation ul#menu li#nav-dish-on-chili,
div#navigation ul#menu li#nav-enter-now, div#navigation ul#menu li#nav-vote-recipes { margin-top: 10px; margin-left:20px; }


div#bowl{
    width:226px;
    height:133px;
    background:url(../images/pack-zantac.jpg) no-repeat;
    float:left;
    margin:150px 0 0 40px;
    _margin:15px 0 0 25px;	
}


/**
 * Selected menu
 */

body#about div#navigation ul#menu li#nav-about a,
body#rules div#navigation ul#menu li#nav-rules a,
body#anthony-sedlak div#navigation ul#menu li#nav-anthony-sedlak a,
body#chili div#navigation ul#menu li#nav-chili a,
body#vote-recipe div#navigation ul#menu li#nav-vote a,
body#rate-recipes div#navigation ul#menu li#nav-vote a,
body#winner div#navigation ul#menu li#nav-winner a, 
body#winner_11 div#navigation ul#menu li#nav-winner_11 a,
body#preventing-heartburn div#navigation ul#menu li#nav-preventing-heartburn a,
body#vote-list li#nav-finalist-recipes a, body#anthony_tips li#nav-anthony_tips a, body#anthony_about li#nav-anthony_about a, body#winning_recipe li#nav-winning_recipe a, body#winning_recipe_11 li#nav-winning_recipe_11 a
 {
    color: #cc0000;
    background: url(../images/nav-icon.gif) 0px 4px no-repeat;
}

body#vote-recipe-list div#navigation ul#menu li#nav-vote-recipes a.nav_recipes,
body#enter-now div#navigation ul#menu li#nav-enter-now a{
    background-position: bottom left;
}

/**
 * Content
 */

DIV#content{
    width:580px;
    float:right;
    padding-right:30px;
    min-height:800px;
    display:block;
    _margin-left: -110px;
}

* html div#content {
    height:750px;
}

div#content h3 {
    color: #cc0000;
    font-size: 197%;
    font-weight: bold;
}

div#content h4 {
    color: #cc0000;
    font-size: 153.9%;
    font-weight: bold;
}

div#content h3#bring-the-heat,
div#content h3#vote-now {
    display: block;
    overflow: hidden;
    text-indent: -500000em;
    background-position: top left;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

div#content h3#bring-the-heat {
    background-image: url(../images/title-bring-the-heat.gif);
    width: 319px;
    height: 43px;
}

div#content h3#vote-now {
    background-image: url(../images/title-vote-now.gif);
    width: 348px;
    height: 48px;
    margin-top: 20px;
}
div#comment {
    padding:30px 0 7px;
    color:#7C4C22;
    text-align:left;
    font-size:85%;
   
}

div#content div.image-wrap {
    padding: 8px;
    border: 1px solid #663300;
    background-color: #fff;
    margin-left: 15px;
}

div#content div.image-sedlak  {
    border: 1px solid #663300;
    margin-left: 15px;
    height:298px;
}

div#content div.right {
    float: right;
}

div#content p {
    line-height: 17px;
    padding: 8px 0;
}

div#content a,
div#content a:hover {
    color: #cc0000;
    text-decoration: underline;
}

div#content ol,
div#content ul {
    margin-left: 35px;
}

div#content ol li,
div#content ul li {
    list-style-position: outside;
    margin: 5px 0;
    line-height: 20px;
}

div#content ol li { list-style-type: inherit; }
div#content ul li { list-style-type: disc; }
div#content ul.alphanumeric li { list-style-type: lower-alpha; }


/**
 * Recipe list
 */

div#content h3.recipe-title {
    margin-bottom: 20px;
}

div#sort {
    float: right;
    margin-right: 25px;
    display: inline;
}

div#sort h5 {
    color: #cc0000;
    font-weight: bold;
}

div#sort ul {
    margin-left: 0;
}

div#sort ul li {
    list-style-type: none;
    list-style-position: outside;
}

div#sort ul li.selected a {
    text-decoration: underline;
}

div#sort a {
    color: #000;
    text-decoration: none;
}

div#sort a:hover {
    color: #000;
    text-decoration: underline;
}

div.recipe-wrap {
    width: 400px;
    height: 90px;
    margin-bottom: 15px;
}

div.transp-background {
    background-color: #fff;
    width: 400px;
    height: 90px;
    /* W3C Opacity */
    opacity: .4; /* normal */
    filter: alpha(opacity=40); /* MSIE */
    -moz-opacity: 0.4; /* Mozilla */
}

div.recipe-content-wrap {
    margin-top: -90px;
    position: relative;
    z-index: 99;
}

body#vote-recipe-list div#content div.recipe-wrap div.recipe-content-wrap p, body#vote-list div#content div.recipe-wrap div.recipe-content-wrap p,
body#vote-recipe div#content div.recipe-wrap div.recipe-content-wrap p {
    padding: 0 0 0 100px;
}

div#content div.recipe-wrap div.image-wrap {
    float: left;
    border: none;
    padding: 5px;
    margin: 0 10px 0 0;
    width: 80px;
    height: 80px;
}

div#content div.recipe-wrap h4 {
    font-size: 100%;
    padding: 5px 0 0 100px;
}

div#content div.recipe-wrap h4 a {
    text-decoration: none;
    color: #cc0000;
}

div#content div.recipe-wrap h4 a:hover {
    text-decoration: underline;
    color: #cc0000;
}

div#content div.recipe-wrap p.rating {
    font-weight: bold;
}

div#content div.recipe-wrap p.rating img {
    vertical-align: middle;
}

div#pagination ul {
    margin: 0;
}

div#content div#pagination ul li {
    float: left;
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
   
}

div#content div#pagination ul li a,
div#content div#pagination ul li.on-page a {
    margin-right: 5px;
    display: block;
}

div#content div#pagination ul li a {
    padding: 2px 6px;
}

div#content div#pagination ul li.on-page a,
div#content div#pagination ul li a:hover {
    padding: 1px 5px;
    background-color: #fffaeb;
    border: 1px solid #cc0000;
    text-decoration: none;
    display: block;
}


/**
 * Anthony page
 */
div#content h5 {
    color: #cc0000;
    font-size: 116%;
    font-weight: bold;
}

div#content h4.anthony-recipe {
    margin-top: 15px;
}

div#content div.anthony-ingredients ul {
    margin-bottom: 25px;
}


/**
 * Recipe details
 */

body#rate-recipes div#content p {
    padding: 0 0 10px 0;
}

div#recipe-details {
    float: right;
    width: 200px;
    margin-left: 15px;
}

div#h5{
    padding:10px 0 7px;
}

div#recipe-details div.image-wrap {
    margin: 0;
}

div#vote {
    margin-top: 15px;
    text-align:center;
    width: 110px;
    float:right;

}


/**
 * Print
 */
div#print {
    background: url(../images/icon-print.gif) 0px 0px no-repeat;
    height: 30px;
    border-bottom: 1px solid #686153;
    margin-bottom: 10px;
    padding-top: 2px;
}

div#print a,
div#print a:hover {
    color: #686153;
    font-weight: bold;
    text-decoration: none;
    margin-left: 35px;
}


/**
 * Privacy Links
 */

body#privacy-links  {
    background-color:#FFFDDF;
}



body#privacy-links div#container {
    margin-top: -50px;
    width: 687px;
}

body#privacy-links div#content {
    padding:50px 0 0 50px;
    width: 660px;
    display: inline;
    position: relative;
    z-index: 99;
}

body#privacy-links h2 {
    text-transform: uppercase;
    color: #cc0000;
    font-size: 197%;
    font-weight: bold;
    margin-bottom: 10px;
}

body#privacy-links h3 {
    color: #cc0000;
    font-size: 153.9%;
    font-weight: bold;
}

body#privacy-links p {
    text-align: justify;
}

div#privacy-links-logo {
    position: relative;
    z-index: 9;
}

div#privacy-links-logo h1 {
    display: block;
    width: 723px;
    height: 130px;
    overflow: hidden;
    text-indent: -500000em;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(../images/privacy-links-logo.jpg);
}



/**
 * Footer
 */
 
DIV#footer {
    clear: both;
    height: 120px;
    width: 980px;
}

DIV#footer ul {
    padding: 30px 0 0 380px;
    font-size: 85%;
}

DIV#footer ul#nav-footer li {
    float: left;
}

DIV#footer ul#nav-footer li span {
    margin: 0 10px;
}

div#footer a,
div#footer a:hover {
    color: #cc0000;
    text-decoration: underline;
}

DIV#footer p {
    text-align: center;
    clear: both;
    padding: 4px 0 7px 0;
    font-size: 85%;
}

/**
 * Star rating
 */

ul.star-rating,
ul.star-rating a:hover,
ul.star-rating a:active,
ul.star-rating a:focus,
ul.star-rating .current-rating{
    background: url(../images/rating-star.gif) left -1000px repeat-x;
}

div#content div.recipe-content-wrap ul.star-rating {
    margin: -25px 0 0 105px;
    *margin: -25px 0 0 205px; /* MSIE6 and MSIE7 skips the <p> padding from div.recipe-content-wrap */
}

div.recipe-content-wrap ul.star-rating,
div.recipe-content-wrap ul.star-rating a:hover,
div.recipe-content-wrap ul.star-rating a:active,
div.recipe-content-wrap ul.star-rating a:focus,
div.recipe-content-wrap ul.star-rating .current-rating{
    background: url(../images/rating-star-list.gif) left -1000px repeat-x;
}

ul.star-rating,
div.recipe-content-wrap ul.star-rating{
    position:relative;
    width:100px;
    height:30px;
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:0;
    background-position: left top;
}

ul.star-rating li{
    display: inline;
}

ul.star-rating a,
ul.current li,
ul.star-rating .current-rating{
    position:absolute;
    top:0;
    left:0;
    text-indent:-1000em;
    height:30px;
    line-height:30px;
    outline:none;
    overflow:hidden;
    border: none;
}

ul.star-rating a:hover,
ul.star-rating a:active,
ul.star-rating a:focus{
    background-position: left bottom;
}

ul.star-rating a.one-star{
    width:20%;
    z-index:6;
}

ul.star-rating a.two-stars{
    width:40%;
    z-index:5;
}

ul.star-rating a.three-stars{
    width:60%;
    z-index:4;
}

ul.star-rating a.four-stars{
    width:80%;
    z-index:3;
}

ul.star-rating a.five-stars{
    width:100%;
    z-index:2;
}

ul.star-rating li.current-rating,
div.recipe-content-wrap ul.star-rating li.current-rating{
    z-index:1;
    background-position: left bottom;
    top:-5px;
}