/* 
Document   : style
Created on : Feb 28, 2009, 7:43:29 PM
Author     : ajay
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*Recipe CSS Starts*/
.left-section {
    width:140px;
    float:left;
    padding:0px;
}

.right-section {
    float:left;
    margin-left:10px;
    background-color:#ffffff;
    width:480px;
}

.intro-text img {border:0px;}

.recipe-wrapper {float:left;width:630px;}

.recipe-wrapper h1 {
    font-size:130%;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0px 0px 0px 3px;
    background: #FEF7ED url(../images/recipe_title_bg.jpg) no-repeat;
}

.recipe-wrapper img {
    margin:0px 10px 4px 0px;
    border: 2px solid #FB9701;
}

.recipe-wrapper .recipe-img {
    float:left;
}
.recipe-wrapper .recipe-tags {
    float:left;
    width:400px;
}

.recipe-wrapper p {
    margin: 0px 2px 10px 2px;
}

.recipe-wrapper .item-listing {
    background-color: #FFF7EC;
    float:left;
    width: 630px;
}

.recipe-wrapper .item-listing h2, .recipe-wrapper .recipe-section h2{
    background: #FEF7ED url(../images/recipe_title_bg.jpg) no-repeat;
    text-transform:uppercase;
    font-weight:bold;
    font-size:90%;
    padding: 2px;
}

.recipe-wrapper .item-listing .item {
    float:left;
    border-bottom:1px solid #FEE4BF;
    width: 285px;
    padding:5px;
}

.recipe-wrapper .item-listing .odd {
    border-right:1px solid #FEE4BF;
    height:150px;
}

.recipe-wrapper .item-listing .even {
    height:150px;
}

.recipe-wrapper .item-listing .item img {
    float:left;
}

.recipe-wrapper .item-listing .item .item-details {
    float:left;
    width: 165px;
    height:130px;
}

.recipe-wrapper .item-listing .item .item-details .item-title {
    color: #F4960E;
    text-transform:uppercase;
    font-weight:bold;
}


.recipe-wrapper .item-listing .item .item-details .item-caption {
    text-transform:uppercase;
    font-size:80%;
}

.recipe-wrapper .item-listing .item .item-link {
    clear:both;
    margin-top:10px;
    width:100%;
    text-align:right;
    font-size:80%;
}

.top-search-form {
    background-color:#fb9701;
    padding:5px;
    text-align:center;
}

.top-search-form .inputbox{
    width: 200px;
}

#categoryNav dl.listNav {
    margin-bottom:15px;

}

#categoryNav dl.listNav dt {
    padding:6px 15px 13px 15px;
    margin-bottom:-5px;
    display:block;
    font-weight:bold;
    color:#333;
    text-decoration:none;
    border-top:#fb9701 solid 1px;
    border-left:#fb9701 solid 1px;
    border-right:#fb9701 solid 1px;
    background-color:#fdcb80;
    background-color: transparent;

    background-image: url(../images/cat-header.png);

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center bottom;
}

#categoryNav dl.listNav dd{
    border:1px solid #fb9701;
    border-top:none;
}

#categoryNav dl.listNav dd a{
    display:block;
    padding:5px 10px 5px 15px;
}

.right-section .box-grey-border, .right-section .box-no-border {
    padding:0px 5px 5px 5px;
    float:left;
}

.right-section .box-grey-border {
    border: 1px solid #cccccc;
}

.box-grey-border h2, .box-no-border h2{
    font-size:140%;
    font-weight: bold;
    margin: 0 0 10px 0;
    background: #FEF7ED url(../images/recipe_title_bg.jpg) no-repeat;
}

.box-grey-border img, .box-no-border img {
     border: 1px solid #dddddd;
     padding: 2px;
}

.box-grey-border .item-medium, .box-no-border .item-medium {
    float: left;
    width: 33%;
    margin-bottom: 10px;
}

.item-medium .item-medium-title {
    font-size: 80%;
}
.item-medium .item-medium-title-gray, .item-medium .item-medium-title-gray a {
    font-size: 90%;
    color: #666D83;
    line-height:120%;
}

/*Recipe Page CSS*/

.recipe-wrapper .recipe-details,.recipe-wrapper .recipe-section {width:100%;clear:both;}
.recipe-wrapper .recipe-details .label-text {color: #FF9200;font-weight:bold; font-size: 90%; }
.recipe-wrapper .recipe-details .text-desc {color: #905200;font-size: 90%;}
.recipe-wrapper .recipe-section {padding-top:10px;}
.recipe-wrapper .recipe-section hr {background: #FEF7ED url(../images/recipe_title_bg.jpg) no-repeat;height:5px;border:none;}
.recipe-wrapper .recipe-section table td {margin:5px;padding:2px;;font-size:11px}
.recipe-wrapper .recipe-section .label-text-odd {background-color:#FFF7EC;font-weight:bold;text-transform:uppercase;}
.recipe-wrapper .recipe-section .text-desc-odd {background-color:#FFFAF4}
.recipe-wrapper .recipe-section .label-text-even {background-color:#FFF0DD;font-weight:bold;text-transform:uppercase;}
.recipe-wrapper .recipe-section .text-desc-even {background-color:#FFF6EC}
.recipe-wrapper .recipe-section .button {background-color:#FCFCE0;font-size:11px;color:#905200;border: 2px solid #FA9705;font-weight:bold;text-transform:uppercase}

.comment-layout {background-color:#ffffff;}
.recipe-section .comment-layout h2 {margin:0px;padding:11px 0px 11px 50px;background: url(../images/comments.gif) no-repeat; text-transform:uppercase; font-weight:bold;font-size:90%;}
.recipe-section .comment-layout .label-text, .comment-label-author {vertical-align:top;font-weight:bold;text-transform:uppercase;}
.recipe-section .comment-layout .input-field {border: 1px solid #F4960E;background-color:#ffffff;width:350px;font-size:12px;font-weight:normal}
.recipe-section .comment-layout .align-right {text-align:right}
.recipe-section .comment-layout .comment-list {width:100%;}
.recipe-section .comment-layout .comment-item {float:left;width:100%;margin:8px 0px 0px 0px;border-top: 1px solid #FFD792;border-bottom: 1px solid #FFD792;}
.recipe-section .comment-layout .comment-label {font-size:10px;float:left;width:100px;background: url(../images/comments_bg.gif) repeat-x;padding:5px;}
.recipe-section .comment-layout .comment-text {font-size:11px;float:left;width:500px;}
.comment-layout .comment-form {background: url(../images/comments_bg.gif) repeat-x; border: 1px solid #F4960E}
.comment-layout .comment-form th{font-weight:bold}
.comment-layout .comment-form td.comment-img {background: url(../images/pencil_icon.png) no-repeat right bottom}
/*Recipe CSS Ends*/