@import "reset.css";
@import "type.css";
@import "forms.css";


/* page dimensions
 *==========================|
 * these are total widths that include border, pading, etc.
 * main content well:     485px
 * sub content well:      332px
 * category nav well:     181px
 * left gutter:             9px
 * right gutter:           17px
 * slideshow:             675px
*/




/* document elements
===================================================*/
#wrapper                      {width:1024px;}
#header                       {}
#content                      {padding-bottom:120px;}

#content_main                 {float:left; position:relative; margin:0px 0 0 180px;_top:0px;padding-left:10px; width:485px; display:inline; border-left:1px solid #cfbb94;}
#content_main.subCat          {margin:0; float:left; position:relative;_top:0px;padding-left:10px; width:485px; display:inline; border-left:1px solid #cfbb94;}
#content_main iframe          {width:484px;}
#content_sub                  {float:right; position:relative; margin-top:0;_top:0px;padding:0; width:332px; display:inline;}
#content_sub iframe           {width:332px;}
#categories                   {position:absolute; top:115px; left:0; width:180px; border-right:1px solid #cfbb94; margin:0; padding:0;}
#categories.subCat            {clear: both; float: left; width:180px; border-right:1px solid #cfbb94; margin:0; padding:0; position: relative; top: 0;}

#site_search                  {background:#fbe6b1; width:476px; border:1px solid #cdbd91; padding:4px 0 0 7px; margin-bottom:4px;}
#site_search #q               {width:223px; border:1px solid #cdbd91; margin-right:12px;}
#slideshow #site_search       {background:#fbe6b1; width:664px; border:1px solid #cdbd91; padding:4px 0 3px 7px; margin:0 0 7px -12px;}

#collection_search                           {width:476px; padding:4px 0 3px 7px; margin-bottom:14px;}
#collection_search #searchCollectionText     {width:230px; border:1px solid #cdbd91; margin-right:5px;}

.bookmark                     {text-align:right; margin-bottom:14px;}

#segment_headline             {margin-bottom:27px;}
#segment_headline h1          {color:#fe6112; padding:0;font-size:15px;line-height:21px;}
#segment_headline ul          {margin:15px 0 15px 0;}
#segment_headline ul li       {padding-bottom:15px;}

#segment_headline span.ratings     {float:right; margin:-18px 0 0 30px;}

