/*----- TASTE CSS -----*/

#tastetoplink{
background-color:#336699;
color:#ffffff;
}





/*----- BLUE CONTENT -----*/

#bluewrapper
{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 980px;
height: 150px;
background-color:#336699;
}

#whiteonblue{
background-color: #ffffff;
width: 980px;
margin-top: 20px;
height: 150px;
}







/*----- CONTENT -----*/


#tasteleft{ 
position: realtive;
float: left;
margin: 2px;
margin-top: -145px;
margin-bottom: -15px;
padding: 15px;
width: 600px;
background-color:#ffffff;
background-image:url('images/back_taste.png');
background-position:center bottom;
background-repeat:no-repeat;
}


#tasteright{
position: realtive;
float: right;
margin: 10px;
margin-top: -100px;
margin-bottom: -15px;
padding: 15px;
padding-top: 15px;
width: 296px;
background-color:#ff9900;
color: #ffffff;
height: auto
}


#happyhour{
margin-top: -40px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
display:block;
}


.recipe{
color: #336699;
font-size: .9em;
font-style:italic;
}




/*----- CONTENT 2 -----*/


#foodforthought{ 
position: realtive;
margin: 2px;
padding: 15px;
width: 980px;
margin-bottom: 0px;
}




.tasteleft2{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 31%;
height: auto;
float: left;
font-size: .9em;
font-weight: normal;
padding: 2%;
padding-top: 20px;
padding-bottom: 20px;
}

.tasteright2{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 31%;
height: auto;
float: right;
font-size: .9em;
font-weight: normal;
padding: 2%;
padding-top: 20px;
padding-bottom: 20px;
}

.tastemid2{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 32%;
height: auto;
font-size: .9em;
font-weight: normal;
padding: 2%;
padding-top: 20px;
padding-bottom: 20px;
}