ÿþhtml { padding: 0px; margin: 0px; }

body { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

a { color: #000000; font-family: Arial, Tahoma, Helvetica; }

h3 { color: Maroon; }

/* Ryans CSS */

logo { margin: 15px 15px 15px 15px; width: 220px; width: 200px; }



div.Margin_Question { margin: 3px 0px 0px 0px; }

.navMenu { margin: 0px 85px 0px 0px; text-align: center; text-transform: uppercase; font-family: Arial; font-size: 14px; color: #6E7534; }

.navMenu li { display: inline; list-style-type: none; padding-right: 15px; }

.navMenu li a { color: #6E7534; text-decoration: none; }

.navMenu li.override { padding-right: 0px; }



.frontPageSub

{

	color:#6F7632;

	margin-top:0;

	padding-top:0;

	text-transform:uppercase;

}



.Text_TYPE_Title { font-size: 14px; font-weight: bolder; }

.Text_FONT_Base { font-family: arial, helvetica, Sans-Serif; }

.Text_FONT_Bold { font-weight: bold; }

.Text_FONT_Medium { font-size: 12px; }

.Text_FONT_Small { font-size: 10px; }

.Text_FONT_NoUnderline { text-decoration: none; }

.Text_FONT_Question { width: 100%; color: #336699; font-weight: bold; padding: 10px; padding-bottom: 3px; }



.Container_Width_Base { width: 95%; margin: auto; margin: 02.5%02.5%; font-family: arial,helvetica,Sans-Serif; }

.Container_ALIGN_Center { text-align: center; }

.Container_ALIGN_Left { text-align: left; }

.Container_Padding_Five { padding: 5px 5px 5px 5px; }

.Container_CLEAR_Both { clear: both; }



.Element_BORDER_Default { border: solid 1px #6E7534; }

.Element_WIDTH_85 { width: 85%; }

.Element_MARGIN_Default { margin: 15px 0px 0px 5px; }

.Element_MARGIN_TopSmall { margin-top: 5px; }

.Element_MARGIN_TopMedium { margin-top: 10px; }

.Element_MARGIN_TopLarge { margin-top: 15px; }

.Element_MARGIN_BottomSmall { margin-bottom: 5px; }



/* TEMPORARY CLASS UNTIL THE REAL THING IS IMPLEMENTED --> Class used on init.aspx page for banner ad */

.WebAd_BASE_General { margin: 0px 0px 20px 2px; border: none; }



div.newAccountLabel { float: left; width: 100px; font-weight: bold; vertical-align: middle; height: 100%; }

div.billingLabel { float: left; width: 200px; font-weight: bold; vertical-align: middle; height: 100%; }

div.newAccountText { text-align: left; }

input.newAccountTxtBox { width: 300px; }

div.newAccountContainer { height: 26px; vertical-align: middle; }



/* First Column */

/* Recipe Search */

div.recipeContainer { margin: 25px 0px 0px 25px; width: 205px; }

img.recipeTitle { clear: both; }

div.recipeTxtBoxContainer { margin: 0px 0px 0px 0px; background-color: #6E7534; width: 100%; }

div.recipeInnerDiv { padding: 0px 0px 0px 8px; width: 100%; }

.recipeGo { color: #FFFFFF; }

.recipeSearchWdith { width: 25px; }



/*.signUpToday { margin: 0px 0px 0px 15px;  width: 205px; height: 205px;  }*/

.signUpToday { margin: 10px 0px 0px 0px;  width: 238; height: 108; }

/* NOTE: THE 'CLICK HERE FOR ADVANCED OPTIONS' IS GOING TO TURN INTO A CONTROL OF SOME TYPE.

THE USE OF A HYPERLINK IS JUST A PLACEHOLDER, FOR NOW */

a.recipeAdvanced { text-decoration: underline; color: #000000; }



/* Second Column */

/* Main Page 3 containers for plate today, world of flavors, and platecooks */

div.sectionsInnerContainer { width: 100%; margin: auto;text-align: left; }

div.sectionsTitle { width: 100%; text-align: center; font-weight: bold; }

div.FrontPageIcon 

{ 

    width: 33%; 

    float: left; 

    padding: 0px;

    *padding-right: -5px; 

}

div.HorizontalAdContainer 

{ 

    padding: 0px 3px;

    text-align:center;

    margin-left:-5px;

    margin-right:-7px;

    width: 102%; 

}



/* Third Column */

/* Hottest New Recipes */

div.hottestOuter { margin: 15px 0px 0px 0px; border-bottom: solid 1px #6E7534; }

div.hottestInner { height: 164px; width: 95%; clear: both; margin: auto; }

div.hottestLeftContainer { height: 100%; float: left; margin-top: 20px; width: 15px; z-index: 50; }

div.hottestRightContainer { height: 100%; float: right; margin-top: 20px; width: 15px; z-index: 50; }

div.hottestRecipeContainer { width: 85%; text-align: center; margin: auto; overflow: hidden; position: relative; float: left; }



/* FINISHED */

div.hottestRecipe { height: 100%; width: 91px; float: left; text-align: center; }

.hottestFontColor { color: #717530; }



/* Recipe Details Page */

.recipeLine { border-top: solid 1px #6E7534; padding: 3px 0px 3px 0px; font-family: arial; font-weight: normal; font-size: 12px; }

.ratingLine { border-top: solid 1px #6E7534; padding: 3px 0px 3px 0px; font-family: arial; font-weight: normal;  }



/* ROUNDED CORNERS */

b.rtop, b.rbottom { display: block; background-color: #6E7534; }

b.rtop b, b.rbottom b { display: block; height: 1px; overflow: hidden; background-color: #6E7534; }

b.r1 { margin: 0 5px; }

b.r2 { margin: 0 3px; }

b.r3 { margin: 0 2px; }

b.rtop b.r4, b.rbottom b.r4 { margin: 0 1px; height: 2px; background-color: #6E7534; }

/* END ROUNDED CORNERS */



/* Search Pages */

.right { clear: right; float: right; }

.left { clear: left; float: left; }

.black { color: Black; text-transform: uppercase; font-size: 90%; }

.searchBlock { padding: 2px; clear: both; float: left; }

.searchBlock h3 { margin: 0px; font-size: 100%; font-weight: bolder; }

.searchBlock img { float: left; clear: none; }

.searchSelections { float: left; clear: right; border-bottom: solid 1px #ccc; padding: 4px; }

.advSearchBlock { float: left; clear: none; margin: 4px 5px; }

.advSearchBlock h3 { margin: 1px 0px; border-bottom: solid 1px #000; color: #6E7534; text-transform: uppercase; font-size: 90%; cursor: pointer; }

.advSearchBlock ul { margin: 0; padding: 3px 10px 0; list-style: none; }

.advSearchBlock li { float: left; margin: 0px 4px; list-style: none; width: 145px; }

#findSection .small { width: 175px; }

#findSection .large { clear: both; float: left; width: 97%; }

.emphasize { font-weight: bold; }

#RecipeTitle a { text-transform: uppercase; text-decoration: none; }

.TypesList tr td { width: 155px; }

.TypesList tr td label { font-size: 90%; text-transform: capitalize; }

#searchType { margin-top: -50px; width: 400px; }

#instructions { padding-left: 5px; padding-right: 5px; color: #6E7534;font-size: 1.1em; }

#SearchResults { padding-left: 10px; }

.headerText { color: #6E7534; text-transform: uppercase; }

#RecipeDetails { font-size: 90%; }

.SearchListHeader { color: #d66d29; }

#RecipeSearchCriteria H3 { font-size: 14px; font-weight: bold; }

#RecipeSearchCriteria div div { text-transform: capitalize; }

.SearchFont { font-size: 90%; text-transform: capitalize; margin-top: 5px; }

#ResultsPager { font-size: 90%; }

#ResultsPager select{ font-size: 90%; }

div.recipeSearchContainer { margin: 10px 0px 0px 10px; width: 205px;  }

img.recipeSearchTitle { clear: both; }

div.recipeSearchTxtBoxContainer { margin: 0px 0px 0px 0px; background-color: #6E7534; width: 100%; }

div.recipeSearchInnerDiv { padding: 0px 0px 0px 8px; width: 100%; }



/* Recipe Search Module - JRE - */

div.recipeTxtBoxContainer { margin: 0 10px 0 0; background-color: #fff; background-image: url('/common/graphics/css/backgrounds/bg-recipe_search.gif'); background-repeat: no-repeat; width: 229px; padding-top: 40px; }

#recipeAdvancedSearchArea { width: 229px; height: 47px; margin-bottom: 10px; }

#recipeAdvancedSearchArea:hover { cursor: pointer; }

.uppercase { text-transform: uppercase; }

.linksIntroText { margin-bottom: 20px; margin-left:20px; }



/* Share Links Module - JRE - */



#st_facebook

{

    cursor: pointer;

    width: 24px;

    height: 24px;   

}



#st_twitter

{

    cursor: pointer;

    width: 24px;

    height: 24px; 

}



#st_linkedin

{

    cursor: pointer;

    width: 24px;

    height: 24px;    

}



/* Featured Recipe List - JRE - */



/* Heading - Featured Recipes */



h3.featuredRecipeHeading { margin-left: 15px; padding-left: 0; text-transform: uppercase; font-size: 16px; color: #7D4821; border-bottom: 1px solid #7D4821;}

span.arrows { color: #D67230; font-style: normal; font-weight: bolder; letter-spacing: -0.2em; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.85em;}



/* Using UL > LI > H1 + A ( IMG ) + P */



/* Featured Items List */

ul.featuredItems { list-style-type: none; text-indent: 0; margin: 0 0 29px 0; padding: 0; }



    /* Featured Item Container */

    ul.featuredItems li { margin: 0 15px 0 15px; border-bottom: 1px solid #706862; padding-bottom: 10px; }

    

        /* Featured Item Image */

        ul.featuredItems li img { position: relative; float: left; width: 75px; height: 75px; margin: 0 10px 10px 0; border: 0; }



        /* Featured Item P -> Title */

        ul.featuredItems li p { font-size: 14px; }

        

        ul.featuredItems a { color: #493333; text-decoration: underline; font-size: 14px; font-family: Helvetica, Arial, Verdana, Sans-Serif; }



/* News Section: Article Item Control - Left Column List (~/MembersOnly/WebNews/*.aspx) - JRE */



/* Example of UL > LI > H1 + A ( IMG ) + P layout ---> Indented for clarity. - JRE */



/* Items Group List */

ul.articleItems { list-style-type: none; text-indent: 0; }



    /* Items Group Container */

    ul.articleItems li { margin: 0; }

    

    /* Items Group Heading - Clickable via jQuery */

    ul.articleItems li h1 { font-size: 12px; }

        

        /* Article Item */

        ul.articleItems ul { list-style-type: none; text-indent: 0; }

        ul.articleItems ul li { margin: 0; }

        

            /* Article Item Components, sub list */

            ul.articleItems ul li img {}

            ul.articleItems ul li a,

            ul.articleItems ul li a:link,

            ul.articleItems ul li a:active,

            ul.articleItems ul li a:visited

            {

                text-decoration: none;

            }

            ul.articleItems ul li a:hover { text-decoration: underline; }



/* Added for Membership Pages */

.Cell_BGRND_Special { background-color: #FF9933; }

.Text_BASE_Title { text-decoration: none; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; }

.Text_BASE_Content_Large { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; }

.Text_COLOR_White { color: White; }

.Text_WEIGHT_Bold { font-weight: bold; }

.Text_WEIGHT_Italic { font-style: italic; }

.Text_BASE_Content { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; }

.Text_COLOR_Alert { color: red; }

.Text_COLOR_Headline { color: #9C5229; }

.Text_COLOR_Light { color: #B18208; }

.Text_COLOR_Orange { color: #B18208; }

.Text_COLOR_Lighter { color: #ff9966; }

.Text_COLOR_Special { color: #336699; } 

.Text_COLOR_Dark { color: Black; }

.Text_COLOR_Standard { color: #333333; }

.Text_COLOR_Featured { color: #9C5229; }

.Text_COLOR_Green { color: #717530; }

.Text_ALIGN_Left { text-align: left; }

.Text_ALIGN_Center { text-align: center; }

.Text_ALIGN_Right { text-align: right; }

.Text_PADDING_Large { padding: 10px; line-height: 20px; }

.Text_PhotoCredit { font-size: 6pt; color: GrayText; font-family: Arial, Helvetica, sans-serif; }

.Text_Link { font-size: 8pt; color:Gray; font-family: Arial, Helvetica, sans-serif; }

.Text_SelectedMenu { color:#BE5A30; }



/* Text boxes for Ad Clickthrough */

.TextBoxRequest {width:400px;}



/* added for hovering */

a:hover {color:#BE5A30;}



/* New home page style */



#ctl00_pageContentArea_storyContainer /* ugh */

{

       

}



#ctl00_pageContentArea_storyContainer h1 a,

#ctl00_pageContentArea_storyContainer h1 a:link,

#ctl00_pageContentArea_storyContainer h1 a:active,

#ctl00_pageContentArea_storyContainer h1 a:visited,

h2 a

{

    color: #333;

    text-decoration: underline;

    font-size: 14px;

    font-weight: bold;

    text-transform: none;

    margin-right: 15px;

    display: block;

}



#ctl00_pageContentArea_storyContainer h1 img

{

    display: block;

    position: relative;

    float: left;

    margin: 0 10px 10px 0px; 

}



h1 p a

{

    color: #7D4802;

}



#ctl00_pageContentArea_storyContainer h4 a,

#ctl00_pageContentArea_storyContainer h4:link,

#ctl00_pageContentArea_storyContainer h4:active,

#ctl00_pageContentArea_storyContainer h4:visited

{

    color: #7D4802;

    font-size: 16px;

    border-bottom: 1px solid #7D4802;

    text-decoration: none;

    display: block;

    text-transform: uppercase;

}



#featuredStory h1 a

{

    color: #7D4802; 

    font-family: Arial,Helvetica,sans-serif;

    font-size: 1.3em;

    font-weight: bold;

    line-height: 1em;

    text-transform: capitalize;   

    text-decoration: none;

}



#ctl00_pageContentArea_pnlFeaturedStory

{

    padding-left: 15px;

    padding-right: 15px;

    width: 370px !important;   

}

#ctl00_pageContentArea_pnlFeaturedStory h4

{

    border-style: none;

    color: #EE45AA;

    font-size: 1.4em;

    margin-top: 30px;

    text-transform: uppercase;

    

}

#ctl00_pageContentArea_pnlFeaturedStory h1 a

{

    color: #5D4A41;

    text-decoration: none;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 0.7em;

    font-weight: bold;

    line-height: 1em;

}



#ctl00_pageContentArea_pnlFeaturedStory h3

{

    color: #333;

    margin: 0;

    border-bottom: 1px solid #333;

}



#ctl00_pageContentArea_pnlFeaturedStory h1.section-header a

{

    border-bottom: 1px solid #5D4A55;

    display: block;

    font-size: 14px;

}



#ctl00_pageContentArea_pnlFeaturedStory span.image-caption

{

    display: block;

    position: relative;

    float: left;

    margin-right: 10px;

}



#ctl00_pageContentArea_pnlFeaturedStory a.section-links

{

    color: #5D4A55;

    display: block;

}



#ctl00_pageContentArea_pnlFeaturedStory .caption

{

    display: block;

    font-size: 9px;

    color: #000;

    margin-bottom: 5px;

    font-weight: bold;

}





#SecondaryStory img

{

    margin-left: 0;   

}



.subnav a

{

    color: #727530;

    text-transform: uppercase;

    text-decoration: none;

    font-size: 16px;   

}



#SecondaryStory img#hero

{

    position: relative;

    float: left;

    display: block;   

}