/******************************************* master CSS file @ www.vegeta.com copyright (c) web.burza.hr *******************************************/ * { margin: 0; padding: 0; border: 0; } html { height: 100%; margin-bottom: .01em; font: 62.5%/1.6 "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #000; background: #92D5FF; text-align: center; } body { min-width: 999px; text-align: center; overflow-x: hidden; } table { font-size: inherit; border-collapse: collapse; } table th, table td { padding: 5px 2px; font-weight: normal; font-size: 1.2em; line-height: 1.4em; vertical-align: top; text-align: left; } h1 { font-size: 2.8em; font-weight: normal; text-shadow: 2px 2px 1px #ccc; } h2 { font-size: 1.6em; font-weight: normal; line-height: 1.2em; } #content h2 { margin-bottom: .5em; } #main_content h2 { font-size: 1.8em; } h3 { font-size: 1.2em; } h3 em { color: #f00; } p, #content li, #content dt, #content dd { font-size: 1.2em; } #content li *, #content dd * { font-size: 1em !important; } ul li { list-style: none; } a { color: #f00; text-decoration: underline; outline: none; } a:hover, a:focus { text-decoration: none; } a img { border: 0; } .skippers { position: absolute; left: -9999px; overflow: hidden; } /*** GENERAL LAYOUT SETTINGS ***/ #sizer { width: 100%; min-width: 999px; text-align: left; background: #0177BF url(cssimg/layout/body.gif) repeat-x; } #header, #content, #footer { clear: both; min-width: 999px; } .grid { width: 999px; min-width: 999px; margin: 0 auto; } #main_content { margin-left: -1px; } #header:after, #content:after, .grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content { padding-bottom: 5px; } /*** logo ***/ #logo_holder { position: relative; z-index: 1001; float: left; width: 0; height: 0; } #logo { position: absolute; top: 0; left: 29px; z-index: 1001; display: block; cursor: pointer; height: 124px; width: 166px; } /*** MAIN NAV ***/ #main_nav { float: right; display: inline; margin: 10px 10px 4px 200px; } #main_nav { background: url(cssimg/main_nav/mnrb.gif) no-repeat 100% 100%; } #mnlb { float: left; background: url(cssimg/main_nav/mnlb.gif) no-repeat 0 100%; padding-bottom: 5px; } #mnlt { float: left; background: #0079BC url(cssimg/main_nav/mnlt.gif) no-repeat 0 0; padding-left: 5px; } #main_nav ul { background: #0079BC url(cssimg/main_nav/mnrt.gif) no-repeat 100% 0; } #main_nav ul { float: left; padding: 2px 0 0 0; } #main_nav li { float: left; display: inline; margin: 0 0 -3px -3px; padding-right: 3px; background: url(cssimg/main_nav/srceko.gif) no-repeat 100% 50%; z-index: -1; } #main_nav #main_nav_last { padding-right: 0; background: none; } #main_nav li.active { position: relative; z-index: 2; padding: 0 0 0 3px; margin: 0 3px -3px -6px; background: url(cssimg/main_nav/top.gif) repeat-x 0 -2px !important; } #main_nav #main_nav_first.active { padding-right: 2px; background: transparent !important; } #main_nav #main_nav_last.active { margin-right: 2px; margin-left: -8px; } #main_nav a { float: left; font-size: 1.3em; line-height: 2; text-transform: uppercase; text-decoration: none; color: #fff; cursor: pointer; } #main_nav a:hover { color: #BEE4FB; } #main_nav em { float: left; font-style: normal; font-size: 1em; } #main_nav .active a { color: #f00 !important; background: #fff url(cssimg/main_nav/rb.gif) no-repeat 100% 100%; text-decoration: none !important; } #main_nav .active .mb { background: transparent url(cssimg/main_nav/mb.gif) no-repeat 50% 100%; } #main_nav .active .mt { background: transparent url(cssimg/main_nav/mt.gif) no-repeat 50% 0; } #main_nav .active .rt { background: transparent url(cssimg/main_nav/rt.gif) no-repeat 100% 0; } #main_nav .active .lb { background: transparent url(cssimg/main_nav/lb.gif) no-repeat 0 100%; } #main_nav .active .lt { background: transparent url(cssimg/main_nav/lt.gif) no-repeat 0 0; } #main_nav .mb { padding: 0 10px; } /*** MAIN CONTENT BOXES ***/ #main_content { float: left; width: 601px; padding-top: 18px; overflow: hidden; background: url(cssimg/boxes/main_content_top.png) no-repeat 0 0; } .content_bottom { float: left; width: 601px; padding-bottom: 20px; background: url(cssimg/boxes/main_content_bottom.png) no-repeat 0 100%; } .content_sides { float: left; width: 580px; padding: 0 9px 0 12px; background: url(cssimg/boxes/main_content_sides.png) repeat-y 0 0; } /*** CATEGORY LISTINGS ***/ .category_listing dl { float: left; display: inline; width: 509px; padding: 20px 0; border-top: 1px solid #ebebeb; } .category_listing dl.first-child { border-top: 0; padding-top: 0; } .category_listing dt { clear: both; font-size: 1.4em; font-weight: bold; color: #f00; } .category_listing dt.first-child { margin-top: 0; border: 0; } .category_listing dt.entity_has_image { float: right; text-align: left; width: 413px; } #overview_news_body .category_listing dt.entity_has_image { float: none !important; text-align: left !important; width: 100% !important; } .category_listing dd { display: inline; width: auto; margin: 0; } .category_listing dd.entity_thumbnail { float: left; } .category_listing dd.entity_thumbnail a { float: left; display: inline; margin: 4px 15px 0 0; } .category_listing dd.entity_lead { float: right; width: 413px; } .category_listing dd.entity_lead p { margin-bottom: 0 !important; } #overview_news_body .category_listing dd.entity_lead, #view_news_body .category_listing dd.entity_lead { float: none; width: 509px; } #view_news_body .category_listing { padding-top: 20px; } /* tv listing overview */ #tv-shows-overview { text-align: left !important; } #tv-shows-overview td { width: auto !important; border: 0 !important; padding: 5px 0 0 !important; text-align: right !important; } #tv-shows-overview td br { display: none; } #tv-shows-overview td object, #tv-shows-overview td embed { display: block; margin: 0 0 0 auto; } #tv-shows-overview td.first-child { width: 185px !important; text-align: left !important; } #tv-shows-overview td.tv-content { text-align: left !important; } #tv-shows-overview .category_listing { margin-top: 25px; } #tv-shows-overview .category_listing dl { border: 0; } #tv-shows-overview .category_listing dt { font-size: 1.2em; } #tv-shows-overview .category_listing dt.entity_has_image { width: 308px; } #tv-shows-overview .category_listing dd { font-size: 1em; } #tv-shows-overview .category_listing dd.entity_lead { width: 308px; } #tv-shows-view { } #tv-shows-view p { clear: both; margin-top: 0 !important; } #tv-shows-view object, #tv-shows-view embed { margin-bottom: 1em; } #tv-shows-view h2 { float: left; clear: both; margin-top: 0.5em !important; line-height: 1em !important; padding-top: 1em; border-bottom: 1px solid #ddd; width: 100%; } #tv-shows-view em.participant { float: left; clear: both; margin-left: 1em; margin-top: -1em; font-size: 1.2em; width: 100%; } #tv-shows-view h3 { float: left; clear: both; margin-top: 1em !important; margin-bottom: 0em !important; width: 100%; } .pagination { float: left; clear: both; width: 509px !important; padding: 15px 0 10px; border-top: 1px solid #efefef; overflow: auto; } .pagination p { margin-bottom: 0 !important; } .pagination span { font-size: 1.2em; padding: 0 20px; } .pagination .prev { float: left; padding-left: 0 !important; } .pagination .next { float: right; padding-right: 0 !important; } .pagination .pages { text-align: center; margin: 0 100px; } .pagination .pages a, .pagination .pages strong { font-weight: normal; } .pagination .pages .central { padding: 0 5px 0 6px; background: url(cssimg/buttons/pag_pipe.gif) no-repeat 0 .3em; } .pagination .pages .central.first-child { background: none; padding-left: 5px; } .pagination a img { background-color: #595959; } .pagination a:hover img { background-color: #f00; } /*** PAGE HEADERS ***/ #entity_wrapper { background: #fff url(cssimg/headers/default.jpg) no-repeat 0 0 !important; } #view_default_recipes_body #entity_wrapper { background-image: url(cssimg/headers/default.jpg) !important; } #overview_recipes_body #entity_wrapper { background-image: url(cssimg/headers/default.jpg) !important; } #overview_products_body #entity_wrapper { background-image: url(cssimg/headers/products.jpg) !important; } #view_products_body #entity_wrapper { background-image: url(cssimg/headers/products.jpg) !important; } #overview_articles_body #entity_wrapper { background-image: url(cssimg/headers/articles.jpg) !important; } #view_articles_body #entity_wrapper { background-image: url(cssimg/headers/articles.jpg) !important; } #overview_news_body #entity_wrapper { background-image: url(cssimg/headers/default.jpg) !important; } #view_news_body #entity_wrapper { background-image: url(cssimg/headers/default.jpg) !important; } #overview_pages_body #entity_wrapper { background-image: url(cssimg/headers/pages.jpg) !important; } #view_pages_body #entity_wrapper { background-image: url(cssimg/headers/pages.jpg) !important; } #404_error_body #entity_wrapper { background-image: url(cssimg/headers/404.jpg) !important; } #403_error_body #entity_wrapper { background-image: url(cssimg/headers/403.jpg) !important; } #view_default_articles_body #entity_wrapper { background-image: url(cssimg/headers/articles_view.jpg) !important; } /*** spotting page ***/ #world_map_spotting_body #main_content, #overview_spotting_body #main_content { width: 999px; background-image: url(cssimg/boxes/map_top.png); } #world_map_spotting_body .content_bottom, #overview_spotting_body .content_bottom { width: 999px; padding-bottom: 18px; background-image: url(cssimg/boxes/map_bottom.png); } #world_map_spotting_body .content_sides, #overview_spotting_body .content_sides { width: 978px; background-image: url(cssimg/boxes/map_sides.png); } #spotting_holder { position: relative; float: left; display: inline; width: 978px; height: 418px; margin: -11px 0 0 0; } #spotting_holder_flash { position: absolute; left: 1px; top: 0; } #get_flash_player { position: absolute; top: 45%; left: 50%; float: left; margin: 0 0 0 -235px; width: 430px; padding: 20px; color: #0076BC; background: #fff; filter: alpha(opacity=95); -moz-opacity: .95; opacity: .95; } #get_flash_player p { margin: 0 !important; padding-left: 108px; } #get_flash_player img { float: left; display: inline; margin: 3px 0 0 -108px; } /******** PRIMARNI SADRZAJ (NPR. CLANAK, RECEPT) ************/ #entity_wrapper { position: relative; float: left; margin-top: -11px; padding: 125px 35px 0; width: 509px; } #view_default_articles_body #entity_wrapper { padding-top: 150px !important; } #edit_link, #story_tools a { font-size: 1.1em; line-height: 2.4 !important; } #story_tools { float: right; position: relative; top: -10px; text-align: right; } #print_link { padding-left: 22px; background:url(cssimg/icons/printer.gif) no-repeat 0 0; } #pdf_link { padding-left: 22px; padding-right: 5px; background:url(cssimg/icons/pdf.gif) no-repeat 0 0; } #admin_link { float: left; position: relative; left: 35px; top: -10px; } #edit_link { padding-left: 22px; background:url(cssimg/icons/entity_admin_link.gif) no-repeat 0 0; } /******** ENTITY HEADLINE H1 ********************/ #main_content h1 { width: 509px; margin: 10px 0; line-height: 1.2em; color: #f00; } #main_content h1.secondary { color: #6FBC0A; } #major_teaser.no_image h1 { top: 0; background: none; max-width: 445px; } #major_teaser.no_image h1 span { display: block; margin: 0; padding: 0; background: none; } #overview_news_body #main_content h1, #view_news_body #main_content h2.module_name, #overview_articles_body #main_content h1, #overview_products_body #main_content h1, #view_products_body #main_content h1, #overview_recipes_body #main_content h1, #view_default_recipes_body #main_content h2.module_name { position: relative; margin-top: -77px; float: right; width: 385px; padding: 0 0 .5em; font-size: 36px !important; line-height: .9 !important; text-align: right; color: #f00 !important; } /*** article lead image ***/ #article_lead_image { position: relative; width: 552px; height: 222px; margin: -137px 0 19px -20px; } #article_lead_image img { margin: 0 0 0 62px; background: url(cssimg/articles/lead_image_bg.gif) repeat-y 0 0; } #view_default_articles_body h1 { font-size: 2.6em !important; } /*** BLOCKQUOTES ***/ #main_content blockquote { padding-left: 26px; background: url(cssimg/layout/quote.gif) no-repeat 2px 4px; } #main_content blockquote p { margin-left: 0 !important; margin-right: 0 !important; } /******** ARTICLE/RECIPE MAIN CONTENT ***********/ #main_content .lead, #main_content .intro { clear: both; margin: 10px 0 .5em !important; padding-left: 26px; font-size: 1.5em; line-height: 1.4em; background: url(cssimg/layout/quote.gif) no-repeat 0 4px; } #main_content .lead p { font-size: 1em; } #main_content p { margin-bottom: 1em; } /*** entity publish date ***/ #entity_publish_date { clear: both; text-align: right; padding: 0; margin-bottom: 5px; } #entity_publish_date dt { display: inline; color: #666; font-weight: normal; } #entity_publish_date dd { display: inline; color: #333; font-weight: bold; } /*** entity main story ***/ #main_story, #image_gallery_holder { clear: both; margin-bottom: 10px; font-size: 1.2em; color: #333; } #view_default_recipes_body #main_story { clear: left; } #main_story:after, #image_gallery_holder:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*** entity image gallery ***/ #image_gallery_holder { float: left; clear: both; width: 509px; } #view_products_body #image_gallery_holder h2 { font-size: 1.5em; color: #0076BC !important; } #image_gallery_holder .images_pseudo_row { float: left; clear: both; width: 100%; margin-bottom: 18px; } #image_gallery_holder .images_pseudo_row .entity_image { float: left; display: inline; margin-left: 18px; border: 0; } #image_gallery_holder .images_pseudo_row .first-child, #image_gallery_holder .images_pseudo_row .entity_image:first-child { margin-left: 0; } #image_gallery_holder .images_pseudo_row .last-child, #image_gallery_holder .images_pseudo_row .entity_image:last-child { margin-right: 0; } #image_gallery_holder .images_pseudo_row a { float: left; } #image_gallery_holder .images_pseudo_row .image_caption { width: 77px !important; overflow: hidden; } #image_gallery_holder .images_pseudo_row .image_caption a { float: none; } /*** entity images ***/ .entity_image { border: 1px solid #ccc; } .entity_image img { margin: 2px; } #view_products_body #main_story img { float: left; margin: 5px 15px 2px 0; } .image_caption { float: left; clear: both; padding: 5px; line-height: 1.3 !important; } #view_products_body .image_caption { text-align: center; font-weight: bold; } #view_products_body #image_gallery_holder .entity_image img { border: 1px solid #ccc; } span.float_left { float: left; margin: 0 15px 2px 0px; clear: none !important; } span.float_right { float: right; margin: 0 0 2px 15px; clear: none !important; } .image_holder { width: 509px; } .image_holder:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .image_holder span.float_right { margin-left: 0 !important; } #first_image { float: left; display: inline; margin: 0 10px 2px 0; } /*** main story typography ***/ #main_story strong, #main_story b { color: #000; } #main_story * { font-size: 1em; } #main_story h2 { font-size: 1.4em !important; color: #f00 !important; font-weight: normal !important; } #main_story h3 { font-size: 1.2em !important; color: #000; } #main_story h3 i, #main_story h3 em { color: #000; } #main_story .system_message h3 { color: #fff; } #main_story sup { font-size: .6em; } #main_story h2 { clear: left; margin-top: .8em; } #main_story h2 * { font-weight: normal !important; color: #f00 !important; } #view_recept_body #main_story h2 { font-weight: bold; } #main_story h3 { margin-bottom: .5em !important; } #main_story p + h2, #main_story ul + h2, #main_story ol + h2, #main_story dl + h2, #main_story table + h2 { margin-top: 0; } #main_story hr { clear: both; margin-bottom: 10px; border-top: 1px solid #ebebeb; } #main_story ul, #main_story ol { clear: left; margin-bottom: 1em; } #main_story ul li { font-size: 1em; list-style: square; margin-left: 20px; } #main_story ol li { font-size: 1em; margin-left: 30px; width: auto; } #main_story a { color: #f00 !important; } #main_story li a { display: inline; padding: 0; } #main_story p span.small_notice { font-size: .8em !important; } #view_products_body #main_content a { color: #3F99CE !important; } /*** entity pullquotes ***/ .quote_right, .quote_left { width: 240px; padding: 20px 0 10px 20px; font-weight: bold; font-size: 1.2em !important; color: #f00; background: url(cssimg/bubbles/quote_large.gif) no-repeat 0 0; } .quote_right p, .quote_left p { width: auto !important; } .quote_left { float: left; margin: 0 15px 10px 0; } .quote_right { float: right; margin: 0 0 10px 15px; } /*** special boxes ***/ .box_special_1, .box_special_2, .box_special_3, .box_special_4, .box_special_5 { display: block; clear: both; padding: 0 20px 15px; margin-bottom: 15px; overflow: hidden; } .box_special_title { display: block; text-align: right; width: 469px; padding: 15px 20px 0; margin-left: -20px !important; margin-top: 0 !important; font-size: 1.4em !important; color: #f00 !important; } .box_special_title_2 { display: block; text-align: left; text-transform: uppercase; width: 469px; padding: 15px 20px 0; margin-left: -20px !important; margin-top: 0 !important; font-size: 1.2em !important; color: #f00 !important; } .box_special_title_3 { display: block; text-align: left; width: 469px; padding: 15px 20px 0; margin-left: -20px !important; margin-top: 0 !important; font-size: 1.2em !important; color: #000 !important; } .box_special_1 table td, .box_special_2 table td, .box_special_3 table td, .box_special_4 table td { border: 0 !important; font-size: 1em !important; } .box_special_1 .box_special_title_3, .box_special_1 .box_special_title_2, .box_special_1 .box_special_title { background: url(cssimg/bubbles/notica_c1.gif) no-repeat 0 0; } .box_special_2 .box_special_title_3, .box_special_2 .box_special_title_2, .box_special_2 .box_special_title { background: url(cssimg/bubbles/notica_c2.gif) no-repeat 0 0; } .box_special_3 .box_special_title_3, .box_special_3 .box_special_title_2, .box_special_3 .box_special_title, .entity_downloads h2 { background: url(cssimg/bubbles/notica_c3.gif) no-repeat 0 0; } .box_special_4 .box_special_title_3, .box_special_4 .box_special_title_2, .box_special_4 .box_special_title { background: url(cssimg/bubbles/notica_c4.gif) no-repeat 0 0; } .box_special_5 .box_special_5_inner { display: block; width: 415px !important; padding: 15px 20px 0; margin-left: -20px !important; margin-top: 0 !important; font-size: 1.2em !important; color: #000 !important; background: url(cssimg/bubbles/notica_c5.gif) no-repeat 0 0; } .box_special_5 .box_special_5_inner b, .box_special_5 .box_special_5_inner strong { color: #f00 !important; } .box_special_1 { background: #FEF4F2 url(cssimg/bubbles/notica_c1_bottom.gif) no-repeat 0 100%; } .box_special_2 { background: #F4FEF3 url(cssimg/bubbles/notica_c2_bottom.gif) no-repeat 0 100%; } .box_special_3, .entity_downloads { background: #F1F8FE url(cssimg/bubbles/notica_c3_bottom.gif) no-repeat 0 100%; } .box_special_4 { background: #FFFFFF url(cssimg/bubbles/notica_c4_bottom.gif) no-repeat 0 100%; } .box_special_5 { background: url(cssimg/bubbles/notica_c5_bottom.gif) no-repeat 0 100%; } .box_special_1 p, .box_special_2 p, .box_special_3 p, .box_special_4 p, .entity_downloads p { } .entity_downloads h2 { color: #000 !important; } .notice, .small_notice { color: #666; } /*** entity downloads ***/ #main_story .entity_downloads { float: left; clear: both; width: 509px; margin-top: 15px; } #main_story .entity_downloads h2 { display: block; text-align: left; padding: 15px 20px 0; margin-top: 0 !important; } #main_story .entity_downloads ul, #main_story .entity_downloads p { float: left; width: 469px; padding: 0 20px 15px !important; color: #000; font-weight: bold; margin: 0 !important; overflow: hidden; } #main_story .entity_downloads ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #main_story .entity_downloads li { list-style: none !important; float: left; width: 400px; margin: 0 0 5px 0 !important; } #main_story .entity_downloads li a { float: left; font-weight: normal; color: #666 !important; text-decoration: none; } #main_story .entity_downloads li strong { display: block; font-size: 1.2em !important; line-height: 1.2; margin-bottom: 3px; color: #f00 !important; text-decoration: underline; } #main_story .entity_downloads li a:hover strong { text-decoration: none; } /******** RECIPE SPECIAL STYLES ***************/ /*** recipe preparation info ***/ #preparation_info h2 { margin-bottom: 1em; padding-top: 5px; color: #f00; font-size: 1.5em !important; } #preparation_info ol li { position: relative; list-style: none; width: auto; padding-left: 26px; margin-left: 0; font-size: 1em; color: #333; margin-bottom: 15px; background: url(cssimg/numberz/1.gif) no-repeat 0 3px; } .li_30 { background-image: url(cssimg/numberz/30.gif) !important; } .li_29 { background-image: url(cssimg/numberz/29.gif) !important; } .li_28 { background-image: url(cssimg/numberz/28.gif) !important; } .li_27 { background-image: url(cssimg/numberz/27.gif) !important; } .li_26 { background-image: url(cssimg/numberz/26.gif) !important; } .li_25 { background-image: url(cssimg/numberz/25.gif) !important; } .li_24 { background-image: url(cssimg/numberz/24.gif) !important; } .li_23 { background-image: url(cssimg/numberz/23.gif) !important; } .li_22 { background-image: url(cssimg/numberz/22.gif) !important; } .li_21 { background-image: url(cssimg/numberz/21.gif) !important; } .li_20 { background-image: url(cssimg/numberz/20.gif) !important; } .li_19 { background-image: url(cssimg/numberz/19.gif) !important; } .li_18 { background-image: url(cssimg/numberz/18.gif) !important; } .li_17 { background-image: url(cssimg/numberz/17.gif) !important; } .li_16 { background-image: url(cssimg/numberz/16.gif) !important; } .li_15 { background-image: url(cssimg/numberz/15.gif) !important; } .li_14 { background-image: url(cssimg/numberz/14.gif) !important; } .li_13 { background-image: url(cssimg/numberz/13.gif) !important; } .li_12 { background-image: url(cssimg/numberz/12.gif) !important; } .li_11 { background-image: url(cssimg/numberz/11.gif) !important; } .li_10 { background-image: url(cssimg/numberz/10.gif) !important; } .li_9 { background-image: url(cssimg/numberz/9.gif) !important; } .li_8 { background-image: url(cssimg/numberz/8.gif) !important; } .li_7 { background-image: url(cssimg/numberz/7.gif) !important; } .li_6 { background-image: url(cssimg/numberz/6.gif) !important; } .li_5 { background-image: url(cssimg/numberz/5.gif) !important; } .li_4 { background-image: url(cssimg/numberz/4.gif) !important; } .li_3 { background-image: url(cssimg/numberz/3.gif) !important; } .li_2 { background-image: url(cssimg/numberz/2.gif) !important; } .li_1 { background-image: url(cssimg/numberz/1.gif) !important; } /*** recipe image ***/ #recept_gallery { position: relative; left: 21px; float: left; display: inline; width: 215px; padding: 4px; margin: 0 0 15px 0; border: 1px solid #D3D3D3; } #first_recipe_image { float: left; } /*** recipe metadata column ***/ #entity_meta { float: right; display: inline; width: 250px; margin: 1px 0 1em 15px; background: #fff; } #recipe_marks { padding-bottom: 5px; border-top: 1px solid #EFEFEF; } #recipe_marks dt { height: 6px; text-indent: -9999px; overflow: hidden; } #recipe_marks dd { text-align: left; padding: 3px 0 0 0; text-align: center; } #recipe_marks li { display: inline; } #recipe_marks dd img { vertical-align: top; margin-left: 5px; margin-bottom: 5px; } #entity_summary { margin-bottom: 5px; width: 100%; } #entity_summary td, #entity_summary th { padding: 4px 10px; font: 1.1em Arial, sans-serif; border-top: 1px solid #EFEFEF; vertical-align: top; } #entity_summary th { padding-right: 0; text-align: left; } #entity_summary td { padding-left: 0; text-align: center; font-weight: bold; } #entity_summary .nutrition_sc td { text-align: left; padding-left: 10px; } /*** recipe rating ***/ #recipe_rating_display { float: left; width: 100%; margin-bottom: 5px; padding-bottom: 10px; background: url(cssimg/boxes/bottom_white_250.gif) no-repeat 0 100%; } #recipe_rating_display dd { font: 1.1em Arial, sans-serif; text-align: center; } #current_rating { padding-top: 10px; background: url(cssimg/boxes/top_white_250.gif) no-repeat 100% 0; } #current_rating dt { margin: 0; height: 25px; text-align: center; } /*** recipe ingredients ***/ #recipe_ingredients { clear: both; padding-bottom: 8px; background: url(cssimg/boxes/bottom_white_250.gif) no-repeat 0 100%; } #recipe_ingredients h2 { padding: 10px 10px 0 110px; margin: 0; font-style: italic; text-align: left; color: #f00; background: url(cssimg/boxes/top_white_250.gif) no-repeat 0 0; } #for_persons th { padding-top: 2px !important; } #for_persons td { padding-top: 2px !important; color: #f00; font-size: 1.5em !important; } #recipe_ingredients a { color: #2A4F9D; } #recipe_ingredients .table_holder { border: 1px solid #D3D3D3; border-width: 0 1px; padding: 5px 10px 2px; } #recipe_ingredients table { width: 100%; } #recipe_ingredients table th, #recipe_ingredients table td { padding: 5px 2px; font-weight: normal; font-size: 1.2em; line-height: 1.4em; vertical-align: top; } #recipe_ingredients table th { text-align: right; width: 85px !important; padding-right: 10px; } #recipe_ingredients table td { } #recipe_ingredients table .sub_th th { width: 208px !important; padding: 15px 10px 2px 99px; font-style: italic; font-size: 1.6em; text-align: left; } #recipe_ingredients table .sub_th.first-child th { padding-top: 5px; } #recipe_ingredients table .odd th, #recipe_ingredients table .odd td { background: #ffe; } /*** content tables ***/ #main_story table { width: 509px; margin-bottom: 15px; } #main_story th, #main_story td { padding: 5px 10px; font-size: 1em !important; vertical-align: top; } #main_story tbody td, #main_story tbody th { font-weight: normal; border-bottom: 1px solid #D6D6D6; } #main_story tbody th { width: 50%; text-align: left !important; } #main_story td { width: 250px; } /*** the history of vegeta ***/ #main_story td.td_year { width: 80px !important; } #main_story td.td_year strong { display: block; margin-bottom: 5px; } #main_story td.middle_col { width: 225px !important; padding-right: 0 !important; } #main_story td.middle_col .float_left, #main_story td.middle_col .float_left img { margin-right: 0 !important; } /*** recipe nutrition analysis ***/ #entity_nutrition_analysis { clear: both; margin: 0 0 15px; background: url(cssimg/boxes/interactive_sides.gif) repeat-y 0 0; } #entity_nutrition_analysis h2 { padding-left: 15px; width: 494px; text-transform: uppercase; background: #fff url(cssimg/boxes/interactive_h2.gif) no-repeat 0 100% !important; } #entity_nutrition_analysis h2 span { padding: 0 10px; background: #fff; } #entity_nutrition_analysis .info { padding: 0 25px; margin-bottom: 1em; } #entity_nutrition_analysis table { width: 482px; margin: 0 0 10px 15px; } #entity_nutrition_analysis table th, #entity_nutrition_analysis table td { padding: 5px 10px; text-align: center; } #entity_nutrition_analysis thead { background: #FFFEF1; } #entity_nutrition_analysis thead th { font-size: 1.4em; border-bottom: 1px solid #999; } #entity_nutrition_analysis thead th.first-child { text-align: left !important; } #entity_nutrition_analysis thead tr.sub_th th { font-size: 1.2em !important; } #entity_nutrition_analysis thead th.has_sub_th { border: 0; } #entity_nutrition_analysis tbody td, #entity_nutrition_analysis tbody th { font-weight: normal; font-size: 1.2em; border-bottom: 1px solid #D6D6D6; } #entity_nutrition_analysis tbody th { width: 200px; text-align: left !important; } #entity_nutrition_analysis tbody tr:hover th, #entity_nutrition_analysis tbody tr.over th, #entity_nutrition_analysis tbody tr:hover td, #entity_nutrition_analysis tbody tr.over td { background: #f6f6f6; } #entity_nutrition_analysis td.value { white-space: pre; } div.hide_table table, div.hide_table #rda_explanation p, table.hide_rows tr.hidden_row th, table.hide_rows tr.hidden_row td { display: none; } div.hide_table .info { float: left; width: 410px; } #rda_explanation { clear: both; width: 509px; padding: 0 0 15px 0 !important; text-align: left; background: url(cssimg/boxes/interactive_bottom.gif) no-repeat 0 100%; } #rda_explanation p { padding: 0 25px; } #expand_table_control { /* width: 464px; */ padding: 0 20px 0 25px; margin-bottom: 10px !important; text-align: right; } #expand_table_control img { vertical-align: top; cursor: pointer; } /*** NEWS ***/ .news_body #main_content a, .news_body #entity_wrapper h1, .news_body #entity_wrapper h2, .news_body #entity_wrapper h3 { color: #0076BC !important; } #view_news_body .category_listing dt, #overview_news_body dt { font-size: 1.5em; margin-bottom: .2em; } .entity_meta { clear: both; float: left; width: 509px !important; padding-top: 12px; } .entity_date { color: #5F5F5F; } .entity_more_link { float: right; font-style: italic; } #view_news_body .category_listing h3 { font-size: 1.5em; text-align: right; text-transform: uppercase; margin-bottom: 18px; border-bottom: 1px solid #CFCFCF; } /*** SPOTTING TEASER ***/ #sidecontent { position: relative; float: left; display: inline; width: 399px; padding-top: 370px; padding-bottom: 5px; } /*#sidecontent { position: relative; float: left; display: inline; width: 399px; padding-top: 0px; padding-bottom: 5px; }*/ .box_400_top { float: left; width: 405px; padding-top: 17px; background: url(cssimg/boxes/box_400_top.png) no-repeat 0 0; } .box_400_bottom { float: left; width: 405px; padding-bottom: 31px; background: url(cssimg/boxes/box_400_bottom.png) no-repeat 0 100%; } .box_400_sides { float: left; width: 383px; padding: 4px 10px 0 12px; background: url(cssimg/boxes/box_400_sides.png) repeat-y 0 0; } #overview_spotting_body #sidecontent { clear: both; width: 999px; padding-top: 0; margin-left: -1px; } #overview_spotting_body #sidecontent .box_400_top { margin-top: -2px; } #spotting_teaser { position: absolute; top: 0; right: 0; overflow: hidden; } .box_400_sides #spotting_teaser_holder { width: 381px; height: 350px; margin: -14px 0 -14px; overflow: hidden; } /*** SIDELISTINGS ***/ h4 { width: 185px; margin: 0 0 3px; font-size: 1.3em !important; line-height: 1.2; text-transform: uppercase; color: #fff; background: red url(cssimg/boxes/h4_top_default.gif) no-repeat 0 0; overflow: hidden; } h4 span { display: block; padding: 6px 10px 5px; background: url(cssimg/boxes/h4_bottom_default.gif) no-repeat 0 100%; } #products_sidelisting h4 { background-color: #0175BE; background-image: url(cssimg/boxes/products_h4_top.gif); } #products_sidelisting h4 span { background-image: url(cssimg/boxes/products_h4_bottom.gif); } #homepage_featured_news h4 { background-color: #0175BE; background-image: url(cssimg/boxes/news_home_h4_top.gif); width: 383px; position: relative; margin: -15px 0 3px -1px !important; z-index: 101; } #homepage_featured_news h4 span { background-image: url(cssimg/boxes/news_home_h4_bottom.gif); } .sidecontent_col { position: relative; float: left; display: inline; width: 197px; margin-right: 1px; padding-top: 15px; background: url(cssimg/boxes/sidecontent_top.png) no-repeat 0 0; z-index: 20; } .sidecontent_bottom { float: left; width: 197px; padding-bottom: 11px; background: url(cssimg/boxes/sidecontent_bottom.png) no-repeat 0 100%; } .sidecontent_sides { float: left; width: 185px; padding: 4px 8px 0 4px; background: url(cssimg/boxes/sidecontent_sides.png) repeat-y 0 0; } .sidecontent_sides h4 { position: relative; margin-top: -15px; z-index: 101; } .sidelisting { float: left; padding: 9px 0 12px; background: #fff; } .sidelisting li { float: left; display: inline; width: 185px; font-size: 1.2em; background: url(cssimg/icons/article.gif) no-repeat 10px 4px; } .sidelisting li a { float: left; width: 145px; padding: 4px 0 4px 35px; line-height: 1.4em; color: #666; overflow: hidden; } .sidelisting li a span { text-decoration: none; } .sidelisting li.active { background-image: url(cssimg/icons/pot_blue.gif) !important; } #products_sidelisting a { color: #3F99CE; } #products_sidelisting li { background: url(cssimg/icons/pot.gif) no-repeat 10px 5px; } #products_sidelisting li a { font-weight: bold; text-transform: uppercase; } .featured_entity { clear: both; width: 185px; background: #fff; } .featured_entity a img { float: left; } .featured_entity h2 { float: left; clear: both; width: 165px; padding: 0 10px; margin-top: 15px; line-height: 1.2; } .featured_entity h2 a { font-weight: bold; } .featured_intro { clear: both; padding: 0 10px; font-size: 1.1em; } .featured_intro * { font-size: 1em !important; } /*** HOMEPAGE FEATURED ***/ #homepage_featured_news .featured_entity { width: 383px; } #homepage_featured_news .featured_entity h2 { width: 363px; } #overview_spotting_body #homepage_featured_news a { color: #3F99CE !important; } #overview_spotting_body .box_400_sides, #overview_spotting_body .sidecontent_sides { padding-bottom: 0; } p.more_link { float: left; clear: both; font-weight: bold; text-transform: uppercase; text-align: right; margin-bottom: 0; } .sidecontent_sides .more_link { width: 165px; padding: 12px 10px 0 !important; } #overview_spotting_body .box_400_sides .more_link { position: relative; top: 12px; width: 370px; } #overview_spotting_body #products_sidelisting h2 { margin-top: 0; padding: 3px 10px; } #overview_spotting_body #products_sidelisting h2 a { text-transform: none !important; } #overview_spotting_body #products_sidelisting img { } #overview_spotting_body .featured_entity { height: auto !important; height: 31em; min-height: 31em; } /*** FOOTER ***/ #footer { float: left; width: 100%; color: #fff; padding: 17px 0 100px; background: url(cssimg/layout/footer.jpg) repeat-x 0 0; } * html #footer { position: relative; margin-top: -18px; } #footer .grid { position: relative; } #bottom_nav { float: left; display: inline; width: 395px; margin-left: 6px; background: url(cssimg/layout/bottom_nav_top.gif) no-repeat 0 0; } #bottom_nav ul { width: 375px; text-align: center; padding: 4px 10px 3px; background: url(cssimg/layout/bottom_nav_bottom.gif) no-repeat 0 100%; } #bottom_nav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #bottom_nav li { float: left; display: inline; background: url(cssimg/layout/bottom_nav_pipe.gif) repeat-y 0 0; } #bottom_nav li.first-child, #bottom_nav li:first-child { background: none; } #bottom_nav li a { display: block; padding: 2px 8px 2px 9px; text-transform: uppercase; color: #0177BF; text-decoration: none; } #bottom_nav li.active a { color: #f00; font-weight: bold; } #bottom_nav li a:hover { text-decoration: underline; } #bottom_nav li.first-child a { } #site_directory { float: left; display: inline; clear: both; width: 396px; margin: 7px 0 0 6px; background: url(cssimg/boxes/site_directory_bottom.gif) no-repeat 0 100%; } #site_directory:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #site_directory .dropdown { position: relative; float: left; width: 197px; padding: 0; margin-right: 1px; } #site_directory h3 { margin: 0; } #site_directory .dropdown h3 { color: #fff; text-transform: uppercase; background: url(cssimg/boxes/site_directory_top.gif) no-repeat 0 0; } #site_directory h3 span { display: block; width: 145px; margin: 0 6px; padding: 5px 29px 3px 7px; cursor: pointer; background: none no-repeat 158px 5px; } #site_directory .dropdown h3 span { background-image: url(cssimg/icons/site_directory_up.gif) } #site_directory .show { } #site_directory .show h3 { background: url(cssimg/boxes/dropdown_show_h3_top.gif) no-repeat 0 0; } #site_directory .show h3 span { background-image: url(cssimg/icons/site_directory_down.gif); } #site_directory .dropdown ul { display: none; position: absolute; bottom: 100%; width: 193px; border-bottom: 1px solid #A2DDFF; padding-top: 15px; background: url(cssimg/boxes/site_directory_top.png) no-repeat 0 0; } #site_directory .dropdown ul li { float: left; display: inline; width: 194px; padding-left: 3px; background: url(cssimg/boxes/site_directory_sides.png) repeat-y 0 0; } #site_directory .dropdown ul li.first-child { padding-top: 5px; } #site_directory .dropdown ul li.last-child { padding-bottom: 10px; } #site_directory .show ul { display: block !important; } #site_directory .dropdown ul li a { display: block; position: relative; width: 167px; padding: 2px 10px; font-size: 1.1em; color: #fff; } #site_directory .dropdown ul li.first-child a { margin: -12px 0 0 0; } #site_directory .dropdown ul li.last-child a { } #site_directory .dropdown ul li a:hover { background: #369; } #yahoo_attribution { position: absolute; left: 405px; top: 0; width: 88px; height: 31px; padding: 15px; background: url(cssimg/boxes/yahoo_box.gif) no-repeat 0 0; } #copyright { position: absolute; top: 6px; right: 0; padding: 0 51px 0 10px; text-align: center; font-size: 1em; color: #0177BF; } #copyright a img { margin-bottom: 5px; } /*** HIGLIGHTING SEARCH STRINGS FROM SEARCH ENGINES ***/ .hl0 { background-color: #ffff99; } .hl1 { background-color: #ff99ff; } .hl2 { background-color: #99ffff; } .hl3 { background-color: #ff9999; } .hl4 { background-color: #9999ff; }