@charset "UTF-8";

/*
PROTO.CSS
These style definitions apply to pages in the Recipes section of the site.
*/

/* === HTML TAGS ========================================================================================================== */


/* === NAMED ELEMENTS ===================================================================================================== */

#moments-calendar-full { height: 402px; }

.content-title-container {margin:5px 0 11px 0; padding:16px 32px;background-color:#F0DFA7; }
.content-title-container .breadcrumb{float:left;}
.content-title-container #recipe_search{float:right; margin:0px 0px 0px 0px;}
.content-title-container #recipe_search #query{background-image:url(/img/global/search_queryBg.gif);border:none;float:left;height:21px;margin-right:0px;width:173px;padding:4px 0 0 4px;}
.content-title-container #recipe_search #submit{float:left; padding:0px 0 0 4px;}
body.tips .content-title-container { background-color: #d8d79f; }

/* category view */
.content-container {padding:30px;background-color:#f9f9f9;height:100%;}
.content-container table { width: 100%; }
.content-container table td { vertical-align: top; text-align: left; border-right: 1px solid #e9e7e7; padding: 0 10px; }
.content-container table td.first { padding: 0 10px 0 0;}
.content-container table td.last { border: none; padding: 0 0 0 10px; }
.content-container table td h5 { font-size: 93%;  }
.content-container table td h5.has-children {  font-weight: bold;margin-bottom: 10px;text-transform: uppercase; font-size: 93%; }
.content-container table td h5.has-children a:link, .content-container table td h5.has-children a:visited, .content-container table td h5.has-children a:active { color: #BDCAE3; }
.content-container table td .tail-link { display: none; }

/* detail view */
h2.content-title { color: #a2b0ce; text-transform: uppercase; font-size: 100%; font-weight: bold; margin-bottom: 10px;}
.recipe-time-servings { font-weight: bold; margin-bottom: 10px; }

.content-container{padding: 32px;}

.content-container .content-image { margin-right: 20px; width: 180px; }

.content-container .content-head { border-bottom: 1px solid #e7e7e7; margin-bottom: 15px;padding-bottom: 5px; }
.content-container .content-summary { font-weight: bold;}
.content-container .ratings { float: right; }
.content-container .content-buttons { margin-bottom: 10px; }
.content-container h6 { font-weight: bold; color: #666666; }
.content-container p, .content-container ul { margin-bottom: 10px;}
.content-container .content-copy { width: 400px; }
.content-container .content-column-wide { width: 472px; }




#popup_frame {width:320px;padding:10px 10px 10px 10px; background-color:#ffffff;}
#popup_container {width:300px;padding:20px 10px 70px 10px; background-color:#e6c96c;}
#popup_container #popup_button{float:left; margin:0px 10px 0px 0px; padding-top:20px; padding-bottom:10px;}

/* === CLASS DEFINITIONS ================================================================================================== */

.fma { margin-bottom: 10px; }
.fma img { display: block; }

/* === PNG FIX ============================================================================================================ */

/* Custom styling for the tips intro box - rules are fairly general here */
.green {color:#b7b67c;}

.recipe-description { margin-bottom: 30px; }
.recipe-description h3 { margin-bottom: 5px;}