@charset "UTF-8";
/* CSS Document */

#content #main #motd h2 { font-size:24px; color:#555; margin:0 0 0 0; }
#motd .date {font-size:14px; color:#979797; margin:0 0 10px 0; } 
#motd .image { width:260px; height:160px; border:1px solid #7b6f49; float:left; margin:0 15px 15px 0; }
#motd h3 { color:#595959; font-weight:normal; font-size:20px; margin:0 0 3px 0; }
#motd p { font-size:12px; margin:0 0 10px 273px; line-height:135%; }
#motd p.author,
#motd p.time { color:#666; }
#motd p.desc { margin:0 0 10px 278px; line-height:150%;  }

#motd .rating { float:right; width:166px; height:70px; background:url(/css/img/home/motd-rating-bg.gif) top left no-repeat; text-align:center; }
#motd .rating div { margin:11px 0 0 0; font-size:11px; }
#motd .rating div img { margin:0 0 5px 0; }

#content #main .tabbed { padding:6px 0 0 0; }
div.tabs { background:url(/css/img/common/tabs-bg.gif) repeat-x; margin:0 0 0 0px; height:43px; }
div.tabs ul { list-style:none; height:43px; background:url(/css/img/common/tab-corner-bg.gif) top left no-repeat; padding:0 0 0 4px; }
div.tabs ul li { float:left; height:34px; padding:0 10px 0 0; background:url(/css/img/common/tab-sprite.gif) right -34px no-repeat; }
div.tabs ul li a,
div.tabs ul li span { font-size:12px; display:block; height:100%; padding:0 5px 0 10px; line-height:43px; color:#919090; }
div.tabs ul li a:hover { color:#000; text-decoration:none; }
div.tabs ul li.active { background:url(/css/img/common/tab-sprite.gif) right -138px no-repeat; }
div.tabs ul li.active a,
div.tabs ul li.active span { font-size:18px; background:url(/css/img/common/tab-sprite.gif) left -138px no-repeat; color:#595959; }
div.tabs ul li.last { background:url(/css/img/common/tab-sprite.gif) right -68px no-repeat; }
#content #main .tabbed p { margin-left:15px; }


div.tabs ul li#tnewest.active { background:url(/css/img/common/tab-sprite.gif) top right no-repeat; }
div.tabs ul li#tfavorites.active { background:url(/css/img/common/tab-sprite.gif) right -173px  no-repeat; }
div.tabs ul li#tfavorites.active span { background:url(/css/img/common/tab-sprite.gif) left -173px no-repeat; }
div.tabs ul li.left { background:url(/css/img/common/tab-sprite.gif) right -104px no-repeat; }

#content #main .tabbed .recipes { margin:10px 0 10px 20px; }
#content #main .tabbed .recipes .recipe { float:left; width:155px; border-right:1px solid #CCC; }
#content #main .tabbed .recipes .last { border:none; }
#content #main .tabbed .recipes .recipe .image { margin:0 auto 10px auto; width:136px; height:83px; text-align:center; border:1px solid #7b6f49; }
#content #main .tabbed .recipes .recipe h4 { text-align:center; margin:0 10px; height:30px; }
#content #main .tabbed .recipes .recipe h4 a { font-size:14px; }
#content #main .tabbed .recipes .recipe p { margin:10px 0 0 10px; line-height:135%; padding:0; font-size:12px; color:#666; }

p.healthy { margin:10px 0; color:#333; }
div.healthy-recipe { float:left; width:300px; margin:0 0 10px 0; }
div.healthy-recipe.first { margin-right:8px; }
div.healthy-recipe .inner { background:url(/css/img/home/healthy-bottom.gif) bottom left no-repeat; padding-bottom:6px; }
div.healthy-recipe h4 { height:27px; line-height:27px; color:#FFF; background:url(/css/img/home/healthy-top.gif) no-repeat; padding:0 15px; }
div.healthy-recipe h4 a { color:#fff; }
div.healthy-recipe .info { border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding:10px 10px 5px 10px; font-size:11px; color:#333; }
div.healthy-recipe .info .image { float:left; width:136px; height:83px; margin-right:10px; border:1px solid #7b6f49; }
div.healthy-recipe .info  p { margin:0 0 5px 146px; line-height:150%; }

#quick-meal-tip h3 { font-size:20px; margin:5px 15px 5px 65px; }
#quick-meal-tip .image { float:right; margin:0 15px 0 20px; border:1px solid #000;  }
#quick-meal-tip p { color:#333; font-size:12px; line-height:150%; margin:0 15px 10px 0; }
#quick-meal-tip p.author { margin:0 0 10px 120px; font-size:11px; color:#555; }
#quick-meal-tip .avatar { float: left; margin:0 10px 0 15px; border:1px solid #666; }
#quick-meal-tip img.alignright { float:right; margin:0 15px 10px 15px; border:1px solid #000; }
#quick-meal-tip img.alignleft { float:left; margin:0 15px 10px 0; border:1px solid #000; }
#quick-meal-tip img.aligncenter { display: block; margin:5px auto; text-align:center;}
#quick-meal-tip p ul,
#quick-meal-tip ol,
#quick-meal-tip address { margin:0 0 10px 40px; font-size:12px; }

#side li ul.linklist { list-style:none; }
#side li ul.linklist li { float:left; width:95px; background:url(/css/img/common/bullet.gif) left 6px no-repeat; margin:2px 0; }
#side li ul.linklist li a { padding-left:10px; font-size:11px;  }
#side li ul.linklist li .avatar { float:left; }

#side li ul.postlist { list-style:none; }
#side li ul.postlist li { margin:10px 0; line-height:135%; border-bottom:1px solid #EEE; padding:0 0 5px 0; }
#side li ul.postlist li .title { margin:0 0 0 40px; font-weight:bold; font-size:14px; }
#side li ul.postlist li .source { margin:0 0 0 40px;}
#side li ul.postlist li .source a { font-size:11px; color:#333;  }
#side li ul.postlist li .avatar { float:left; margin:0 10px 0 0; width:30px; height:30px; border:1px solid #595959;  }