/* Stylesheet for FoodFit Home Page -------------------------------------------------------- File Name: foodfit_home.css Media: Screen Version: 1.1 Created: 22 May 2008 Last-Modified: 23 May 2008 - 1123 -------------------------------------------------------- */ /* HEADER / BANNER AREA || -------------------------------------------------------------- */ .banner { padding: 8px 8px 6px 8px; background: #006400; } .banner:after { content: ""; display: block; height: 100%; clear: both; } .banner { height: 100%; } .banner img { border: 0px; } .banner .ad { float: right; width: 728px; margin: 0px; padding: 0px 20px 0px 0px; background: transparent url(advert_sidetag.gif) no-repeat 100% 0px; } .banner .companion { float: left; width: 180px; margin: 0px; padding: 0px 8px 0px 0px; } /* HOME PAGE FEATURE SECTION || -------------------------------------------------------------- */ #content_home_feature { width: 942px; margin: 5px 0px 0px 0px; padding: 0px 15px 0px 15px; background: url(content_home_feature.gif) repeat-y 15px 0px; } #content_home_feature:after { content: ""; display: block; height: 100%; clear: both; } #content_home_feature { height: 100%; } #content_home_feature a { font-weight: normal; } #content_home_feature img { border: 0px; } #content_home_feature h1 { margin: 0px; padding: 0px 0px 15px 0px; font-size: 20px; font-weight: bold; color: #85a32f; } #content_home_feature h1 span { font-weight: bold; color: #85a32f; text-decoration:underline; } #content_home_feature h1 span span { color: #eb5928; } #content_home_feature dl { margin: 0px; padding: 0px; font-size: 12px; } #content_home_feature dt { margin: 0px; padding: 0px; } #content_home_feature dt img { border: 1px solid #d6d6d6; } #content_home_feature dt span { display: block; font-style: italic; font-size: 10px; color: #e38246; } #content_home_feature dd { margin: 0px; padding: 0px; } #content_home_feature ol { margin: 0px; padding: 0px; font-size: 12px; } #content_home_feature ol li { margin: 0px 0px 0px 25px; padding: 0px 0px 10px 0px; } #content_home_feature ul { margin: 0px; padding: 0px; font-size: 12px; list-style-type: none; } #content_home_feature ul li { margin: 0px; padding: 0px 0px 10px 10px; background: url(bullet_hp.gif) no-repeat 0px 6px; } #content_home_feature li.prime_item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #d6d6d6; font-size: 14px; font-weight: bold; } #content_home_feature li.prime_item a { font-weight: bold; } /* PRIMARY CONTENT || -------------------------------------------------------------- */ #primary_content { float: left; width: 525px; margin: 0px 10px 0px 0px; padding: 15px; border-top: 1px solid #d6d6d6; } #content_home_feature #primary_content dt { float: left; width: 215px; margin: 0px; padding: 0px; } #content_home_feature #primary_content dd { float: left; width: 300px; margin: 0px; padding: 0px; } /* SECONDARY CONTENT || -------------------------------------------------------------- */ #secondary_content { float: left; width: 347px; margin: 0px; padding: 15px; border-top: 0px solid #ffffff; } #content_home_feature #secondary_content dt { float: left; width: 115px; margin: 0px; padding: 0px; } #content_home_feature #secondary_content dd { float: left; width: 215px; margin: 0px; padding: 0px; } /* HOME PAGE ADDITIONAL CONTENT SECTION || -------------------------------------------------------------- */ #content_home_additional { width: 942px; margin: 0px; padding: 11px 15px 0px 15px; background: url(content_home_feature_bottom.gif) no-repeat 15px 0px; } #content_home_additional:after { content: ""; display: block; height: 100%; clear: both; } #content_home_additional { height: 100%; } #content_home_additional a { font-weight: normal; } #content_home_additional img { border: 0px; } #content_home_additional form { margin: 0px; padding: 0px; } /* COLUMN 1 - SECONDARY CONTENT || -------------------------------------------------------------- */ #add_col_1 { float: left; width: 557px; margin: 0px; padding: 10px 10px 0px 0px; } /* - FIND RECIPE BOX - */ #find_recipe_top { height: 22px; margin: 0px; padding: 4px 10px 4px 10px; background: #bcd083 url(find_recipe_top.gif) repeat-x 0px 0px; } #find_recipe_top:after { content: ""; display: block; height: 100%; clear: both; } #find_recipe_top { height: 100%; } #find_recipe_top h3 { display: inline; margin: 0px; padding: 0px 5px 0px 0px; font-size: 15px; color:#ffffff; } #find_recipe_top input { margin: 0px; padding: 2px; font-size: 12px; color: #797979; } #mainbody #content_home_additional #add_col_3 .tower li { margin: 1px; padding: 1px; clear: both; float: left; width: 147px; } #mainbody #content_home_additional #add_col_3 .tower ul { margin: 0px; padding: 0px; } #find_recipe { margin: 0px 0px 10px 0px; padding: 5px 10px 0px 10px; background: #eef8c9; } #find_recipe:after { content: ""; display: block; height: 100%; clear: both; } #find_recipe { height: 100%; } #find_recipe dl { margin: 0px; padding: 0px; } #find_recipe dt { float: left; width: 60px; margin: 0px; padding: 0px; font-weight: bold; } #find_recipe dd {float: left; width: 477px; margin: 0px; padding: 0px; } #find_recipe ul { clear: right; margin: 0px; padding: 0px; list-style-type: none; } #find_recipe ul:after { content: ""; display: block; height: 100%; clear: both; } #find_recipe ul { height: 100%; } #find_recipe li { float: left; margin: 0px; width: 95px; padding: 0px 0px 10px 0px; font-size: 10px; } #find_recipe li input { margin: 0px; padding: 0px; } #find_recipe li label { margin: 0px; padding: 0px; } .action { text-align: right; } .action input { position: relative; bottom: 10px; } /* - MOST POPULAR BOX - */ #most_popular { float: left; width: 255px; margin: 0px; padding: 10px; background: #fcf4d9; } #most_popular h2 { margin: 0px; padding: 0px 0px 15px 0px; font-size: 17px; color: #85a32f; } #most_popular ol { margin: 0px 0px 0px 25px; padding: 0px; font-size: 12px; } #most_popular ol li { margin: 0px; padding: 0px 0px 10px 0px; } /* - ABOUT FOODFIT BOX - */ #about_foodfit { float: left; width: 272px; margin: 0px; padding: 0px 0px 0px 10px; } #about_foodfit h2 { margin: 0px; padding: 0px 0px 15px 0px; font-size: 17px; color: #85a32f; } #about_foodfit h3 { margin: 0px; padding: 0px; font-size: 12px; color: #424242; } #about_foodfit h4 { margin: 0px; padding: 0px; font-size: 12px; color: #6b8c34; } #about_foodfit p { margin-top: 0px; line-height: 17px; } .about_photo { float: right; margin: 0px 0px 5px 5px; } /* COLUMN 2 - SECONDARY CONTENT || -------------------------------------------------------------- */ #add_col_2 { float: left; width: 205px; margin: 0px; padding: 10px 10px 0px 0px; } /* - NEWSLETTER BOX - */ #news_signup { margin: 0px 0px 10px 0px; padding: 10px; background: #c9db8f url(news_signup.jpg) no-repeat 0px 0px; } #news_signup h3 { margin: 0px; padding: 0px 0px 5px 0px; font-size: 12px; color: #ffffff; } #news_signup p { margin: 0px; padding: 0px 0px 5px 0px; font-size: 12px; color: #587626; } #news_signup .signup_input { width: 110px; margin: 0px; padding: 0px; } #news_signup .signup_btn { position: relative; top: 5px; margin: 0px 0px 0px 3px; padding: 0px; } /* - DINNER TONIGHT BOX - */ #dinner_tonight_top { height: 32px; margin: 0px; padding: 8px 0px 0px 10px; background: url(dinner_tonight_top.gif) no-repeat 0px 0px; } #dinner_tonight_top h3 { margin: 0px; padding: 0px; font-size: 14px;; color: #eb5928; } #dinner_tonight { margin: 0px; padding: 0px 3px 0px 3px; background: url(dinner_tonight.gif) repeat-y 0px 0px; } #dinner_tonight .wrapper { margin: 0px; padding: 8px 15px 0px 15px; background: #fdf4d5 url(dinner_wrapper.jpg) repeat-x 0px 0px; } #dinner_tonight h4 { margin: 0px; padding: 6px 0px 25px 0px; font-size: 12px; color: #ee8230; background: url(shopping_list.gif) no-repeat 95px 0px; } #dinner_tonight h4 a { font-weight: bold; color: #ee8230; } #dinner_tonight .calories { margin: 0px; padding: 5px 0px 30px 60px; background: url(calories.gif) no-repeat 0px 0px; } #dinner_tonight .calories ul { margin: 0px; padding: 0px; list-style-type: none; } #dinner_tonight .calories li { margin: 0px; padding: 0px 0px 2px 0px; } #dinner_tonight .dinner_recipes { margin: 0px; padding: 0px 0px 15px 0px; } #dinner_tonight .dinner_recipes ul { margin: 0px; padding: 0px; list-style-type: none; } #dinner_tonight .dinner_recipes li { margin: 0px; padding: 0px 0px 10px 10px; background: url(bullet_hp.gif) no-repeat 0px 6px; } #dinner_tonight_bottom { height: 39px; margin: 0px; padding: 0px; background: url(dinner_tonight_bottom.jpg) no-repeat 0px 0px; } /* COLUMN 3 - SECONDARY CONTENT || -------------------------------------------------------------- */ #add_col_3 { float: left; width: 160px; margin: 0px; padding: 0px; } #add_col_3 .tower { margin: 0px; padding: 10px 0px 0px 0px; background: url(ad_horiz.gif) no-repeat center 0px; }