/* 
---------------------------------------
custom layout 
---------------------------------------
*/
.header {height: 164px; background: transparent url(bg-nav.gif) no-repeat bottom left; position: relative;}
.container {width: 970px} 
.page-inner {margin: 20px 0px 20px 10px}
div.sidebar {float: right} 
.sidebar-inner {margin: 10px 0;}

/* emulate blueprint's error styles for Django's error markup, 
with minor tweaks to account for being rendered in the middle of a form */
.errorlist {margin-bottom: 0; margin-top: 0.5em;}
.errorlist li {list-style-type: none; padding:.8em; margin-bottom:0.5em; border:2px solid #ddd; background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4;} 
.errorlist li a {color:#8a1f11;}

/* override jquery ui things */
.ui-dialog .ui-dialog-titlebar  {background: transparent url(bg-modal-heading.gif) repeat-x top left; border:1px solid #FFFFFF; color:#FFFFFF; font-weight:normal; font-size: 24px; padding: 15px 10px 15px 10px; margin-bottom: 10px;}
.ui-widget-overlay {background-color: #000000;}
.ui-state-default, .ui-widget-content .ui-state-default {background-image: none;}
.ui-dialog .ui-dialog-buttonpane button {color: #204E50; background-color: #98D7DA; text-transform: uppercase; font-size: 11px; font-weight: bold;}
.ui-dialog .ui-dialog-buttonpane {text-align: center;}
.ui-dialog .ui-dialog-buttonpane b utton {float: none; padding-top: 0.4em; padding-bottom: 0.3em;}
.ui-dialog .form-item {margin-bottom: 10px;}
.ui-dialog h3 {font-weight: bold;}
.ui-dialog label {clear:left;display:block;float:left;font-weight:normal;margin-right:10px;text-align:right;width:200px;}
.ui-dialog .save {margin:20px 0 20px 210px;}
.ui-dialog textarea {width: 300px;}
.ui-dialog li {list-style-type: none;}
.ui-dialog li label {width: 100%; clear: both; text-align: left; float: none;}

.ui-dialog a.ui-dialog-titlebar-close { background-color:#98D8DA; position:absolute; right:0; top:12px;}
div#dialog form#id_form_group ul { margin:0; }
div#dialog form#id_form_group ul li { list-style-type: none; padding:5px; clear:both; display:table; width:100%; }
div#dialog form#id_form_group ul li.odd_row { background-color:#e6e6e6; }
div#dialog form#id_form_group ul li label {text-align:left; width:auto;}
div#dialog form#id_form_group ul li input {float:right;}
/* 
---------------------------------------
typography 
---------------------------------------
*/
a:focus, a:hover {color:#000;}
a {color:#000;text-decoration:underline;}
hr {background-color: #cccccc;}
hr.separator {background: transparent url(bg-doublerule.gif) repeat scroll; height: 4px; margin-bottom: 10px;}
textarea {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 100%; height: 100px;}

/* 
---------------------------------------
user navigation
---------------------------------------
*/

/* logged-in */
.usernav form {
    position: absolute;
    left: 130px;
    top: 5px;
}

.usernav {
    background: url(bg-usernav.gif);
    height: 40px;
    position: relative;
}

.usernav fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.usernav input.text {
    border: 1px solid #5da1a4;
    height: 16px;
    margin: 0;
    padding: 0;
    width: 180px;
}

.usernav input.submit {
    vertical-align: top;
}

.anonymous {
    background: url(bg-usernav-anon.gif);
}

.anonymous input.text {
    border: 1px solid #b74e12;
}

.usernav .nav-login {
    font-weight: bold;
    line-height: 17px;
    position: absolute; top: 6px; right: 0;
}

.usernav .nav-login img,
.usernav .nav-login input#login_button {
    vertical-align: top;
    margin: 0 7px 0 2px;
}

.usernav ul.utilities {
    margin: 0;
}

.usernav ul.utilities li {
    list-style-type: none;
    position: absolute;
}

.usernav ul.utilities li.first {
    top: 5px;
    left: 667px;
}

.usernav ul.utilities li.middle {
    top: 12px;
    left: 813px;
}

.usernav ul.utilities li.last {
    top: 5px;
    left: 900px;
}

/*
---------------------------------------
header
---------------------------------------
*/
.header a {text-decoration: none;}
.header a:focus, .header a:hover {text-decoration: underline;}
.header .all a {color: #e7681f;}
img.logo {float: left; margin-top: 9px}
.leaderboard {height: 90px; width: 728px; padding-right: 10px; float: right; clear: right; margin-bottom: 5px; background: transparent url(bg-leaderboard.gif) no-repeat right center;}

.guidesnav {height: 25px; margin: 0 0 5px 95px; padding: 10px 0 0 0; clear: both; border-bottom: 1px solid #cccccc; position: relative;}
.guidesnav li {display: inline; font-size: 14px; height: 18px; border-right: 1px solid #cccccc; padding: 0 11px 6px 11px; margin: 0;}
.guidesnav li.last {/*position: absolute; right: 10px;*/ border-right: none; padding-right: 0;}

ul.browsenav {height: 28px; margin: 0 0 5px 95px; padding: 0; clear: both; background: transparent url(bg-browsenav.gif) repeat-x bottom; position: relative;}
ul.browsenav li {display: inline; font-size: 15px; height: 18px; border-right: 1px solid #cccccc; padding: 0 4px 3px 4px; margin: 0; position: relative; z-index: 1000;}

ul.browsenav li.all {padding-left: 4px; padding-right: 3px; position: relative; left:10px;}
ul.browsenav li.recipes {padding-left: 0;}
ul.browsenav li.videos {border-right: none; padding-right: 0; margin-right: 0;}
a#browse-by-all {position: absolute; width: 90px; height: 30px; bottom: 0; left: 0;}
a#browse-by-all:hover {text-decoration: none;}

ul.browsenav li div.list {position: absolute; z-index: 1001; top: 23px; left: 7px; background: #98D7DA; padding: 10px 10px 20px 10px; display: none;}
ul.browsenav li div.list div.term {background: transparent url(bg-browseby-dt.gif) repeat-x top left; color: #ffffff; font-weight: normal; height: 32px; padding: 4px 8px; position: relative; z-index: 999;}
ul.browsenav li div.term a {position: absolute; top: 0; right: 0}
ul.browsenav div.list div.data {font-size: 13px; margin-right: 10px; margin-bottom: 6px; margin-left: 10px; line-height: 15px;}
ul.browsenav div.data a {text-decoration: underline;}
ul.browsenav li div.columncount-1 {width: 150px;}
ul.browsenav li div.columncount-2 {width: 260px;}
ul.browsenav li div.columncount-3 {width: 375px;}
ul.browsenav li div.columncount-4 {width: 500px; left: -300px;}
ul.browsenav li div.columncount-5 {width: 750px; left: -425px;}
ul.browsenav li div.columncount-6 {width: 780px; left: -550px;}
ul.browsenav li div.columncount-7 {width: 830px; left: -500px;}

a.category { font-size: 88%; }
/*
---------------------------------------
misc global vars
---------------------------------------
*/
.mimic_link, .xhr-modal { cursor: pointer; text-decoration: underline;}
.honeypot { display: none;}

/*
---------------------------------------
footer
---------------------------------------
*/
.footer {position: relative; padding-top: 15px;}
.footer .last-best {background: transparent url(bg-last-best.gif) repeat-y; height: 100%; padding-bottom: 25px;}
.footer .span-12 {margin: 0;}
.footer .mylast {padding-right: 10px;}
.footer .thebest {}
.footer .burst {position: absolute; top: 0px; left: 500px;}
.footer dt {font-size: 16px; margin: 40px 0px 0 25px; border-right: 1px solid #000000;}
.footer .last dt, .footer .last dd {border: none;}
.footer dd {padding-top: 10px; padding-right: 10px; border-right: 1px solid #000000; margin-left: 25px;}
.footer .active-members {margin-bottom: 20px;}
.footer .active-groups {background: transparent url(bg-doublerule-yellow.gif) repeat-x top; padding-top: 20px;}
.footer .active-groups dt {margin-top: 0;}
.footer .active-members dd img {margin-left: 3px;}
.buttons {text-align: center; background: transparent url(bg-ad.gif) no-repeat top center; padding-top: 20px; margin-top: 10px;}
.buttons li {display: inline; margin: 0 10px;}
.footernav {margin: 1.5em 0;}
.footernav li {display: inline; margin-right: 10px; padding-right: 10px; border-right: 1px solid #000000;}
.footernav li.last {border-right: none;}
.copyright {color: #999999;}
.copyright img {display: block; clear: both; margin-top: 10px;}


/*
---------------------------------------
sidebar
---------------------------------------
*/
.bigbox {margin-left: 5px; padding-top: 15px; background: transparent url(bg-ad.gif) no-repeat top center; clear: both;}
.sidebar h2 {font-size: 16px; line-height: 21px; font-weight: bold; margin-bottom: 0.25em;}
.sidebar h3 {margin:15px 0 5px;}
.newsletter {margin: 0 5px; padding: 15px 0px;}
.newsletter form {position: relative; margin-top: 10px; z-index: 0;}
.newsletter input.text {width: 215px; padding: 2px; margin: 0;}
.newsletter input.submit {position: absolute; top: 0px; right: 0; z-index: 2;}
.newsletter p {margin-bottom: 0.25em;}
.latest-recipes {margin: 0 5px; background-color: #FCD712; padding: 20px 0 0 0; position: relative;}
.latest-recipes .burst {position: absolute; top: 10px; left: -10px;}
.latest-recipes h2 {margin: 0px 0 10px 70px;}
.latest-recipes ul { list-style-type: none; padding: 10px 10px 20px 20px; margin: 0 5px;}
.latest-recipes ul li {margin-bottom: 5px; font-size: 13px;}
.have-a-recipe {margin-left: 5px;}
.contests {margin: 0 5px;}
.contests .span-4 {width: 145px;}
.contests a {text-decoration: none; display: block; padding-bottom: 10px; margin-right: 10px; margin-top: 10px; border-bottom: 1px solid #cccccc;}
.contests a:focus, .contests a:hover {text-decoration: underline;}
.banners {margin: 10px 5px;}
.banners img {margin: 5px 0;}
.sidebar .two {padding-bottom: 15px;}
.special {background: transparent url(/css/special-messages.gif) no-repeat top center; padding-top: 20px; margin-top: 20px;}
.special li {font-size: 14px; line-height: 16px; font-family: Georgia, Times, serif; margin-bottom: 20px;}
.special a {text-decoration: none;}
.special a:focus, .special a:hover {text-decoration: underline;}


/*
---------------------------------------
general content (articles, recipes, groups, slideshows)
---------------------------------------
*/

form.tool-form {display: inline;} 
.dek {font-size: 140%; line-height: 1.25em; margin-bottom: 1em;}
.dek p {margin-bottom: 0;}

div.righty {float: right; text-align: right;}
div.righty .tools {text-align: left;}
div.righty ul.tools {margin-left: 0;}
div.righty ul.tools li {list-style-type: none;}
.articletools {margin: 10px 0 0 0; clear: both;}
.articletools li {display: inline; margin-right: 15px;}
.articletools li a {text-decoration: underline;}
.dots {margin-left: 3px;}
h1 .dots {position: relative; top: -4px; margin-left: 7px;}
a.see-all {margin-bottom: 15px; text-align: right; display: block; clear: both;}
p.before-something {margin-bottom: 4px;} 
.content-teaser {min-height: 125px; margin-bottom: 15px;}
.search-content-teaser {clear:both; display:table; margin-bottom:5px; padding:8px; width:600px;}
.search-content-teaser.row_even {background-color: #eaf7f8;}
.breadcrumb {font-size: 16px; margin-bottom: 5px;}
.breadcrumb a {color: #999999;}
.pagination {list-style-type: none; text-align: center;}
.pagination li {display: inline; margin: 0 5px;}
.pagination li img {position: relative; top: 3px;}
.pagination li.active {background-color: #E7681F; padding: 0 3px;}
.pagination li.active a {text-decoration: none;}
.member-list dt {font-size: 16px;}
.member-list dd {margin-left: 0; margin-bottom: 5px;}
h2 span.innergreen {background-color: #3ACA2F; padding: 3px 8px;}

/* static tabs, emulating jquery ui */
#tabs.static {border-bottom: 1px solid #cccccc; clear: both; margin-bottom: 20px; display:inline-block; padding-bottom:1px; width:100%;}
#tabs.static ul {list-style-image:none; margin: 0; list-style-type:none; padding:0.2em 0.2em 0; position:relative; display: block;}
#tabs.static ul li {border-bottom-width:0 !important; float:left; margin:0 0.2em -1px 0; padding:0 0 1px 0; position:relative; border:1px solid #FFFFFF; color:#FFFFFF; font-weight:normal;}
#tabs.static ul li a {float:left; padding:0.5em 1em; text-decoration:none; font-size: 14px;}
#tabs.static ul li.ui-state-hover {background: #dadada;}

/* little sidebar in articles, recipes */
.minibar {width: 160px; padding-left: 9px; border-left: 1px solid #cccccc;}
.minibar h3 {background-color:#E7681F; color:#000000; font-size:1.3em; font-weight:bold; padding:6px;}
.minibar img {border-right: 10px solid;}
.minibar img.community-bg {border-color: #fcd712; background-color: #fcd712;}
.minibar img.personalization-bg {border-color: #3aca2f; background-color: #3aca2f;}
.minibar img.wayfinder-bg {border-color: #e7681f; background-color: #e7681f;}
.minibar ul {list-style-type: none; margin-left: 10px; padding-bottom: 5px;}
.minibar ul li {margin: 3px 0 10px 0 ; line-height: 1.2em;}
.minibar ul.tags li {display: inline;}
.minibar hr {position: relative; right: 9px; width: 170px;}

/* subheader at top of articles, groups, e.g. */
.subheader {margin-top: 10px; height: 60px;}
.subheader .span-8 {width: 313px;}
.subheader .today a, .subheader .now a {font-size: 15px; line-height: 20px; margin: 0 15px 0 100px; display: block;}
.subheader .now {padding: 10px 0 0 0; background: #FCD712 url(/css/most-viewed-right-now.gif) no-repeat left; height: 50px; margin-right: 0; padding-right: 10px;}
.subheader .today {padding: 10px 0 0 0; background: #FCD712 url(/css/most-viewed-today.gif) no-repeat left; height: 50px; margin-right: 0; padding-right: 10px;}
.subheader .search {padding: 0; background: #98D7DA; margin-right: 0; width: 322px;}
.subheader .search img {vertical-align: top;}
.subheader .search form {margin-left: 60px; position: relative;  z-index: 0;}
.subheader .search form fieldset {margin: 0; padding: 0; border: none;}
.subheader .search input.text {width: 170px; margin: 0;}
.subheader .search input.submit {margin: 0; position: absolute; top:0; right: 0; z-index: 2;}

/* rating tool */
.rate-button {cursor: pointer;}
#rating_dialog ul {margin-left: 0;}
#rating_dialog ul li {list-style-type: none; margin-left: 0px;}
#rating_dialog ul li img {margin-right: 10px;}
#rating_dialog ul li a {cursor: pointer;}

/*
---------------------------------------
articles
---------------------------------------
*/
.article h1 {margin-bottom: 10px;}
.star {margin: 10px 0 0 0;}
.leadimage {margin-top: 10px;}
.photocredit {margin: 5px 0 0 0; font-size: 11px;}
.article .content {padding-right: 10px; width: 420px;}
.article h2 {font-weight: bold; margin-bottom: 0px;}

/*
---------------------------------------
recipes
---------------------------------------
*/
.recipeimage {float: left; margin: 0px 20px 0px 0;}
h2.part {font-weight: bold;}
.recipe .articletools {margin-bottom: 10px;}
.recipe .how-to {border: 1px solid #E7681F; padding: 20px; margin: 20px 0;}
.recipe .how-to h2 {color: #E7681F;}
.recipe .how-to p {margin-bottom: 0;}
.recipe h2 {margin-bottom: 0.2em; line-height: 1em;}
.recipe-stats {list-style-type: none; font-size: 140%; margin: 0 10px 0 0;}
.recipe-credits {margin-top: 20px; font-size: 11px;}
.recipe-meta {float: left; width: 160px; position: relative; height: 320px; overflow: visible;}
.recipe-meta .recipe-byline {position: absolute; bottom: 0; left: 0;}

/* 
---------------------------------------
profile
---------------------------------------
*/
div#profile h3 { font-weight: bold; margin-bottom: 5px; font-size: 16px;}
div#profile dl { margin-bottom: 0; padding-bottom:10px;}
div#profile ul { margin-left: 0;}
div#profile ul li { list-style-type: none; list-style-image: none;}
div#profile .member .content-teaser { margin-bottom:0; }
div#profile .member .content-teaser p { float: left; width: 90px;}
div#profile .member .content-teaser img { float: left; padding-right:8px;}
div#profile div.span-11 hr.separator { width: 98%;}

/* 
---------------------------------------
pantry
---------------------------------------
*/
div#user_tools {margin: 20px 0 0 10px;}
div#user_tools h2, div#user_tools p, div#user_tools form#pantry_search { float: left; width: 345px; margin:0;}
div#user_tools h2 { font-weight: bold;}
div#user_tools p { font-size:14px; line-height:17px; margin:0 0 5px;}
div#user_tools form input { vertical-align: middle;}
div#user_tools form input.text { padding: 2px; color: #a9adb0; width:200px;}
div#user_tools ul#user_options {width:150px; margin:0 5px 10px 10px; float:right;}
div#user_tools ul#user_options li { list-style-type: none; list-style-image: none;}

div#user_tools ul#user_recipes {clear:both; border-bottom:1px solid #ccc; margin:20px 0 10px; padding:0 0 3px 5px;}
div#user_tools ul#user_recipes a { text-decoration: none;}
div#user_tools ul#user_recipes li {display:inline; margin:0 0 0 3px; padding:5px; background-color:#e5e5e5;}
div#user_tools ul#user_recipes li.active {background-color:#e7681f; color:#fff;}
div#user_tools ul#user_recipes li.active a {color:#fff;}

div#user_tools form#recipe_search {clear:both; border-bottom:1px solid #ccc; height:110px; margin:0 0 10px;}
div#user_tools form#recipe_search fieldset { border:none; margin:10px 5px; padding:0; width:150px; float:left;}
div#user_tools form#recipe_search fieldset legend { font-weight:bold; font-size:1em;}
div#user_tools form#recipe_search fieldset input { vertical-align: middle; display:block; float:left; clear:left;}
div#user_tools form#recipe_search input.submit { margin-top:30px; }
div#user_tools form#recipe_search p { clear:left; background-color:#fcd712; width:auto;}
div#user_tools form#recipe_search p input#my_matches { float:left; }
div#user_tools form#recipe_search p label { float: left;}
div#user_tools form#recipe_search p label span { background-color:#fff; color:#a9adb0; padding:5px; }
div#user_tools form#recipe_search select {margin:1px 0;}

div#user_tools #recipe_options {clear:both; margin: 10px 0; height:50px;}
div#user_tools #recipe_options img {float: left;}
div#user_tools #recipe_options ul { float:left; margin:10px;}
div#user_tools #recipe_options ul li {display:inline; margin:0 0 0 10px; list-style-image: none; list-style-type: none;}

div#recipe_list { margin:10px 0 10px 10px; padding:0 0 10px; display:table;}
div#recipe_list div {margin:0 0 20px 0; clear:left; min-height:115px; height:auto !important; height:115px;}
div#recipe_list div input {float:left; margin:50px 5px 0 0; background-color:#98D7DA; padding:1px;}
div#recipe_list div img.thumbnail {border:1px solid #CCCCCC; float:left; margin:0 10px 0 0; padding:0;}
div#recipe_list div h3, div#recipe_list div p {margin:0 0 5px 150px;}
div#recipe_list div img {padding:0 0 0 10px; margin:0 0 5px;}
div#recipe_list div img.time {padding:0; margin:0; vertical-align:middle;}
div#recipe_list div img.rating {vertical-align:middle;}
div#recipe_list div ul.controls {margin: 0; padding: 0; text-align: right;}
div#recipe_list div ul.controls li { display:inline; margin:0 0 0 10px; list-style-image: none; list-style-type: none; }
div#recipe_list div ul.controls li span { }

div#search_list { }
div#search_list div {margin:0 0 20px 0; clear:left; display:table;}
div#search_list div input {float:left; margin:50px 5px 0 0; background-color:#98D7DA; padding:1px;}
div#search_list div img.thumbnail {border:1px solid #CCCCCC; float:left; margin:0 10px 0 0; padding:0;}
div#search_list div h3, div#recipe_list form#recipe_listing div p {margin:0 0 5px 150px;}
div#search_list div img {padding:0 0 0 10px; margin:0 0 5px;}

div#recipe_suggestions div#manage_recipe {background-color:#E7681F; padding:5px 0 0 0; margin:0 0 20px;}
div#recipe_suggestions div#manage_recipe span {background-color:#FCD712; display:block;}
div#recipe_suggestions div#manage_recipe h3, div#recipe_suggestions div#manage_recipe p {margin:0; padding:5px 10px;}

div#pagination {clear:both; text-align:center;}
div#pagination img {margin:0 5px; vertical-align:middle;}
div#pagination ul {display:inline;}
div#pagination ul li {display:inline; margin:0 0 0 10px; list-style-image: none; list-style-type: none;}

/*
---------------------------------------
groups
---------------------------------------
*/
.group h1 {font-size: 2em;}
.righty .tools li.create {margin-top: 15px;} 
.group .comments {margin-top: 0;}
.group .comment-tools {position: static;}
.group .comments form {height: 155px;}
.group .comments form input.text {width: 175px;}
.group .comments form textarea {width: 175px;}
.group .span-3 {width: 115px; margin-right: 20px;}
.group .content {width: 475px;}
.group .content .span-7 {width: 290px;}
.group .span-3 h2,
.group .minibar {padding-left: 0; border-left: none;}
.group .minibar img {border: none;}
.group .minibar hr {position: static; width: auto;}
.group .span-3 h2,
.group .minibar h2 {font-size: 16px; font-weight: bold; padding: 3px 8px; background-color: #E7681F; margin-bottom: 10px;}
.group .minibar ul {margin: 0;}
.group .latestcomment {}
.group .latestcomment div {padding: 0 30px 20px 30px; background: transparent url(latestcomment-mid.gif) repeat-y; margin-top: -20px;}
.group .latestcomment div p {margin-bottom: 0;}
.group dl.span-5 {margin-top: 10px; padding: 10px; width: 170px; margin-right: 15px;}
.group-matches {background-color: #FCD712; padding: 10px; margin-top: 0;}
.group h2.more-header {font-size: 22px; font-weight: bold;}

/* 
---------------------------------------
group listing
---------------------------------------
*/
div#group_list {margin:10px 0 10px 10px; display:table;}
div#group_list div { margin-bottom: 15px;}
div#group_list h3 { margin: 0 0 5px 0;}
div#group_list h3 a { text-decoration: underline;}
div#group_list span.new { background-color:#E7681F; padding:2px;}
div#group_list p { margin-bottom: 5px;}
div#group_list ul { margin-left: 0;}
div#group_list ul li { list-style-image: none; list-style-type: none;}
div#group_list ul.new-counts li { display: inline;}

/* 
---------------------------------------
group detail
---------------------------------------
*/
div#group-detail h3 { background-color:#E7681F; color:#000; padding: 6px; font-size: 1.3em; font-weight:bold;}
div#group-detail div.comments h3 {font-size: 16px; background-color: transparent; color:#000000; padding:0;}
div#group-detail div.comments textarea {width: 200px;}
div#group-detail h3.group-title { background: #fff url(/layout/double-gray-short.gif) repeat-x top; color:#000; clear: both; margin: 10px; padding: 15px 0; font-size: 1.8em; }
div#group-detail div#group_recipe_list h3 { margin:0 0 5px 10px;}
div#group-detail div#group_recipe_list {width:130px; min-height:1000px; height:auto !important; height:1000px; }
div#group-detail div#group_recipe_list div {margin:0 0 10px 10px;}
/*div#group-detail div#group_recipe_list img, div#group-detail div#group_recipe_list h3, div#group-detail div#group_recipe_list p { float: none; margin: 0; padding: 0;}*/
div#group-detail div#group_recipe_list ul { margin:0 0 0 10px; padding: 0;}
div#group-detail div#group_recipe_list ul li { list-style-image: none; list-style-type: none;}
div#group-detail div#group_recipe_list ul li.empty { font-weight: bold;}
div#group-detail div#comment_list { width: 320px;}
div#group-detail #more_group_options li span {text-decoration: underline;}

/* 
---------------------------------------
group recipes
---------------------------------------
*/
div#group_tools {margin:10px 0 10px 10px; display:table;}
div#group_tools h2, div#group_tools p, div#group_tools form#pantry_search { float: left; width: 450px; margin:0;}
div#group_tools p { font-size: 14px;}
div#group_tools form input { vertical-align: middle;}
div#group_tools form input.text { padding: 2px; color: #a9adb0; width:200px;}
div#group_tools ul#group_options {width:150px; margin:0 5px 10px 10px; float:right;}
div#group_tools ul#group_options li { list-style-type: none; list-style-image: none;}
div#group_tools ul#group_options li.single-option { margin-top: 13px;}

div#group_tools ul#group_sections {clear:both; border-bottom:1px solid #ccc; margin:20px 0 10px; padding:0 0 3px 5px;}
div#group_tools ul#group_sections a { text-decoration: none;}
div#group_tools ul#group_sections li {display:inline; margin:0 0 0 3px; padding:5px; background-color:#e5e5e5;}
div#group_tools ul#group_sections li.active {background-color:#e7681f; color:#fff;}
div#group_tools ul#group_sections li.active a {color:#fff;}
div#group_tools ul#group_sections li.social {margin-left:25px;}

div#group_tools form#group_search {clear:both; height:110px; }
div#group_tools form#group_search fieldset { border:none; margin:10px 5px; padding:0; width:150px; float:left;}
div#group_tools form#group_search fieldset legend { font-weight:bold; font-size:1em;}
div#group_tools form#group_search fieldset input { vertical-align: middle; display:block; float:left; clear:left;}
div#group_tools form#group_search input.submit { margin-top:30px; }
div#group_tools form#group_search p { clear:left; background-color:#fcd712; width:auto;}
div#group_tools form#group_search p input#my_matches { float:left; }
div#group_tools form#group_search p label { float: left;}
div#group_tools form#group_search p label span { background-color:#fff; color:#a9adb0; padding:5px; }
div#group_tools form#group_search select {margin:1px 0;}
div#group_tools ul#more_group_options {clear:both; padding:20px 0 0; margin-left:0;}
div#group_tools ul#more_group_options li {display:inline; margin:0 10px 0 0; list-style-image: none; list-style-type: none;}

div#best_20 {background: transparent url(/layout/double-gray-short.gif) repeat-x bottom; margin:10px 0 10px 10px; padding:0 0 10px; display:table;}
div#best_20 h3 {margin-top: 0px; background: transparent url(/layout/double-gray.gif) repeat-x left; text-align:center;}
div#best_20 div {display:table; margin:0 15px 20px 0; width:47%; float:left;}
div#best_20 div.newgroup {clear:both;}
div#best_20 div input {float:left; margin:50px 5px 0 0; background-color:#98D7DA; padding:1px;}
div#best_20 div img.thumbnail {border:1px solid #CCCCCC; float:left; margin:0 10px 0 0; padding:0;}
div#best_20 div h4, div#best_20 div p {margin:0 0 5px 150px;}
div#best_20 div img {padding:0 0 0 10px; margin:0 0 5px;}
div#best_20 div img.time {padding:0; margin:0;}

div#recipe_suggestions div#manage_recipe {background-color:#E7681F; padding:5px 0 0 0; margin:0 0 20px;}
div#recipe_suggestions div#manage_recipe span {background-color:#FCD712; display:block;}
div#recipe_suggestions div#manage_recipe h3, div#recipe_suggestions div#manage_recipe p {margin:0; padding:5px 10px;}

h3.group-title {margin: 0 10px;}

div#pagination {clear:both; background: transparent url(/layout/double-gray-short.gif) repeat-x bottom; text-align:center; margin:10px 0 20px 10px; padding:0 0 10px; height:90px;}
div#pagination img {margin:0 5px; vertical-align:middle;}
div#pagination ul {display:inline;}
div#pagination ul li {display:inline; margin:0 0 0 10px; list-style-image: none; list-style-type: none;}

/*
---------------------------------------
group sidebar
---------------------------------------
*/
div#group-detail .sidebar div { margin: 0 0 25px;}
div#group-detail .sidebar ul { margin: 0; padding: 0;}
div#group-detail .sidebar ul li { list-style-image: none; list-style-type: none;}
div#group-detail .sidebar ul li.empty { font-weight: bold;}
/*
---------------------------------------
shopping list detail
---------------------------------------
*/

div#shopList_tools div.span-5 { width:180px; padding-left: 10px; margin-right: 0;}
#shoppinglist_form {margin-left: 10px;}
#shoppinglist_form div.span-11 {width: 420px;}

div#shop_check_list_title {height:42px; margin-bottom:20px;}
.fake-heading {font-size:20px; position:absolute; vertical-align:middle; padding:10px 0 0 10px; font-weight: bold}
.category_group {position: relative; border-bottom: 1px solid #cccccc; margin-bottom: 10px; padding-bottom: 15px;}
.category_group h4 {font-size: 20px;}
.checkbox_toggle_btn {position: absolute; top: 5px; right: 0px; cursor: pointer; text-decoration: underline;}

.shopping-list tr.even, .shopping-list tr.even td {background-color: #ffffff}
.shopping-list tr.odd, .shopping-list tr.odd td {background-color: #e6e6e6}

div#shop_check_list div.thing-header {margin-bottom: 3px; margin-top: 20px;}
div#shop_check_list div.thing-header .trw {font-size: 14px; margin-right: 20px;}
div#shop_check_list div.thing-header .totalReq {background-color:#E7681F; color: #ffffff; font-weight: bold; padding: 1px 2px; margin-right: 5px;}

div#shop_check_list table.shopping-list td.trws,
div#shop_check_list table.shopping-list td.trw {width:280px;}
div#shop_check_list table.shopping-list td.checker {text-align: right;}

div#make_notes_title {height:42px; margin-bottom:20px;}
div#make_notes textarea {width:600px;}

div#take_list_title {height:42px; margin-bottom:20px;}
div#take_list a {margin-right:20px;}

#print-shoppinglist {background-color: #98d7da; font-size: 11px; padding: 2px 6px; cursor: pointer;}
#shoppinglist_email_btn {background-color: #98d7da; font-size: 11px; padding: 2px 6px; margin-top: 10px; width: 30px; display: block; cursor: pointer;}
#shoppinglist_form div.span-8 {width: 290px; padding-right: 10px;}
#shoppinglist_form .span-8.first {border-right: 1px solid #cccccc; height: 100px; width: 280px; margin-right: 20px;}
#shoppinglist_form .span-8.last {width: 280px;}
.sh_email label {display: block;}
#shoppinglist_form .span-8 h4 {font-size: 20px; font-weight: normal; margin-bottom: 10px;}


/*
---------------------------------------
group footer
---------------------------------------
*/
div.span-16 div#more_groups { margin:10px 0 10px 10px; padding:0 0 10px; display:table; width:100%;}
div.span-16 div#more_groups div {width:160px; float:left; margin:10px 30px 0 0; padding:7px;}
div.span-16 div#more_groups div.highlighted {background-color:#FCD712;}
div.span-16 div#more_groups ul { margin: 5px 0;}
div.span-16 div#more_groups ul li { list-style-image: none; list-style-type: none;}
div.span-16 div#more_groups ul li.see-all {margin:15px 0 0;}

/*
---------------------------------------
comments
---------------------------------------
*/
.comments {position: relative; margin-top: 60px;}
.comments.wee {margin-top: 0;}
.comments h2 {font-size: 16px;}
.comments h2 span {font-weight: normal;}
.comments h3 {font-size: 16px; background-color: transparent; color:#000000; padding:0; font-weight: bold;}
.comments h3 span {font-weight: normal;}
.comments h4 {font-weight: bold; margin: 0; padding: 0;}
.comments .comment-tools a {margin-left: 20px;  padding-bottom: 3px;}
a.rss {background: transparent url(/css/rss.gif) no-repeat top left; padding-left: 25px;}
.comments form {background-color: #fcd712; padding: 15px; margin-top: 5px; margin-bottom: 20px; position: relative; height: 100%;}
.comments.wee form { margin:0 0 10px;}
.comments form input.text {clear: right; width: 220px;}
.comments form textarea {float: left; width: 300px;}
.comments.swee mall form textarea {width: 215px;}
.comments form input.submit {position: absolute; bottom: 20px; right: 13px; margin: 0;}
.comment {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #cccccc;}
.comment .meta {margin-bottom: 0;}

div#latest_comment { background: transparent url(/layout/latest-comment-top.gif) no-repeat top left; width:490px; margin:-18px 0 10px;}
div#latest_comment img { margin:0 0 -5px; }
div#latest_comment h4 { margin:30px 125px 5px 15px; }
div#latest_comment p { margin:0 35px 5px 15px; }

.comments form.comment-flag { background-color: transparent; height: auto; width: auto; display: block; margin:0 30px 0 0; padding: 0; text-align: right;}
/* 
---------------------------------------
contests
---------------------------------------
*/
.contest .thumb {float: left; margin: 0 10px 10px 0;}
.contest p.abstract a {text-decoration: none;}
.contest p.abstract a:hover {text-decoration: underline;}
.contest h2 {margin-bottom: 0.25em;}
.contest fieldset {margin: 0px 5px 0px 5px;}
.contest label {float: left; width: 150px; margin: 0px 15px 0px 5px; text-align: right; display: block;}
.contest input, .contest select, .contest textarea, .contest .form-static  {float: left;}
.contest .form-item {clear: both; margin-bottom: 20px; min-height: 20px;}
.contest .submit {clear: left; margin: 15px 0 15px 220px;}
.contest-details, .contest-header, .contest-footer {margin: 10px 0;}
.contest h1.with-header {display: none;}

.contest #contest_register_form p {clear: both; margin-bottom: 20px; min-height: 10px;}
#contest_register_form .help {font-size: 11px; width: 180px; margin:20px 0 10px 172px;}
#contest_register_form hr.separator {background-image: url(bg-doublerule.gif);}

.contest-registration-newsletters .form-item {position: relative; padding-left: 30px; margin-bottom: 0;}
.contest-registration-newsletters .form-item input {position: absolute; top: 0px; left: 0;}
.contest-registration-newsletters .form-item label {text-align: left; text-decoration: underline; float: none; clear: both; width: auto;}
.contest-registration-newsletters p.field-help {margin-top: 0px; margin-left: 30px;}

.contest-registration-newsletters { border:none; margin:0; padding:0; }
#contest_register_form h2 { font-size: 16px; line-height: 21px; font-weight: bold; margin-bottom: 0.25em; margin-top:50px; }
#contest_register_form .dek {font-size: 120%;}

/*
---------------------------------------
registration
---------------------------------------
*/

/* general */
.ui-tabs .ui-tabs-hide {display: none;}
.page-registration .header {height: 80px; background: none;}
.page-registration #tabs {padding-bottom: 50px; margin-right: 0;}
.page-registration .registration {min-height: 800px;}
.registration fieldset {border: none; padding: 0;}
.registration .form-item {margin-bottom: 10px;}
.registration label {font-weight: normal; width: 100px; text-align: right; margin-right: 7px; display: block; float: left; clear: left;}
.registration legend {font-size: 16px; margin-bottom: 10px;}
.registration .save {margin: 20px 0 20px 380px;}
.registration .error {padding: 2px 4px; margin-top: 10px; margin-bottom: 4px;}
.ui-tabs .ui-tabs-panel {padding: 0;}
.ui-tabs-nav {border-bottom: 1px solid #cccccc; margin-bottom: 20px;}
.regbar {margin-top: 39px; background: transparent url(bg-doublerule-h.gif) repeat-y left; position: relative; left: -4px; padding-top: 10px; border-top: 1px solid #cccccc;}
.regbar p, .regbar img { margin-left: 15px;}
.regbar ul#sister-sites { list-style-type:none;}
.page-registration .help {margin-left: 105px; font-size: 11px; line-height: 13px; position: relative; top: -7px; margin-bottom: 5px;}
.regnav {clear: both; text-align: center;}
#forgot_password_dialog label {width: auto; margin-right: 15px; text-align: left}
#forgot_password_dialog .send {position: relative; top: 5px; margin-left: 10px;}

/* tab 1 */
.registration div.required-information {border: 1px solid #E7681F; margin-right: 20px;}
.registration div.required-information .help {width: 165px;}
#id_address_postal {width: 80px;}
.registration .required-information fieldset {padding: 1.4em;}
.required-information legend {color: #E7681F; margin-top: 10px;}
.profile-photo {width: 120px;}
.personalization {margin-top: 10px;}
.profile-information {margin-top: 10px;}
.profile-information p {width: 700px;}
.profile-information strong {color: #E7681F;}
textarea#id_about_me {margin-bottom: 0;}
.dob input {width: 50px;}
textarea#id_about_me {width: 290px}
.page-registration select {position: relative; top: -5px;}

/* tab 2 */
#notify_me  legend {margin-bottom: 0;}
.registration-newsletters {margin-right: 30px; width: 360px;}
.registration-newsletters .form-item {position: relative; padding-left: 30px; margin-bottom: 0;}
.registration-newsletters .form-item input {position: absolute; top: 0px; left: 0;}
.registration-newsletters .form-item label {text-align: left; text-decoration: underline; float: none; clear: both; width: auto;}
.registration-newsletters p.field-help {margin-top: 0px; margin-left: 30px;}

/* tab 3 */
.registration-profile-matching {position: relative; height: 800px;}
.registration-profile-matching .profile-matching {position: absolute; top: 50px; right: 20px;}
.registration-profile-matching legend {margin-bottom: 0;}
.registration-profile-matching label {width: 120px;}
.kitchen label {float: none; clear: none; width: auto; display: inline;}
.kitchen {width: 380px;}

/*
---------------------------------------
home
---------------------------------------
*/

div.home {margin-right: 0; width: 660px; margin-top: 20px; margin-right: 0;}

/* first two columns */
.home .span-5 h2 {text-align: center; margin-bottom: 0;} 
.home .span-5 h3 {text-align: center; margin-bottom: 20px; font-weight: bold; font-size: 16px;}
.home .span-5 hr.separator {margin-bottom: 15px;}
.home .span-5 ul {list-style-type: none; margin: 0 10px 1.5em 10px;}
.home .span-5 li  {margin-bottom: 10px;}
.home .span-5 p {margin-right: 10px; margin-left: 10px; text-align: center; line-height: 130%;}

/* first column */
.home div.best-welcome {width: 160px; padding: 10px; margin-right: 1px; background-color: #FCD712;}
.home div.best-welcome hr.separator {background-image: url(bg-doublerule-wh-yellow.gif);}

/* second column */
.home .second {width: 445px; margin-left: 20px; margin-right: 0;}
.home .second .row {padding: 10px;}
.home .search-area {background-color: #98D7DA; padding-top: 20px;}
.home .search-area {}
.home .search-area .form-item {text-align: left; margin: 0 10px;}
.home .search-area .text {width: 130px;}
.home .search-area .check {margin-right: 5px;}
.home .search-area .submit {margin: 15px 0 10px 35px;}
.home .search-area label {text-decoration: underline; font-weight: normal;}
.home .search-area ul {text-align: left;}
.home .search-area ul li {margin-bottom: 0px;}
.home .search-area hr.separator {background-image: url(bg-doublerule-turq.gif);}
.home .second .browse-area {background-color: #E6E6E6; padding-top: 20px;}
.home .browse-area hr.separator {background-image: url(bg-doublerule-gray.gif);}

/* third column */
.home .last {width: 255px;}
.home .last h2 {line-height: 1.2em;}
.home .last hr {margin-bottom: 10px;}
.home .last h2.of-the-day {margin-bottom: 10px;}
.home .last h2 span {color: #E7681F; text-decoration: none; font-weight: bold;}
.home .last h3.guide-heading {margin-bottom: 4px; font-weight: bold; font-size: 16px;}
.home .last h3.guide-heading a {background-color: #98D7DA; padding: 2px; text-decoration: none;}
.home .last ul {margin: 0 0 1.5em 0;}
.home .last li {list-style-type: none;}
.home .last .guide ul { margin:7px 0 1.5em;} 
.home .last .guide ul li { line-height:16px; margin:0 0 8px;} 

/* footer tweaks */
.page-home .page-inner {margin-left: 0px;} /* used only in footer */
.page-home .footer .burst {left: 490px} /* adjusts for nudge in previous line */

/* member subheader */
.mysubheader {margin-top: 10px; overflow: hidden; height: 73px;}
.mydate {width: 160px; float: left; height: 65px; padding: 4px 10px;}
.mydate p {margin-bottom: 0;}
.mydate span {font-size: 22px; display: block; line-height: 105%}
.myname {background-color: #26A51C; width: 160px; font-size: 22px; color: #ffffff; margin-right: 2px; line-height: 120%; padding-top: 10px; float: left; height: 53px; padding: 10px; font-weight: bold;}
.mylinks {width: 180px; padding: 3px; background-color: #3ACA2F; margin-right: 4px; float: left; height: 65px; padding: 4px 10px;}
.mylinks ul {margin: 10px 0 0 0; list-style-type: none; line-height: 120%;}
.count {width: 98px; height: 56px; margin-right: 4px; background-color: #3ACA2F; text-align: center; line-height: 135%; float: left; padding: 7px 0px 10px 0px;}
.count.active {background-color: #E7681F;}
.count div.num {font-size: 22px; padding: 0; float: none; clear: both; margin: 0 10px;}
.count div.num a {color: #ffffff; text-decoration: none; font-weight: bold;}
.count .name {height: 20px; display: block; height: 40px; text-decoration: underline; margin: 0 10px;}
.count .short {margin-top: 4px; height: 36px;}
.count .invitations {position: relative; top: 10px; padding: 2px 0; background-color: #FCD712;}
.count .invitations a {width: 75px;}

/*
---------------------------------------
browse by
---------------------------------------
*/

.browse form p {margin-bottom: 0;}
.browse label {font-weight: normal;}
.browse .matches {background-color: #FCD712; padding: 2px;}
.browse .form-item {margin: 5px 0;}
.browse select {width: 120px; padding: 2px;}
.browse .submit {margin-top: 25px;}
.browse h2.the-best {background: transparent url(bg-browse-20-heading.gif) no-repeat left; padding: 15px 0 15px 200px; font-size: 26px;}
.browse h2.the-best span {color: #E7681F;}
.browse div.span-8 {width: 290px;}
.browse div.recipe-text img {margin-right: 5px;}
.browse .recipe-thumb {float: left; margin-right: 15px;}
.browse .span-8 div.recipe-text {width: 155px; float: left; clear: right; margin-bottom: 20px;} 
.browse div.recipe-text h3 {margin-bottom: 3px;}
.browse div.recipe-text p {line-height: 130%; margin: 0;}
.browse div.recipe-text p.byline {margin-bottom: 3px;}
.browse div.recipe-text div img {margin-left: 5px;}
.browse .top-teaser {margin-top: 25px;}
.browse .ui-tabs-nav {border-bottom: 1px solid #cccccc; margin-bottom: 10px;}
.browse.tags h1 {display: none}

/*
---------------------------------------
browse by all
---------------------------------------
*/
.browse-by-all ul.span-5 {width: 180px;}

/*
---------------------------------------
member home
---------------------------------------
*/
.member h1 {font-size: 2em;}
.member .righty .tools li.shopping {margin-bottom: 15px;}
.member div.span-11 {width: 420px}
.member-thumb {float: left; margin-right: 15px;}
.member .mysubheader {margin-top: 0;}
.member div.pantry {width: 419px; border-right: 1px solid #cccccc;}
.food-feed h2 {margin-bottom: 0;}
.food-feed dt {font-size: 13px; color: #ffffff; text-align: center; font-weight: normal; margin-bottom: 5px;}
.food-feed dt span {background-color: #E7681F; padding: 2px;}
.food-feed dd {margin-left: 10px; margin-bottom:20px;}
.member .pantry h2 {font-weight: bold;}
.member .new {background-color: #E7681F; padding: 1px 2px; color: #ffffff; margin-right: 5px;}
.member .mygroups {list-style-type: none; margin: 0;}
.member .mygroups li {margin-bottom: 10px;}
.member .member-list.first {border-right: 1px solid #cccccc;}
.member .see-all {margin-right: 5px;}
.member .content-teaser {width: 180px; float: left; margin-right: 10px; min-height: 115px;}
.member .content-teaser .thumb {float: left; margin-right: 10px; width: 100px;}
.member .major {width: 180px; float: left; clear: right; text-align: left; padding: 10px; margin-right: 10px; background-color: #3ACA2F;}

/*
---------------------------------------
i'm following
---------------------------------------
*/
.content-teaser.member {width: 100%; float: none; margin-right: 0; min-height:115px;}
.member h2 .member-count {margin-left: 10px; font-size: 16px;}
.member h2 form.inline {display: inline; margin-left: 20px;}
.member .notice, .member .error, .member .warning {margin-right: 10px;} 

/*
---------------------------------------
guide home
---------------------------------------
*/
.guide h1 {margin-bottom: 0;}
.guide div.span-11 {width: 420px;}
.guide div.span-5.guidebar {width: 170px; float: right;}
.guide .recipeimage {margin-right: 20px;}
.guide .leadspot {margin-bottom: 20px;}
.guide .leadspot h2 {margin-bottom: 0; font-size: 16px; line-height: 21px; font-weight: bold;}
.guide .leadspot h2 a {text-decoration: none;}
.guide .leadspot p {margin-bottom: 10px;}
.guide h2.the-best {font-size: 26px; line-height: 32px; font-weight: normal; background: transparent url(/layout/20-minutes.gif) no-repeat left center; padding-left: 80px; margin-top: 20px; margin-bottom: 20px;}
.guide hr.separator {margin: 10px 0;}
.guide .content-teaser {float: left; width: 115px; margin-right: 20px;}
h2.ourfaves {margin-bottom: 0;}
.guidebar h2 {margin-bottom: 0px;}
.guidebar dt {background: #E7681F; font-size: 16px; font-weight: bold; color: #ffffff; padding: 3px 10px; margin-bottom: 5px;}
.guidebar dd {margin: 5px 0 5px 10px;}
.guide div.fave {margin-right: 30px; width: 170px; margin-bottom: 20px;}
.guide .ourfave-link {display: block; padding: 5px 8px; text-decoration: none; background-color: #cccccc;}

/*
---------------------------------------
search
---------------------------------------
*/
.browse form.search-form input.submit {position: relative; top: 8px;}

/*
---------------------------------------
slideshow
---------------------------------------
*/
.slide-thumbs {margin:10px 0 0; clear: both;}
.slide-thumbs li { display: inline;}
.slide-thumbs li img {margin-right: 2px; margin-bottom: 2px;}
.slide-pager {margin: 10px 0;}
.slideshow .leadimage {margin: 0 20px 0 0; float: left;}
.slideshow .slide-content {padding-top: 10px;}
.slideshow .slide-credit {font-size: 11px;}
/*
---------------------------------------
guides landing page
---------------------------------------
*/
.page-guides .leadimage {margin: 0 20px 20px 0; float: left}
.page-guides h2 {font-size: 16px; margin-bottom: 0;}
.page-guides h2 a {text-decoration: none;}
.page-guides hr.separator {margin-bottom: 1.45em;}

/*
---------------------------------------
video
---------------------------------------
*/
.vidwrap {background-color: #000000; padding: 10px; text-align: center; margin-top: 10px;}

/*
---------------------------------------
food feed
---------------------------------------
*/
div#food-feed-summary.food-feed h2 {margin-bottom: 0;}
div#food-feed-summary.food-feed dt {font-size: 13px; color: #ffffff; text-align: left; font-weight: normal; margin-top: 20px;}
div#food-feed-summary.food-feed dt span {background-color: #E7681F; padding: 2px;}
div#food-feed-summary.food-feed dd {margin-left: 0;}


/*
---------------------------------------
add recipe
---------------------------------------
*/

/* step 1 */
.recipe-add .form-item {margin-bottom: 10px; position: relative;}
.recipe-add .form-item .help {position: absolute; left: 0; bottom: 75px; font-size: 11px; width: 100px;}
.recipe-add .form-item.short .help {bottom: 20px;}
.recipe-add label {font-weight: normal; width: 90px; text-align: right; margin-right: 12px; display: block; float: left; clear: left;}
.recipe-add .save {margin: 10px 0 20px 250px;}
.recipe-add .error {padding: 2px 4px; margin-top: 10px; margin-bottom: 4px;}
.recipe-add #id_recipe_title {width: 390px;}
.recipe-add #id_ingredients {height: 220px;}
.recipe-add #id_servings,
.recipe-add #id_prep_time_val,
.recipe-add #id_cooking_time_val {margin-right: 5px; width: 30px;}

/* step 2 */
.recipe-add .recipe-notice {border: 1px solid #E7681F; background: transparent url(question-mark.gif) no-repeat 10px 10px; padding: 20px 20px 15px 45px; margin-bottom: 20px;}
.recipe-add .recipe-notice p {margin-bottom: 10px;}
.recipe-add .hiddenfields {display: none;}
.recipe-add form {margin-bottom: 20px;}
.recipe-add form p {margin-bottom: 10px;}
.recipe-add tr.even td {background-color: #ffffff}
.recipe-add tr.odd td {background-color: #e6e6e6}
tr.invalid td {color: #E7681F;}
td.validity {text-align: center; width: 25px;}
td.quantity {width: 80px;  vertical-align: top;}
tr.no-quantity td.quantity {width: 0; padding-left: 0; padding-right: 0;}
td.measurement {width: 100px;}
.recipe-add h3 {margin-bottom: 10px; font-weight: bold;}
.recipe-add form.inline {display: inline;}
p.recipe-thanks {background: transparent url(/layout/check.gif) no-repeat center left; padding: 12px 0; font-weight: bold; margin-top: 20px; margin-bottom: 10px; padding-left: 35px;}

/*
---------------------------------------
newsletter signup
---------------------------------------
*/
.newsletter-signup .form-item {clear: both; margin-bottom: 20px; min-height: 20px;}
.newsletter-signup label {font-weight: normal; width: 100px; text-align: right; margin-right: 12px; display: block; float: left; clear: left;}
.page-newsletter .newsletter-signup .registration-newsletters {width: 310px; float: left; padding: 0; border: none; margin-right: 20px;}
.newsletter-signup .registration-newsletters label {font-size: 16px;}
.newsletter-signup .sample {float: right; clear: right;}
.newsletter-signup .registration-newsletters .form-item {margin-bottom: 0;}
.newsletter-signup .help {margin-left: 112px; margin-top: -15px; width: 160px;}
.newsletter-signup .save {margin: 10px 0 20px 260px;}
.newsletter-signup .registration-newsletters .save.authenticated {margin-left: 100px;}
.newsletter-signup h3 {font-size: 16px;  margin-bottom: 30px;}
.newsletter-signup .col1 {width: 310px; float: left; clear: left}
.newsletter-signup .col2 {width: 280px; float: right; clear: right; border-left: 1px solid #999999; padding-left: 20px;}
.newsletter-signup .col1 h3 {margin-left: 100px;}
.page-newsletter h2.big1 {padding-left: 50px; background: transparent url(big1.gif) no-repeat top left; height: 30px; font-size: 22px; line-height: 100%; padding-top: 10px; font-weight: bold;}
.page-newsletter h2.big2 {padding-left: 50px; background: transparent url(big2.gif) no-repeat top left; height: 30px; font-size: 22px; line-height: 100%; padding-top: 10px; font-weight: bold;}


.page-newsletter h2.news-check {padding-left: 35px; height: 35px; background: transparent url(news-check.gif) no-repeat top left; padding-top: 0px;}
.page-newsletter .please-note {padding-top: 10px; margin-top: 10px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; margin-bottom: 30px;}
.page-newsletter .please-note h3 {width: 115px; background-color: #e7681f; padding: 2px; color: #ffffff; text-transform: uppercase; margin-bottom: 5px; font-size: 16px;}
.page-newsletter .please-note p {font-size: 16px;}

/*
---------------------------------------
browse all
---------------------------------------
*/
.browse-all h2 {font-size: 14px; font-weight: bold; margin-top: 20px;}
.browse-all ul {list-style-type: none; margin-left: 0;}
.browse-all ul li {margin-bottom: 8px;}


/*
---------------------------------------
Send To Friend
---------------------------------------
*/
#id_form_send_to_friend .help {position: absolute; font-size: 11px; width: 120px; margin-left:40px; margin-top:20px;}
#btn_skip {margin:15px 0 15px 10px}

/*
---------------------------------------
Food Feed
---------------------------------------
*/
#foodfeed h2 {font-size: 24px; margin: 0; font-weight: normal; line-height: 1em;}
#foodfeed h2 a {color: #333; text-decoration: none;}
#foodfeed small {color: #333; font-size: 11px; display: block; margin: 5px 0 10px 0;}

/*
---------------------------------------
Callouts
---------------------------------------
*/
#callouts {
    overflow: hidden;
    margin-bottom: 10px;
}

#callouts h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

#callouts h2 span {
    color: #E7681F;
}

#callouts h3 {
    font-size: 12px;
    line-height: 1.2em;
}

#callouts p {
    margin: 10px 0 0 0;
}

#tonightsdinner,
#recipeoftheday {
    width: 120px;
    padding-right: 10px;
    float: left;
}

#newsletter {
    width: 170px;
    float: left;
    border-left: 1px solid #ccc;
    padding-left: 9px;
}

#foodfeed p a,
#foodfeed div a {
    color: #E7681F;
    text-decoration: none;
}

#foodfeed p img {
	padding: 0;
	max-width: 100%;
	}

#foodfeed img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

#foodfeed img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

#foodfeed img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

#foodfeed .aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#foodfeed .wp-caption {
	padding-top: 4px;
	margin: 0 10px 10px 10px;
}

#foodfeed .wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

#foodfeed .wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

#foodfeed .alignright {
	float: right;
        margin-right: 0;
	}

#foodfeed .alignleft {
	float: left;
        margin-left: 0;
	}