#content {width: 770px; margin: 0;}
#side {width: 340px; float: right; }
#side .Box_ES {float: right;}

#eatsavvySide {width: 160px; float: right; margin-top: 1em;}

p {margin: 0 0 15px 0; padding: 0;}

.pagination {clear: both; border-top: solid 1px #9ECB3A; font-size: 0.833em; padding: 3px 0; margin: 10px 0; text-align: right;}

#eatsavvyHeader {width: 595px; float:left; background: url(/template/eatsavvy/eatsavvy_header_bg.gif) no-repeat 270px 0 #fff; }

#eatsavvyLogo {width: 270px; float:left; padding: 0 0 0 15px;}
#eatsavvyLogo a:hover, #eatsavvyLogo a:active {background-color: transparent;}

#eatsavvySearch {width: 214px; float: right; margin: 20px 0 0 0; }
#eatsavvySearch table {width: 100%;}
#eatsavvySearch td {vertical-align: middle; font-size: 0.916em;}
#eatsavvySearch label {text-transform: uppercase; padding: 0 5px 0 0;}
#eatsavvySearch a:hover {color: #6A9BC8;}
#eatsavvySearch .input {width: 185px; background: #fff ; margin: 0; border-width: 0; margin: 0; }
#eatsavvySearch div {width-space: nowrap; padding: 1px; border: solid 1px #ccc; text-align: justify;}

#eatsavvyDate {width:214px; float: right; text-align: right; margin: 10px 0 0 0;}


#eatsavvyIssue {position: relative; width: 430px; height: 268px; float: left; background: url(/template/eatsavvy/eatsavvy_issue_bg.gif) no-repeat #FDEEF4;}
#eatsavvyIssue .foodprep {position: absolute; bottom: 5px; left: 15px; background: #fff; padding-right: 8px; }
#eatsavvyIssue .prep {width: 90px; height: 90px; float: left; margin: 8px 0 8px 8px; background: #fff; overflow: hidden;}
#eatsavvyIssue .intros {color: #6A9BC8; padding: 5px 15px; }
#eatsavvyIssue .intros p {margin: 0; padding: 0;}




#meals {margin: 0 0 20px 35px;}
#recipes .partner {font-size: 9px; margin-top: 20px; margin-bottom: 0;}


.mealIntro .title {  margin: 5px 0;}
.mealIntro .title .main {font-size: 1.333em; color: #6A9BC8; display: block; }
.mealIntro  .partner {font-size: 9px; margin-bottom: 0;}


#eatsavvyWays {width: 380px; float: left; margin-right: 15px;}
#eatsavvyWays .mealPhoto {width: 200px; float:left;  }
#eatsavvyWays .mealIntro  {width: 170px; float: right;}

#eatsavvyWays .more {display: block; float: left; text-align: left; font-size: 0.916em; text-transform: none; border: 1px solid #6C9A31; padding: 0 5px; margin-top: 10px;}
#eatsavvyWays a.more:link, #eatsavvyWays a.more:visited {color: #6C9A31;}

.mealCat {font-size: 1.5em; color: #756F6F; border-bottom: solid 1px #6A9BC8; margin: 0 0 10px 0;}

#eatsavvyInfo {width: 165px; float:left; margin: 2.1em 15px 20px 0; }
#eatsavvyInfo .info {padding: 5px; background: #FDEEF4; font-size: 90%; margin-bottom: 10px;}
#eatsavvyInfo .info.tips {background: url(/template/eatsavvy/eatsavvy_tips_bg.gif) no-repeat center bottom #FDEEF4;}
#eatsavvyInfo .title {font-size: 130%; font-weight: bold; line-height: 1.5; color: #6A9BC8; margin: 5px 0 15px 0;}
#eatsavvyInfo .img {float: right; border: solid 5px #fff; margin: 0 0 10px 10px;}
#eatsavvyInfo .img p {display: inline;}
#eatsavvyInfo .infoTitle, .funTitle {color: #6A9BC8; margin-bottom: 5px;}

#eatsavvyInfo .infoBox {background: #FDEEF4; margin: 0; }
#eatsavvyInfo .infoBox {font-size: 90%;}
#eatsavvyInfo .infoBox .img p {display: inline;}
#eatsavvyInfo .infoBox .img {border-width: 0; margin: 0; float: none;}
#eatsavvyInfo .infoBox  .title {margin: 0 0 5px 0;}
#eatsavvyInfo .infoBox .copy {padding: 10px;}

#meal {width: 593px; float: left; }
#eatsavvyRecipe  {position: relative; width: 430px; height: 268px; float: left; background:  url(/template/eatsavvy/eatsavvy_recipe_bg.jpg) no-repeat #FDEEF4;}

.mealMenu  {width: 50%; margin: 0 auto; padding:0; list-style-type: none; }
.mealMenu li {text-align: center; margin: 3px 0; padding-top: 7px; background: url(/template/eatsavvy/menu_bg.gif) no-repeat center top #FDEEF4;}
.mealMenu li.recipe1 {background-image: none;}
.mealMenu a {color: #666; text-decoration: none;}

.recipeIngredients ul {margin: 0 0 15px 30px; padding: 0; list-style-type: none;}
.recipeIngredients li {padding: 3px 0; border-bottom: solid 1px #DFDFDF; display: block; width: auto;}
.recipePreparation {border: solid 1px #DFE7D4; padding: 10px; font-size: 90%; }

#recipes {width: 340px; float: left;}
#recipesFun {width: 165px; float: left; background: #FDEEF4;}
#recipesFun .title {padding: 0 10px; font-size: 130%; font-weight: bold; line-height: 1.5; color: #6A9BC8; margin: 5px 0 15px 0;}
#recipesFun .fun {padding: 40px 10px 0 10px; background: url(/template/eatsavvy/eatsavvy_fun_bg.gif) no-repeat center top #FDEEF4; }

.recipe {margin-bottom: 15px;}
.recipe .title {font-weight:bold; color: #6A9BC8; margin: 5px 0;}
.recipeIngredients .title {font-size: 90%;}



.eatsavvyRecipes {width: 405px; float:left;}

.eatsavvyRecipes .meal {margin: 0 0 15px 0; }
.eatsavvyRecipes .photo {width: 100px; float: left; }
.eatsavvyRecipes .title  {width: 300px; float: left;}
.eatsavvyRecipes .date {display: block;}
.eatsavvyRecipes .img {width: 70px; float: left; }
.eatsavvyRecipes .copy {width: 400px; float: left;}







#eatsavvyAnnouncement {margin-bottom: 15px;}

.mealMore {margin: 20px 0; padding: 5px; float:left; overflow: hidden; }
.mealMore .title { color: #6A9BC8; font-weight: bold; margin: 5px 0;}
.mealMore table {margin: 0 5px; width: 350px;}
.mealMore td {padding: 5px; font-size: 80%; text-transform: lowercase;}
.mealMore td img {padding: 5px 0; background: #fff;}
.mealMore a:link, .mealMore a:visited {color: #6A9BC8;}
.mealMore a:hover, .mealMore a:active {color: #6C9A31; background: transparent;}


.recipeTools {text-align:center; margin: 5px 0;}
.recipeTools ul {margin: 0; padding: 0; width: 340px; }
.recipeTools   li {display: inline; width: auto;  float: none; clear: right; text-transform: lowercase; }
.recipeTools   li a {padding: 0 12px 0 17px; background: url(/template/eatsavvy/pipe.gif) no-repeat center left transparent; font-size: 90%; line-height: 13px;}
.recipeTools   li.first a {background-image: none; padding-left: 0;}
.recipeTools   li.last a {padding-right: 0;}
.recipeTools  li a {color: #6C9A31; text-decoration: none;}
.recipeTools  li a:hover {color: #6A9BC8; text-decoration: none;}

.mealPartner {border: solid 10px #fff; border-width: 10px 0;}
.mealPartner .ad {display: block; background: #fff;}

/* new styles */
#eatsavvyMore {width: 160px; float:right;  }
#eatsavvyMore ul {list-style-type: none; margin: 5px 0; padding: 0; font-size: 0.916em;}

.credit {display: block; font-size: 0.833em; color: #808183; font-style: italic;}
.credit a:link, .credit a:visited {color: #808183; text-decoration: none;}
.credit a:hover, .credit a:active {color: #808183; text-decoration: none; background-color: transparent;}


.moderated { width: 100%; }