.segment                      {margin-bottom:27px;}
.segment h4                   {color:#fe6112; position:relative; border-bottom:1px solid #cdbd91; padding:0 0 4px 0; margin-bottom:8px;}
.segment .framehead           {color:#fe6112; position:relative; border-bottom:1px solid #cdbd91; padding:0 0 4px 0; margin-bottom:8px; font-size:15px; line-height:21px;font-family:Verdana,Arial,Helvetica,sans-serif;margin:0;}
.segment ol                   {margin:15px 0 15px 0;}
.segment ol li                {padding:0 0 15px 0;}
.segment_more                 {float:right; position:relative; margin-top:-27px;}
.segment-left                 {float:left; position:relative; width:242px;}
.segment-right                {float:right; position:relative; width:242px;}

.subsegment-narrow            {width:165px}
.subsegment-narrow h4         {color:#fe6112; position:relative; border-bottom:1px solid #cdbd91; padding:0 0 4px 0; margin-bottom:8px;}

.subsegment-wide              {width:310px;}
.subsegment-wide h4           {color:#fe6112; position:relative; border-bottom:1px solid #cdbd91; padding:0 0 4px 0; margin-bottom:8px; overflow:hidden;}
.subsegment-wide iframe       {width:473px;}

.segment_tool                 {border:1px solid #fe6112; margin-bottom:19px;}
.segment_tool-title           {color:#fe6112; text-transform:uppercase; text-align:center; background-color:#fff; margin:-10px auto 0 auto; padding:0 7px; width:90px;}
.segment_tool ul              {margin:3px 0;}
.segment_tool li              {margin-left:-10px;}
.segment_tool p               {padding:0 0 3px 5px;}

.segment.contest              {background-color:#fbe6b1; padding:6px 13px 4px 9px;}

.result                       {border-top:1px solid #fe6112; margin-bottom:11px; padding:19px 0 0 1px;}
.result h1                    {font-size:13px; line-height:17px; margin:0; padding:0;}

ul#top_cooks                  {list-style-type:none; margin:0 0 0 14px; padding:0;}
ul#top_cooks li               {float:left; position:relative; margin:0 30px 0 0; overflow:hidden; padding:0; width:60px;}

ul#top_cooks li.last          {margin-right:0;}
ul#top_cooks li p             {width:25px;}

ul.ingredient_list            {list-style-type:none; margin-top:0; margin-bottom:0;}
ul.ingredient_list li         {background:#fff url(http://images.meredith.com/betterrecipes/images/_dev/ingredient_bullet.gif) center left no-repeat; padding-left:8px;}

#slideshow                    {float:left; position:relative; margin:0 0 0 12px; width:663px; display:inline;}
#slideshow h2                 {color:#f18b0e; line-height:10px;}
#slideshow .subsegment-wide   {width:473px;}
#slideshow .subsegment-narrow {width:170px;}

#slide                        {margin:27px 0; padding-bottom:9px; border-bottom:1px solid #cdbd91;}
#slide h4                     {color:#fe6112; border-bottom:none; padding:0; margin:0;}
#slide #slidemedia             {float:left; padding-right:12px;}
#slide_controls               {float:right; position:relative; left:-18px; width:333px; background-color:#fbe6b1; color:#b70100; margin:0 0 23px 0; padding:5px 0 5px 12px;}
#slide_controls a             {float:left; position:relative;}
#slide_controls span          {float:left; position:relative; padding-right:13px;}
#slide .sscredit              {font-style:italic;}
#slide #related_links         {margin-top:30px;}
#slide #related_slide_links         {margin-top:5px;}
#slide #related_links h4      {color:#fe6112; position:relative; padding:0 0 4px 0;}

.photo_slide                  {width:300px;}

#discussions                      {background-color:#fbe6b1; width:200px; position:relative; left:-37px;}
#discussions th p                 {color:#b70100; text-align:center;}
#discussions th, #discussions td  {padding:4px;}
#discussions p                    {font-size:11px; margin-bottom:3px;}
#discussions .discussion_title    {font-weight:bold;}

#recipe_file                  { height:16px; margin-bottom:5px; padding:0 0 5px 5px; font-size:12px; color: #B70100; border-bottom: 1px solid #B70100;}
#your_recipe_file             {  margin:0 ; padding:0; line-height:16px;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold; text-transform: capitalize; }
#recipe_file #your_recipe_file               a { color: #000; text-decoration: none;}

#recipe_file a                {text-decoration:none; padding: 0 2px; text-decoration: underline;}
#recipe_file ul               {width:160px;list-style-type:none; margin:0; font-size:12px; font-weight:bold; padding-left:5px;}
#recipe_file ul li            {float: left; padding:0 0 2px 10px; display: inline;}

img.recipe_cards              {float:right;margin:15px 29px 0 0;}
.recipe_paperclip             {background:url(http://images.meredith.com/betterrecipes/images/_dev/paperclip.png) top center no-repeat; position:absolute; top:8px; left:270px; z-index:3; width:13px; height:42px;}
#recipe_file .bottomlink{width:290px;display:block;padding:11px 5px 0;}

#removeRecipePopup, #addToFileConfirm, #empty_collection,
#empty_recipes, #removePopup, #collectionConfirmMessage,
#contestConfirmMessage, #upload_success, #add_photo_edit  {position:relative; background-color:#fbe6b1; padding:11px;}
.message-box                                              {position:relative; border:1px solid #b70100; background-color:#fff; padding:5px;}


/*
#removePopup                 {position:absolute; top:150px; left:30px;}
#addCollectionDiv            {background-color:#fff; width:485px; position:absolute; top:150px; left:10px;}
#enterContestDiv             {background-color:#fff; width:485px; position:absolute; top:150px; left:10px;}
*/


#btn_submit_img				 {margin-left:270px;}




/*
.ad                           {padding:8px 0;}
.google_better                {
	background:url('http://images.meredith.com/bhg/images/tmp/google/betterrecipes.gif') top left no-repeat;
	padding:30px 0 0 15px;
	width:300px;
	height:250px;
	margin-top:10px;
	font-size:12px;
	}
*/




/* iframe elements
====================================================*/
iframe                             {border:none; margin:0; padding:0;}




/* header elements
===================================================*/
#logo                         {float: left;}

/* ginsu persona elements are handeled by currentUser.css */
/*#GinsuPersona                 {border:1px dashed #d6d6d6; width:191px; height:62px; margin:0; padding:3px 5px 0 5px; position:absolute; top:37px; left:582px;}
#GinsuPersona img             {position:absolute; top:3px; left:136px;}*/

/*.ginsuModel                   {display:none;}*/ /* Hide Orignal LogLinks */

ul.smallgreylinks             {list-style-type:none; float:right; margin:-30px 355px 0 0; position:relative; z-index:3;}
ul.smallgreylinks li          {float:left; padding-left:5px;}



/* navigation elements
===================================================*/
#nav_secondary               {position:absolute; top:89px; left:130px; z-index:2; margin:0; padding-left:85px; width:809px; border-top:1px solid #fe6112; font-size:11px; text-transform:uppercase; font-weight:bold;list-style-type:none;}
#nav_secondary li            {float:left; padding:6px 16px 0 15px; border-right:1px solid #cdbd91;}
#nav_secondary li a          {color:#b70100; text-decoration:none;}
#nav_secondary li a:hover    {color:#fe6112;}

#categories ul               {list-style-type:none; margin:0; padding:16px 0 23px 8px; border-top:2px solid #fbe6b1; border-bottom:1px solid #cdbd91;}
#categories ul li 			 {font-size:11px; padding-bottom:10px;}
#categories ul li a          {padding-left:6px; font-size:13px;}

ul.pagination                {position:relative; border-top:2px solid #fe6112; border-bottom:2px solid #fe6112; margin:0; padding:5px 2px 6px 2px; text-align:center; list-style-type:none;}
ul.pagination li.previous    {float:left;}
ul.pagination li.next        {float:right; margin-top:-14px;}
ul.pagination li.page        {font-weight:bold; color:#b70100;}

.pagination_display {border-top:2px solid #fe6112; border-bottom:2px solid #fe6112; margin:0; padding:5px 2px 6px 2px; text-align:center;}
#nextLinkTop  {float:right; position:relative; margin-top:-24px; display:none;}
#nextLinkBot {float:right; position:relative; margin-top:-24px; display:none;}
#prevLinkTop {float:left; position:relative; margin-top:7px; display:none;}
#prevLinkBot {float:left; position:relative; margin-top:7px; display:none;}

/* footer elements
===================================================*/

/* new footer stuff */
#footerwrap {clear:both;width:1024px;padding-top:20px;margin-left:10px;_margin-top:30px;}

#footerbrdr {border-top:1px solid #CDBD91;width:1024px;height:5px;}

.searchBar {background:#FBE6B1 none repeat scroll 0 0;border:1px solid #CDBD91;margin:0 auto 5px auto;padding:4px 0 0 7px;width:490px;}
.searchBar #srchtxt {border:1px solid #CDBD91;margin-right:12px;width:225px;}
.searchBar label {display:inline;}

#footer{padding-left:5px; width:1019px; background:transparent;font-size:9px;font-family:Verdana,Arial,sans-serif;
		border-top:1px solid #CDBD91;}
	#footer strong{color:#868585;font-weight:bold;width:220px;line-height:15px;}
		#blp {margin-top:3px;}
	#footer a {text-decoration:underline;font-size:9px;}
	#footer a:link, #footer a:visited{color:#868585;}
	#footer a:hover{color:#FE6112;}

#footer #mainlinks{padding:0 0 5px;}
#footer #mainlinks ul{list-style:none;margin:0;padding:0;}
	#footer #mainlinks ul li{float:left;width:145px;line-height:15px;}

#footer .footercol, #footer .footercolmid{width:295px;padding:0 15px;}
#footer .footercolmid{border-left:1px solid #CDBD91;border-right:1px solid #CDBD91;}
#footer .linkcol{padding-left:14px;}

#footer .floatright{float:right;}
#footer .floatleft{float:left;}

#footer #topnet, #footer #bottomnet {padding:0 10px;height:20px;margin:15px 0;}
#footer .bhglogo, #footer .mwntext {width:170px;text-align:center;}
#footer #topnet .linkcol {width:700px;padding:5px 0;}
#footer .mwntext{font-weight:bold;margin-left:9px;}
#footer #copyright, #footer #termsofservice{padding:10px 15px;color:#999;_padding-top:0;}



/* form elements
===================================================*/
#site_search                                                  {}/* any form elements within the site_search element */
#site_search label, #collection_search label, #recipe_search label    {display:inline;}

#search_results                                               {}

.segment, #segment_headline                                   {}/* any form elements within a segment class */
.segment fieldset label                                       {padding-bottom:3px;}
.segment fieldset ol li                                       {float:left;}
.segment fieldset.submit                                      {}
.segment legend, #segment_headline form legend                {margin-bottom:3px;}
.segment fieldset, #segment_headline fieldset                 {margin:0 0 10px 0; padding:0;}
.segment fieldset ol, #segment_headline fieldset ol           {float:left; clear:left; list-style-type:none; margin:0; padding:0;}
.segment fieldset ol li, #segment_headline fieldset ol li     {float:left; margin:0 12px 7px 0; padding:0;}

.form_callout                                                 {border:1px solid #b70100; padding:11px;}






/* table elements
====================================================*/
.collections_tbl                                             {width:100%;}
.collections_tbl tr td                                       {padding:7px;}
.collections_tbl .odd                                        {background-color:#fbe6b1;}

.saved-recipes_tbl                                            {width:100%;}
.saved-recipes_tbl   tr td                                    {padding:7px;}
.saved-recipes_tbl   .odd                                     {background-color:#fbe6b1;}

.cooks_tbl                                                   {width:100%;}
.cooks_tbl  tr td                                            {padding:7px;}
.cooks_tbl  .odd                                             {background-color:#f7f7f7;}
.smSpacer                                                    {font-size:3px; line-height:3px;}

table.mailLabel tr td                                        {padding-bottom:3px;}
#content table tr td	 									 {padding-bottom:3px;}




/* image borders
====================================================*/
img.border-grey                                              {border:1px solid #ccc;}



/* persona elements
====================================================*/
/* persona elements are handled by betterrecipespluck.css */




/* quick contest elements
===================================================*/
div.quickContestBanner                                       {float:left; display:inline; margin: 20px 10px 20px 10px; width:860px; text-align:center;}
/*div.quickContestContainer                                    {margin-left:150px; width:580px;}*/
div.quickContestContainer                                    {position:relative; left:140px;}
div.quickContestUserInfoContainer                            {float:left; display:inline; margin:10px;}
div.quickContestUserInfoHeaders                              {float:left; display:inline; width:150px; line-height:1.8em;}
div.quickContestUserInfoValues                               {float:left; display:inline; width:200px; line-height:1.8em;}
div.quickContestUserInfoValues input                         {margin-bottom:10px;}
div.quickContestOptions                                      {float:left; display:inline;}
div.quickContestContestForm                                  {float:left; display:inline; margin:10px; width:540px;}
div.quickContestContestForm h3                               {font-weight:bold; padding-bottom:5px;}
div.quickContestContestForm p                                {color:black; line-height:1.8em;}
p.quickContestSubmit                                         {text-align:right; padding-top:10px;}
p.quickContestSubmit input                                   {margin-right:20px;}
div.quickContestHiddenDiv                                    {display:none;}

div.greenBoxWith10Margin                                     {float:left; display:inline; border:solid 1px green; background-color:#e4f2cc; margin:10px;}
div.greenBoxWith5Margin                                      {float:left; display:inline; border:solid 1px green; background-color:#e4f2cc; margin:5px;}
div.beigeBoxWith10Margin                                     {float:left; display:inline; border:solid 1px #fbe6b1; background-color:#ffffd8; margin:10px;}






/* global classes
===================================================*/
.clearall                    {clear:both; margin:0; padding:0; line-height:0;}
.float-left                  {float:left; position:relative;}
.float-right                 {float:right; position:relative;}
.center                      {margin:0 auto; text-align:center;}
.image-left                  {float:left; position:relative; padding-right:11px;}
.image-right                 {float:right; position:relative; padding-left:11px;}
.image_wrapper-left          {float:left; position:relative; background-color:#ffe5b5; border:1px solid #cfbb94; padding:3px 2px 5px 2px; margin-right:20px;}
.image_wrapper-right         {float:right; position:relative; background-color:#ffe5b5; border:1px solid #cfbb94; padding:3px 2px 5px 2px; margin-left:20px;}
.odd                         {background-color:#fbf4e3;}
.PR10                        {padding-right:10px;}
.PR50                        {padding-right:50px;}
.PL30                        {padding-left:30px;}

#headerUserInfo {float: right; text-align: right; padding: 55px 10px 0 0 ;}

/* Right Side Video Player */
#rs_videoplayer{ padding: 0; margin-bottom: 10px; position: relative;}
#rs_videoplayer_300x250 {float: left; margin-bottom: 5px;}
#rs_videoplayer_728x90{ margin: 0 auto 5px; text-align:center; }