/**
 * Yellow theme CSS
*/

/** GENERAL **/
body {
    background-color: #ffdf00;
    color: #000000;
}
/** /GENERAL **/

/** WRAPPER **/
#wrapper #themes-list {
    color: #b36621;
}
/** /WRAPPER **/

/** HISTORY **/
.history {
    background-image: url('../images/interface/yellow/illustration-history.jpg');
}
.history .text h2 {
    background-image: url('../images/interface/yellow/border-historique-title.gif');
}

.history .text p strong {
    color: #da1a30;
}
/** /HISTORY **/

/** BEERS **/
.beers .finest-platinum {
    background-image: url('../images/interface/yellow/illustration-biere-platinum.jpg');
}

.beers .finest-red {
    background-image: url('../images/interface/yellow/illustration-biere-red.jpg');
}

.beers .finest-gold {
    background-image: url('../images/interface/yellow/illustration-biere-gold.jpg');
}

.beers .finest-silver {
    background-image: url('../images/interface/yellow/illustration-biere-silver.jpg');
}

.beers .description .title {
    background-image: url('../images/interface/yellow/border-beer-product-title.gif');
}
/** /BEERS **/

/** STORE **/
div.store {
    background-position: 24px 92px;
    background-repeat: no-repeat;
    background-image: url('../images/interface/yellow/illustration-store.jpg');
}

.result h2 {
    background-image: url('../images/interface/yellow/border-store-title.gif');
}
/** /STORE **/

/** FOOTER **/
#footer ul.links li {
    background-image: url('../images/interface/yellow/footer-list-separator.gif');
}
/** /FOOTER **/


.recettes {
    background: url("../images/interface/yellow/gordon-biere.jpg") left no-repeat #FFDF00;
    background-position: 0px 125px;
}

.recette {
    width: 222px;
    height: 229px;
    float: left;
    margin: 10px;
    background-color: #f4ce00;
}

#ingredients img {
    width: 219px;
    height: 219px;
    padding-bottom: 18px;
    background: url("../images/interface/yellow/ombre2.jpg") bottom center no-repeat transparent;
    margin: 0px auto 0px 11px;
}

#larecette h1 {
    font-family: Times New Roman, serif;
    background-color: #e5b325;
    font-size: 17px;
    font-weight: bold;
    color: white;
    padding-left: 25px;
    width: 505px;
}

#cadre {
    position: relative;
    width: 510px;
    float: right;
    border: 3px solid #e5b325;
    border-top: 0;
    background-color: #ffe73d;
}

p#introduction {
    font-size: 13px;
    color: #b66821;
    padding-left: 10px;
    margin-top: 10px;
    padding-right: 5px;
}

.recette img {
    width: 199px;
    height: 102px;
    padding-bottom: 14px;
    background: url("../images/interface/yellow/ombre.jpg") bottom center no-repeat transparent;
    margin: 10px auto 0px 11px;
}
.recette h2 {
    color: white;
    background-color: #e1ac25;
    height: 39px;
    width: 207px;
    padding: 5px 5px 0 10px;
    line-height: 12pt;
    overflow: hidden;
}