/** ** FHM Magazine ** ============ **/ /* * Global Styles */ * { margin: 0; padding: 0; } a { color: #d6001f; outline: 0; text-decoration: none; } body { color: #000; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 16px; } img { border: 0; } td { vertical-align: top; } div { zoom: 1; } .clear { clear: both; border:0; margin:0; padding:0; line-height: 100%; height: 0; } /* * Ad Anits */ .initNinemsn { position: absolute; top: -1000px; left: 0px; width: 1px; } #msnbtmbanner { text-align: center; margin: 0 auto; width: 728px; } .ad_unit { /*background: #cfcfcf; */margin: 0 auto 10px; /*overflow: hidden !important;*/ } .iab_300x60 { height: 60px; width: 300px; } .iab_300x250 { width: 300px; } .iab_300x300 { height: 300px; width: 300px; } .iab_300x200 { height: 200px; width: 300px; } #objHeader { } /* position: absolute; right: 0; top: 71px; */ #RightNav_pnlContent .ad_unit { clear: both; } .adInit { display: none; } #objFooter { text-align: center; } #objRightBanner {margin-top: -15px;} #tmpHeader1 { overflow: visible; width: 990px; margin: 0 auto; float:left;} #nmsnhd_2 { height: 30px; overflow: hidden; } #tmpHeader2 { float: left; margin: 5px 0 0 0; width:728px; } /* left:262px; position:absolute; top:0px; width:728px; */ #network_header_ad_1 { margin: 0 auto; text-align: center; width: 990px; } .adBannerImagePopup {/*left:16px; ~left: 11px; z-index:10; position:absolute;*/ margin: 0 auto; width: 728px;} /* * Container */ #tblOuter { margin: 0 auto; width: 1056px; } #mainBox { position: relative; } /* * Header */ #tcMasthead { background: #fff url(FHM/background-header.gif) no-repeat center bottom; overflow: visible/*hidden*/; width: auto; } #Masthead_pnlContent { margin: 0 auto; overflow: hidden; width: 990px; } #Masthead_pnlContent h1 { display: block; float: left; margin: 10px 0 10px -41px; width: 303px; } /* 74px 0 10px -41px; */ #Masthead_pnlContent h1 a { display: block; height: 85px; width: 303px; } #Masthead_pnlContent h1 a img { display: block; position: relative; } /* * Nav */ #nav { background: #000; float: left; list-style: none; width: 990px; } #nav li { display: inline; float: left; } #nav li a { float: left; /*padding: 0 15px;*/ padding:0 10px; } #nav li a span { background-position: 0 0; cursor: pointer; display: block; height: 29px; text-indent: -9999px; } #nav li a.home span { background-image: url(FHM/nav/home.gif); width: 36px; } #nav li a.girls span { background-image: url(FHM/nav/girls.gif); width: 36px; } #nav li a.the_filter span { background-image: url(FHM/nav/the_filter.gif); width: 70px; } #nav li a.deals span { background-image: url(FHM/nav/deals.gif); width: 40px; } #nav li a.win_stuff span { background-image: url(FHM/nav/win_stuff.gif); width: 68px; } #nav li a.health_and_lifestyle span { background-image: url(FHM/nav/health_and_lifestyle.gif); width: 128px; } #nav li a.video span { background-image: url(FHM/nav/fhm-tv.gif); width: 47px; } #nav li a.blogs span { background-image: url(FHM/nav/blogs.gif); width: 42px; } #nav li a.forum span { background-image: url(FHM/nav/forum.gif); width: 44px; } #nav li a.magazine span { background-image: url(FHM/nav/magazine.gif); width: 66px; } #nav li a.gaming span { background-image: url(FHM/nav/gaming.gif); width: 54px; } #nav li a.entertainment span { background-image: url(FHM/nav/entertainment.gif); width: 105px; } #nav li a.lifestyle span { background-image: url(FHM/nav/lifestyle.gif); width: 64px; } #nav li a.fashion-and-grooming span { background-image: url(FHM/nav/fashion-and-grooming.gif); width: 138px; } #nav li a.health-and-fitness span { background-image: url(FHM/nav/health-and-fitness.gif); width: 114px; } #nav li a.fhm-tv span { background-image: url(FHM/nav/fhm-tv.gif); width: 47px; } #nav li a.more-fhm span { background-image: url(FHM/nav/more-fhm.gif); width: 65px; } #nav li a.subscribe span { background-image: url(FHM/nav/subscribe.gif); width: 71px; } /*#nav li a.life_coach span { background-image: url(FHM/nav/life_coach.gif); width: 73px; } #nav li a.essentials span { background-image: url(FHM/nav/essentials.gif); width: 75px; } #nav li a.love_and_lust span { background-image: url(FHM/nav/love_and_lust.gif); width: 79px; } #nav li a.materialism span { background-image: url(FHM/nav/materialism.gif); width: 84px; } #nav li a.health span { background-image: url(FHM/nav/health.gif); width: 49px; }*/ #nav li a:hover { color: #f00; } #nav li a:hover span { background-position: 0 -29px; } #nav li.active { background: #fff url(FHM/nav/active_right.gif) right no-repeat;/* height: 37px;*/ margin: -8px 0 0; } #nav li.active a { background: url(FHM/nav/active_left.gif) left no-repeat; /*height: 29px;*/ padding: 8px 32px 0 17px; } #nav li.active a.home { background-image: url(FHM/nav/active_left_home.gif); } #nav li.active a span, #nav li.active a:hover span { background-position: 0 -58px; } #sub_nav { float: left; font-size: 11px; font-weight: bold; list-style: none; } #sub_nav li { float: left; } #sub_nav li a { color: #000; display: block; float: left; text-transform: uppercase; } #sub_nav li a span { background: url(FHM/nav/background.gif) 0 -29px repeat-x; cursor: pointer; display: block; float: left; height: 16px; padding: 7px 9px 6px; } #sub_nav li a:hover { color: #fff; } #sub_nav li a:hover span { background-position: 0 0; } /* * Site Tools */ #site_tools { float: right; font-size: 11px; line-height: 20px; list-style: none; } #site_tools li { background: url(FHM/arrow/small_red_right.gif) 0 11px no-repeat; float: left; padding: 4px 10px 5px 7px; } #site_tools li.rss { background: url(FHM/icon/rss.gif) 0 7px no-repeat; padding-left: 20px; } #site_tools li a { color: #000; } /* * Search Form */ li#search_form { background: transparent; padding-left: 3px; padding-right: 28px; position: relative; } li#search_form label { margin: 0 4px 0 0; } li#search_form input { background: #fff; border: 1px solid #c1c1c1; color: #000; font-family: arial, helvetica, sans-serif; font-size: 11px; padding: 1px; width: 96px; } li#search_form input.image { background: transparent; border: none; line-height: 0; padding: 0; position: absolute; right: 10px; top: 6px; width: auto; } /* * Main Content */ #tcMidContent, #tcRightContent, #tcFooter { background: #fff url(FHM/background-body.gif) no-repeat; overflow: hidden; width: auto; } #tcMidContent { padding: 10px 0 10px 10px; width: 693px; } #tcMidContent .seperator { background: url(FHM/background/shadow_seperator.gif); clear: both; float: left; height: 9px; margin: 10px -3px 8px 0; width: 663px; } #tcMidContent img.image_left { float: left; margin: 0 20px 20px 0; } #tcMidContent img.image_right { float: right; margin: 0 0 20px 20px; } #tcMidContent .centre { margin-left: auto; margin-right: auto; } #MiddleContent_pnlContent, #Footer_pnlContent { margin: 0 auto; overflow: hidden; width: 970px; } #MiddleContent_pnlContent { margin-left: 33px; width: 670px; } /* * Home Page */ #home_page { position: relative; } #main_content { background: url(FHM/background/homepage_horizontal_shadow.gif) bottom no-repeat; float: left; margin: 0 0 7px; padding: 0 0 17px; width: 970px; } #main_content .mag_shot { float: left; margin: 0 0 0 10px; } #main_content .mag_shot img { display: block; } #other_stuff { display: inline; float: left; margin: 3px 0 0 10px; width: 300px; } /* * Slideshows */ #flash_slideshow { background: url(FHM/background/landing_flash_box.gif); display: inline; float: left; height: 300px; overflow: hidden; margin: -9px -10px 8px -8px; padding: 9px 10px 9px 8px; position: relative; width: 660px; } #main_content #flash_slideshow { background: transparent; margin: 0; padding: 0; } #slideshow { z-index: 10; } /* * Sub-content */ #sub_content { float: left; width: 660px; } .column { display: inline; float: left; width: 325px; } .left { margin: 0 10px 0 0; } #sub_content .small_content_box { background: url(FHM/background/shadow_325_top.gif) no-repeat; display: inline; float: left; font-size: 11px; margin: 0 -5px 10px; padding: 0 5px; position: relative; width: 325px; } #sub_content .small_content_box h3 { background: 20px 8px no-repeat; height: 33px; text-indent: -9999px; } #sub_content .small_content_box .top_link { background: url(FHM/arrow/small_dark_grey_right.gif) right no-repeat; color: #252525; font-weight: bold; padding: 0 10px 0 0; position: absolute; right: 15px; top: 7px; } #sub_content .small_content_box h3.blogs { background-image: url(FHM/ir/blogs_light_grey.gif); } #sub_content .dark h3.blogs { background-image: url(FHM/ir/blogs.gif); } #sub_content .small_content_box h3.featured_gallery { background-image: url(FHM/ir/featured_gallery.gif); } #sub_content .small_content_box h3.in_the_mag { background-image: url(FHM/ir/in_the_mag_small.gif); } #sub_content .small_content_box h3.latest_styles { background-image: url(FHM/ir/latest_styles.gif); } #sub_content .small_content_box h3.vintage_gear { background-image: url(FHM/ir/vintage_gear.gif); } #sub_content .small_content_box h3.style_icons { background-image: url(FHM/ir/style_icons.gif); } #sub_content .small_content_box h3.eating_plans { background-image: url(FHM/ir/eating_plans.gif); } #sub_content .small_content_box h3.fhm_top_ten { background: url(FHM/ir/fhm_top_ten.gif); } #sub_content .small_content_box h3.fhm_top_five { background-image: url(FHM/ir/grey/top5.gif); } #sub_content .dark h3.fhm_top_five { background-image: url(FHM/ir/fhm_top_five.gif); } #sub_content .small_content_box h3.power_foods { background-image: url(FHM/ir/power_foods.gif); } #sub_content .small_content_box h3.recipes { background-image: url(FHM/ir/recipes.gif); } #sub_content .small_content_box h3.travel_features { background-image: url(FHM/ir/travel_features.gif); } #sub_content .small_content_box h3.tech_talk { background-image: url(FHM/ir/tech_talk.gif); } #sub_content .small_content_box h3.cars { background-image: url(FHM/ir/grey/cars.gif); } #sub_content .small_content_box h3.competitions { background-image: url(FHM/ir/grey/competitions.gif); } #sub_content .small_content_box h3.drink { background-image: url(FHM/ir/grey/drink.gif); } #sub_content .small_content_box h3.entertainment { background-image: url(FHM/ir/grey/entertainment.gif); } #sub_content .small_content_box h3.etiquette { background-image: url(FHM/ir/grey/etiquette.gif); } #sub_content .small_content_box h3.fashion { background-image: url(FHM/ir/grey/fashion.gif); } #sub_content .small_content_box h3.fitness { background-image: url(FHM/ir/grey/fitness.gif); } #sub_content .small_content_box h3.food { background-image: url(FHM/ir/grey/food.gif); } #sub_content .small_content_box h3.girls_of_fhm { background-image: url(FHM/ir/grey/girls_of_fhm.gif); } #sub_content .small_content_box h3.kama_sutra { background-image: url(FHM/ir/grey/kama_sutra.gif); } #sub_content .small_content_box h3.life_coach { background-image: url(FHM/ir/grey/life_coach.gif); } #sub_content .small_content_box h3.lifestyle { background-image: url(FHM/ir/grey/lifestyle.gif); } #sub_content .small_content_box h3.love_and_lust { background-image: url(FHM/ir/grey/love_and_lust.gif); } #sub_content .small_content_box h3.money { background-image: url(FHM/ir/grey/money.gif); } #sub_content .small_content_box h3.tech { background-image: url(FHM/ir/grey/tech.gif); } #sub_content .small_content_box h3.the_filter { background-image: url(FHM/ir/grey/the_filter.gif); } #sub_content .small_content_box h3.travel { background-image: url(FHM/ir/grey/travel.gif); } #sub_content .small_content_box h3.videos { background-image: url(FHM/ir/grey/videos.gif); } #sub_content .small_content_box h3.web { background-image: url(FHM/ir/grey/web.gif); } #sub_content .small_content_box h3.latest_blog_posts { background-image: url(FHM/ir/dark_grey/latest_blog_posts.gif); } #sub_content .small_content_box h3.make_her_happy { background-image: url(FHM/ir/dark_grey/make_her_happy.gif); } #sub_content .small_content_box h3.must_haves { background-image: url(FHM/ir/dark_grey/must_haves.gif); } #sub_content .small_content_box h3.need_to_know { background-image: url(FHM/ir/dark_grey/need_to_know.gif); } #sub_content .small_content_box h3.featured_reviews { background-image: url(FHM/ir/featured_reviews.gif);} #sub_content .small_content_box h3.featured_articles { background-image: url(FHM/ir/featured_articles.gif);} #sub_content .small_content_box h3.nutrition { background-image: url(FHM/ir/nutrition.gif);} #sub_content .dark { background-image: url(FHM/background/shadow_325_dark_top.gif); } #sub_content .dark .top_link { background-image: url(FHM/arrow/small_white_right.gif); color: #fff; } #sub_content .small_content_box .grey_gradient { background: #e1e1e1 url(FHM/background/grey_gradient.gif) bottom repeat-x; float: left; } #sub_content .small_content_box .grey_gradient_bottom { background: #e9e9e9 url(FHM/background/grey_gradient_bottom.gif) bottom repeat-x; float: left; } #sub_content .small_content_box .module { background: url(FHM/background/shadow_325_bottom.gif) bottom no-repeat; display: inline; float: left; line-height: 14px; list-style: none; margin: 15px -5px 0; padding: 0 14px 0 25px; width: 296px; } #sub_content .small_content_box .module li { display: inline; float: left; height: 144px; padding: 0 11px 7px 0; width: 137px; } #sub_content .small_content_box .module li a { color: #000; display: block; } #sub_content .small_content_box .module li a img { display: block; } #sub_content .small_content_box .module li h4 { font-size: 11px; font-weight: bold; margin: 3px -1px -1px; } #sub_content .small_content_box .module li h4 a { display: inline; } #sub_content .small_content_box .module li p { display: inline; margin: 0 -1px; } /*#sub_content .small_content_box .module li p:after { content: url(FHM/arrow/small_red_right.gif); margin: 0 0 0 5px; }*/ #sub_content .small_content_box .module li a.more { display: inline; margin: 0 0 0 3px; } #sub_content .small_content_box .module li a.more img { display: inline; } #sub_content .gallery .module li a { height: 100px; overflow: hidden; width: 137px; } #sub_content .gallery .module li a img { height: 182px; width: 137px; } #sub_content .gallery .module li h4 a, #sub_content .gallery .module li a.more, #sub_content .gallery .module li a.more img { height: auto; width: auto; } #sub_content .small_content_box .wide li { height: auto; line-height: 16px; margin: -1px 0 0; padding: 0 0 8px; width: 296px; } #sub_content .small_content_box .wide li a { float: left; margin: 1px 9px 0 0; } #sub_content .small_content_box .wide li h4 { margin: 0; } #sub_content .small_content_box .wide li h4 a { float: none; margin: 0; } #sub_content .small_content_box .wide li p { margin: 0; } #sub_content .small_content_box .wide li a.more { float: none; margin: 0 0 0 3px; } #sub_content .small_content_box .top_ten_list .description { border-bottom: 3px solid #020202; font-size: 11px; font-weight: bold; line-height: 12px; padding: 6px 20px 8px; } #sub_content .small_content_box .top_ten_list ol { background: url(FHM/background/shadow_325_bottom.gif) bottom no-repeat; color: #545151; font-size: 14px; font-weight: bold; line-height: 12px; list-style: none; margin: 0 -5px; padding: 5px 35px 8px 15px; } #sub_content .small_content_box .top_ten_list ol li { border-bottom: 1px dashed #c8c8c8; padding: 3px 10px 4px; } #sub_content .small_content_box .top_ten_list ol li a { color: #666; font-size: 11px; font-weight: normal; } #sub_content .small_content_box .top_ten_list ol li a:hover { color: #b2b2b2; } #sub_content .wide_content_box { background: url(FHM/background/shadow_660_dark_top.gif) no-repeat; display: inline; float: left; font-size: 11px; margin: 0 -5px 10px; padding: 0 5px; position: relative; width: 660px; } #sub_content .wide_content_box h3 { background: 20px 8px no-repeat; height: 33px; text-indent: -9999px; } #sub_content .wide_content_box .top_link { background: url(FHM/arrow/small_white_right.gif) right no-repeat; color: #fff; font-weight: bold; padding: 0 10px 0 0; position: absolute; right: 15px; top: 7px; } #sub_content .light { background: url(FHM/background/shadow_660_top.gif); } #sub_content .black { background: url(FHM/background/shadow_660_black_top.gif); } #sub_content .wide_content_box h3.money_advice { background-image: url(FHM/ir/money_advice.gif); } #sub_content .wide_content_box h3.sex_tips { background-image: url(FHM/ir/sex_tips.gif); } #sub_content .wide_content_box h3.more_comps { background-image: url(FHM/ir/more_comps.gif); } #sub_content .wide_content_box h3.most_popular { background-image: url(FHM/ir/most_popular.gif); } #sub_content .wide_content_box h3.related_recipes { background-image: url(FHM/ir/related_recipes.gif); } #sub_content .wide_content_box h3.most_recent { background-image: url(FHM/ir/most_recent.gif); } #sub_content .wide_content_box h3.most_viewed { background-image: url(FHM/ir/most_viewed.gif); } #sub_content .wide_content_box h3.bar_guide { background-image: url(FHM/ir/bar_guide.gif); } #sub_content .wide_content_box h3.gadgets { background-image: url(FHM/ir/gadgets.gif); } #sub_content .wide_content_box h3.make_her_happy { background-image: url(FHM/ir/dark_grey/wide/make_her_happy.gif); } #sub_content .wide_content_box h3.must_haves { background-image: url(FHM/ir/dark_grey/wide/must_haves.gif); } #sub_content .wide_content_box h3.need_to_know { background-image: url(FHM/ir/dark_grey/wide/need_to_know.gif); } #sub_content .wide_content_box .module { background: url(FHM/background/shadow_660_bottom.gif) bottom no-repeat; float: left; line-height: 14px; list-style: none; margin: 20px -5px 0; padding: 0 1px 4px 25px; width: 644px; } #sub_content .wide_content_box .module li { display: inline; float: left; margin: 0 24px 0 0; width: 137px; } #sub_content .wide_content_box .module li a { color: #000; display: block; } #sub_content .wide_content_box .module li a img { display: block; } #sub_content .wide_content_box .module li h4 { font-size: 11px; font-weight: bold; margin: 7px -1px -1px; } #sub_content .wide_content_box .module li h4 a { display: inline; } #sub_content .wide_content_box .module li p { display: inline; margin: 0 -1px; } #sub_content .wide_content_box .module li a.more { display: inline; margin: 0 0 0 3px; } #sub_content .wide_content_box .module li a.more img { display: inline; } #sub_content .wide_content_box .competitionList { background: url(FHM/background/shadow_660_bottom.gif) bottom no-repeat; float: left; line-height: 14px; list-style: none; margin: 20px -5px 0; padding: 0 1px 4px 25px; width: 644px; } #sub_content .wide_content_box .competitionList li { display: inline; float: left; margin: 0 24px 40px 0; width: 137px; height: 280px; position: relative;; } #sub_content .wide_content_box .competitionList li a { color: #000; display: block; } #sub_content .wide_content_box .competitionList li img { display: block; } #sub_content .wide_content_box .competitionList li h3 { font-size: 11px; font-weight: bold; height: auto; margin: 7px -1px -1px; text-indent: 0; } #sub_content .wide_content_box .competitionList li h3 a { display: inline; } #sub_content .wide_content_box .competitionList li p { display: inline; margin: 0 -1px; } #sub_content .wide_content_box .competitionList li a.competitionEnter { background: url(FHM/ir/enter_now_red.gif); display: block; height: 24px; margin: 4px -1px 9px; text-indent: -9999px; width: 94px; position: absolute; left: 0; bottom: 0; } #sub_content .wide_content_box .related_recipes ul { background: url(FHM/background/shadow_660_bottom.gif) bottom no-repeat; list-style: none; margin: 20px -5px 0; overflow: hidden; padding: 0 1px 4px 25px; width: 644px; } #sub_content .wide_content_box .related_recipes ul li { display: inline; float: left; margin: 0 24px 0 0; width: 137px; } #sub_content .wide_content_box .related_recipes ul li a { color: #000; display: block; } #sub_content .wide_content_box .related_recipes ul li a img { display: block; } #sub_content .wide_content_box .related_recipes ul li a span { display: block; line-height: 14px; margin: 5px 0 0; } #sub_content #sub_section { margin: 0 -5px 14px; padding: 0 5px; width: 660px; } #sub_content #sub_section h1 { height: 33px; margin: 0 20px; text-indent: -9999px; } #sub_content .small_module { color: #fff; display: inline; float: left; font-size: 11px; line-height: 15px; margin: 0 -10px 0 0; list-style: none; width: 335px; } #sub_content .small_module li { background: #000 url(FHM/background/module_black.gif) repeat-x; display: inline; float: left; height: 245px; margin: 0 10px 0 0; overflow: hidden; padding: 0 10px; width: 137px; } #sub_content .small_module li.red { background: #d6001f url(FHM/background/module_red.gif) repeat-x; } #sub_content .small_module li h3 { background: 2px 11px no-repeat; height: 43px; text-indent: -9999px; } #sub_content .small_module li h3.watch_it { background-image: url(FHM/ir/watch_it.gif); } #sub_content .small_module li h3.win_stuff { background-image: url(FHM/ir/win_stuff.gif); } #sub_content .small_module li a { color: #fff; display: block; } #sub_content .small_module li a img { display: block; } #sub_content .small_module li h4 { font-size: 11px; font-weight: bold; margin: 6px 0 0; } #sub_content .small_module li h4 a { display: inline; } #sub_content .small_module li a.more { float: left; margin: 20px 0 0; } #featured_galleries { background: url(FHM/background/featured_gallery_gradient.jpg); height: 259px; overflow: hidden; padding: 20px; width: 620px; } #featured_galleries ul { display: inline; float: left; font-size: 11px; line-height: 13px; list-style: none; margin: 0 -20px -20px 0; width: 480px; } #featured_galleries ul li { background: #000; color: #fff; display: inline; float: left; height: 245px; margin: 0 20px 20px 0; overflow: hidden; padding: 0 10px 14px; width: 120px; } #featured_galleries ul li a { background: transparent; display: block; margin: 0 -10px; } #featured_galleries ul li a img { display: block; } #featured_galleries ul li h4 { font-size: 11px; font-weight: normal; height: 26px; margin: 10px 0; overflow: hidden; } #featured_galleries ul li h4 a { color: #fff; display: inline; margin: 0; } #featured_galleries ul li p { display: none; } #featured_galleries ul li a.more { background: url(FHM/icon/camera.gif) 0 2px no-repeat; color: #878787; display: inline; font-weight: bold; margin: 0 1px; padding: 0 0 0 18px; } #featured_galleries .featured_video { background: #000; color: #fff; display: inline; float: left; font-size: 11px; height: 259px; line-height: 13px; overflow: hidden; margin: 0 0 0 20px; padding: 0 12px; width: 116px; } #featured_galleries .featured_video h3 { background: url(FHM/ir/featured_video.gif) 0 15px no-repeat; height: 39px; margin: 0 -1px; text-indent: -9999px; } #featured_galleries .featured_video a { display: block; height: 100px; margin: 0 -12px; overflow: hidden; } #featured_galleries .featured_video a img { display: block; } #featured_galleries .featured_video h4 { font-size: 11px; font-weight: bold; margin: 13px 0 4px; } #featured_galleries .featured_video h4 a { color: #fff; display: inline; margin: 0; } #featured_galleries .featured_video a.more { height: 15px; margin: 15px 0 16px; overflow: hidden; width: 98px; } #blog_module { background: url(FHM/background/shadow_325_bottom.gif) bottom no-repeat; display: inline; float: left; margin: 0 -5px; padding: 9px 5px 0; width: 325px; } #blog_module .description { border-bottom: 3px solid #000; color: #d6001f; font-weight: bold; line-height: 13px; margin: -1px 0 0; padding: 0 20px 11px; } #blog_module ul { list-style: none; padding: 3px 10px 20px; } #blog_module ul li a { border-bottom: 1px dashed #c8c8c8; color: #666; display: block; height: 1%; padding: 2px 10px; } #blog_module ul li a:hover { color: #b2b2b2; } /* * Category Promotions */ #category_promotions { background: url(FHM/background/category_promotions.gif) left bottom no-repeat; color: #fff; display: inline; float: left; font-size: 11px; line-height: 15px; margin: 0 -15px 13px -5px; padding: 3px 5px 7px; position: relative; width: 670px; } #category_promotions div { display: inline; float: left; height: 120px; margin: 0 10px 0 0; padding: 0 130px 0 19px; position: relative; width: 176px; } #category_promotions div h3 { background: 19px 10px no-repeat; height: 33px; margin: 0 -130px 0 -19px; text-indent: -9999px; width: 325px; } #category_promotions div a { bottom: 0; color: #fff; display: block; position: absolute; right: 0; } #category_promotions div a img { display: block; } #category_promotions div h4 { font-size: 11px; font-weight: bold; margin: 6px 0 4px; } #category_promotions div h4 a { display: inline; position: static; } #category_promotions div p { display: inline; } /*#category_promotions div p:after { content: url(FHM/arrow/small_red_right.gif); margin: 0 0 0 5px; }*/ #category_promotions div a.more { display: inline; margin: 0 0 0 3px; position: static; } #category_promotions div a.more img { display: inline; } #category_promotions .fhms_100_sexiest_women_2008 h3 { background-image: url(FHM/category/fhms_100_sexiest_women_2008.gif); } #category_promotions .online_angels h3 { background-image: url(FHM/category/online_angels.gif); } #category_promotions .fashion_advice h3 { background-image: url(FHM/category/fashion_advice.gif); } #category_promotions .grooming_tips h3 { background-image: url(FHM/category/grooming_tips.gif); } #category_promotions .work_out h3 { background-image: url(FHM/category/work_out.gif); } #category_promotions .health_tips h3 { background-image: url(FHM/category/health_tips.gif); } #category_promotions .career_tips h3 { background-image: url(FHM/category/career_tips.gif); } #category_promotions .ask_a_question h3 { background-image: url(FHM/category/ask_a_question.gif); } #category_promotions .kama_sutra h3 { background-image: url(FHM/category/kama_sutra.gif); } #category_promotions .dating_tips h3 { background-image: url(FHM/category/dating_tips.gif); } #category_promotions .ask_us_anything h3 { background-image: url(FHM/ir/white/ask_us_anything.gif); } #category_promotions .bloggers h3 { background-image: url(FHM/ir/white/bloggers.gif); } #category_promotions .etiquette h3 { background-image: url(FHM/ir/white/etiquette.gif); } #category_promotions .get_fit h3 { background-image: url(FHM/ir/white/get_fit.gif); } #category_promotions .have_your_say h3 { background-image: url(FHM/ir/white/have_your_say.gif); } #category_promotions .winners_and_sinners h3 { background-image: url(FHM/ir/white/winners_and_sinners.gif); } #category_promotions .win_stuff h3 { background-image: url(FHM/ir/white/win_stuff_title.gif); } /* * Misc */ #misc { padding: 20px 30px 20px 20px; width: 610px; } #misc h1 { font-size: 20px; font-weight: bold; margin: 0 0 13px; text-indent: -1px; text-transform: uppercase; } #misc h1 em { color: #d6001f; font-style: normal; } #misc h2 { font-size: 16px; font-weight: bold; margin: 0 0 12px; } #misc h3 { font-size: 12px; font-weight: bold; } #misc p { margin: 0 0 20px; } #misc .alert { color: #d81531; font-weight: bold; margin: 0 0 -20px; } /* * Sub-section */ #sub_section { background: url(FHM/background/shadow_660_top.gif) no-repeat; display: inline; float: left; margin: 20px -5px 0; padding: 0 35px; position: relative; width: 600px; } #sub_section h1 { background: 0 9px no-repeat; height: 33px; margin: 0 -11px 25px; text-indent: -9999px; } #sub_section h1.help_ive_forgotten_my_details { background-image: url(FHM/ir/help_ive_forgotten_my_details.gif); } #sub_section h1.submit_your_details { background-image: url(FHM/ir/submit_your_details.gif); } #sub_section h1.featured_girls { background-image: url(FHM/ir/featured_girls.gif); } #sub_section h1.newsletter_subscription { background-image: url(FHM/ir/newsletter_subscription.gif); } #sub_section h1.todays_poll_result { background-image: url(FHM/ir/todays_poll_result.gif); } #sub_section h1.submit_your_details { background-image: url(FHM/ir/submit_your_details.gif); } #sub_section .top_link { background: url(FHM/arrow/small_dark_grey_right.gif) right no-repeat; color: #252525; font-size: 11px; font-weight: bold; padding: 0 10px 0 0; position: absolute; right: 15px; top: 7px; } #sub_section .shadow { background: url(FHM/background/shadow_660_bottom.gif) bottom no-repeat; bottom: 0; height: 6px; left: 0; position: absolute; width: 670px; } #sub_section .poll_result { background: #e1e1e1 url(FHM/background/grey_gradient.gif) bottom repeat-x; border: none; margin: -25px -30px 0; padding: 12px 48px 0; } #sub_section .poll_result h4 { background: url(FHM/icon/question_no_reflection.gif) 0 2px no-repeat; font-weight: bold; margin: 0 0 15px -27px; min-height: 26px; _height: 26px; padding: 0 0 0 33px; } #sub_section.text { margin: -14px -5px 54px; } #sub_section.text p { margin: 0 0 15px; } /* * Poll Results */ #poll_results { clear: both; width: 660px; } #poll_results h2 { font-size: 12px; font-weight: bold; margin: 0 18px 3px; } .poll_result { border-bottom: 1px dashed #a3a3a3; font-size: 11px; margin: 0 20px; padding: 15px 18px 17px; } .poll_result h4 { font-size: 12px; font-weight: normal; line-height: 18px; margin: 0 0 18px; } .poll_result ul { list-style: none; } .poll_result ul li { clear: left; float: left; margin: 0 0 6px; padding: 0 0 10px; position: relative; width: 100%; } .poll_result ul li .graph { background: url(FHM/background/poll_result.gif); bottom: 0; height: 4px; left: -2px; overflow: hidden; padding: 0 2px 5px; position: absolute; width: 300px; } *>.poll_result ul li .graph { background: url(FHM/background/poll_result.png); } .poll_result ul li .graph div { background: #d91d31 url(FHM/background/poll_votes.gif); height: 4px; overflow: hidden; } .poll_result ul li .result { bottom: 0; font-size: 10px; left: 306px; position: absolute; } .poll_result ul li .result em { font-size: 11px; font-style: normal; } .poll_result dl { clear: both; } .poll_result dl dt { clear: both; float: left; font-weight: bold; margin: 0 4px 0 0; } /* * In the Mag */ #in_the_mag { background: url(FHM/background/shadow_seperator_660.gif) bottom no-repeat; padding: 0 0 18px; } #in_the_mag h1 { background: url(FHM/ir/in_the_mag.gif) 20px 11px no-repeat; height: 42px; text-indent: -9999px; } #in_the_mag .container { background: url(FHM/background/in_the_mag.jpg); height: 484px; overflow: hidden; width: 660px; } #in_the_mag .mag_shot { float: left; margin: 0 6px 0 0; padding: 7px 0 0 8px; width: 349px; } #in_the_mag .mag_shot img { background: url(FHM/background/mag_shot.gif) no-repeat; display: block; padding: 23px 24px 25px 22px; } #in_the_mag .mag_shot a { display: block; height: 32px; margin: 6px auto 0; width: 232px; } #in_the_mag .mag_shot a img { background: transparent; padding: 0; } #in_the_mag .content { float: left; padding: 28px 0 0; width: 277px; } #in_the_mag .content .date { font-size: 24px; font-weight: bold; line-height: 18px; text-transform: uppercase; } #in_the_mag .content .date em { color: #fff; font-style: normal; } #in_the_mag .content h2 { font-size: 20px; font-weight: bold; line-height: 18px; text-transform: uppercase; } #in_the_mag .content h2 { margin: 3px 0 8px; } #in_the_mag .content h2 em { color: #d81531; font-style: normal; } #in_the_mag .content ul { list-style: none; } #in_the_mag .content ul li { border-bottom: 1px dashed #959595; overflow: hidden; padding: 10px 0 15px; } #in_the_mag .content ul li img.left { float: left; margin: 0 10px 0 0; } #in_the_mag .content ul li img.right { float: right; margin: 0 0 0 10px; } #in_the_mag .content ul li h3 { font-size: 12px; font-weight: bold; margin: 2px 0 -2px; text-transform: uppercase; } #sub_offer { background: url(FHM/background/shadow_seperator_660.gif) bottom no-repeat; padding: 4px 0 17px; } #sub_offer a { display: block; } #sub_offer img { display: block; } /* * Article */ #article { float: left; padding: 20px 30px 40px 20px; width: 350px; } #article.wide { width: 610px; } #article h1, #article #competitionHeading { font-size: 20px; font-weight: bold; line-height: 20px; text-indent: -1px; text-transform: uppercase; width: 100%; } #article h1 em, #article #competitionHeading em { color: #d6001f; font-style: normal; } #article h2 { font-size: 16px; font-weight: bold; margin: 0 0 12px; } #article h3 { font-size: 12px; font-weight: bold; } #article #articleBody, #article p { margin: 0 0 20px; } #article #articleBody ul { margin: 0 0 20px 16px; } #article .launch_gallery { background: url(FHM/ir/launch_gallery.gif); display: block; height: 32px; text-indent: -9999px; width: 153px; } #article_info { color: #d6001f; font-size: 10px; margin: -2px 0 12px; padding: 5px 0 0; } #article_info div { display: inline; } #article_info strong { color: #000; font-size: 11px; font-weight: normal; } #article_info strong.comments { background: url(FHM/icon/comments.gif) 0 0 no-repeat; margin: 0 0 0 11px; padding: 2px 0 0 15px; } #article_images { display: inline; float: left; margin: 0 0 40px 20px; width: 240px; } #article_images .main { background: url(FHM/background/article_image.jpg); display: inline; float: left; margin: -3px -14px -15px -22px; padding: 13px 14px 35px 12px; position: relative; } #article_images .main a { display: block; } #article_images .main img { border: 10px solid #fff !important; display: block; } #article_images .main div { left: -9999px; position: absolute; } #article_images ul { background: url(FHM/background/article_image_bottom.jpg) bottom no-repeat; display: inline; float: left; list-style: none; margin: 0 -7px 10px -8px; padding: 0 0 19px 8px; width: 247px; } #article_images ul li { display: inline; float: left; margin: 0 10px 10px 0; } #article_images ul li a { display: block; position: relative; } #article_images ul li a img { display: block; height: 146px; width: 110px; } #article_images .action { clear: both; position: relative; } #article_images .action a { display: block; width: 236px; } #article_images .action a img { display: block; } /* * Form */ .form { font-size: 11px; margin: 20px 0 0; overflow: hidden; } .form ul { float: left; list-style: none; width: 100%; } .form ul li { clear: left; float: left; margin: 0 0 10px; padding: 0 0 0 157px; position: relative; width: 443px; } .form ul li.dob dt, .form ul li.interests dt, .form ul li.radio dt, .form ul li label { display: block; font-weight: bold; left: 0; position: absolute; top: 3px; width: 147px; } .form ul li.interests dt span, .form ul li.dob dt span, .form ul li.radio dt span, .form ul li label span { color: #d81531; } .form ul li input, .form ul li select, .form ul li textarea { background: #fff; border: 1px solid #aeaeae; color: #000; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 16px; padding: 3px; position: relative; z-index: 90; } .form ul li input { width: 230px; } .form ul li select { padding: 2px 3px; width: 238px; } .form ul li textarea { height: 73px; overflow: auto; width: 368px; } .form ul li.dob dd { float: left; margin: 0 4px 0 0; } .form ul li.dob dd label { left: -9999px; position: absolute; } .form ul li.dob dd.day select { width: 43px; } .form ul li.dob dd.month select { width: 140px; } .form ul li.dob dd.year select { width: 53px; } .form ul li.checkbox { overflow: hidden; } .form ul li.checkbox input { border: none; left: 155px; padding: 0; position: absolute; top: 0; width: auto; } .form ul li.checkbox label { display: block; float: left; padding: 0 0 0 25px; position: static; width: auto; } .form ul li.radio input { margin: 0 6px; position: static; } .form ul li.radio label { padding: 0; width: auto; } .form ul li.interests input { float: left; margin: -1px 6px 0 -4px; position: static; } .form ul li.interests label { display: inline; padding: 0 30px 0 0; width: auto; } .form ul li input.subButton, .form ul li.button input { background: transparent; border: none; padding: 0; width: auto; } .form ul li input.subButton { left: 405px; position: absolute; top: 2px; } .form ul li .ques { margin: 0 0 0 10px; } .form div.errorStyle, .form span.errorStyle { color: #f00; } .form div.errorStyle ul { margin: 0 0 10px 20px; } .form div.errorStyle ul li { margin: 0; padding: 0; } .form div.msgStyle, .form span.msgStyle { color: #f00; display: block; } .form ul li.errorStyle b { color:#d6001f; font-size:120%; } /* * Comments */ #comments { background: url(FHM/background/shadow_660_top.gif) no-repeat; display: inline; float: left; font-size: 11px; margin: 0 -5px; padding: 0 5px; width: 660px; } #comments h4 { background: url(FHM/ir/comments.gif) 21px 9px no-repeat; font-size: 12px; font-weight: bold; height: 25px; padding: 8px 0 0 112px; } #comments h4 span { left: -9999px; position: absolute; } #comments ul.comments { float: left; line-height: 14px; list-style: none; padding: 20px 20px 10px; } #comments ul.comments li { float: left; margin: 0 0 13px; width: 620px; } #comments ul.comments li .byline { font-weight: bold; margin: 0 0 3px; } #comments ul.comments li a { color: #d6001f; } #comments ul.comments li div { margin: 7px 0; } #comments .form { background: #e1e1e1 url(FHM/background/darker_grey_gradient.gif) bottom repeat-x; float: left; margin: 0; width: 660px; } #comments .form h4 { background: url(FHM/ir/submit_comment.gif) 19px 20px no-repeat; height: 52px; border-top: 3px solid #000; padding: 0; text-indent: -9999px; } #comments .form ul { background: url(FHM/background/shadow_660_bottom.gif) bottom no-repeat; margin: 0 -5px; padding: 0 25px 64px; width: 620px; } /* * Tools */ #tools { overflow: hidden; list-style: none; margin: 0 0 10px; padding-top:7px; } #tools li { float: left; margin: 0 3px 0 0; width: 17px; } #tools li a { display: block; height: 14px; overflow: hidden; text-indent: -9999px; width: 17px; } #tools li a#sendToFriendTool, #tools li a.sendToFriendTool { background: url(FHM/icon/paper_aeroplane.gif); } #tools li a#bookmarkTool { background: url(FHM/icon/floppy_disk.gif); } #tools li a.printTool { background: url(FHM/icon/printer.gif); } #tools li a#archiveTool { background: url(FHM/icon/folder.gif); } #social_networking_tools { float: left; list-style: none; margin: -3px 0 0 -2px; } #social_networking_tools li { float: left; margin: 0 4px 0 0; } #social_networking_tools li a { display: block; height: 15px; overflow: hidden; text-indent: -9999px; width: 16px; } #social_networking_tools li a.fb_share_link { background: url(FHM/icon/facebook.gif); } #social_networking_tools li a#deliciousTool { background: url(FHM/icon/delicious.gif); } #social_networking_tools li a.redditTool { background: url(FHM/icon/reddit.gif); } #social_networking_tools li a#diggTool { background: url(FHM/icon/digg.gif); } /* * Video */ #video { background: url(FHM/background/video.jpg); height: 420px; margin: 0 0 9px; overflow: hidden; padding: 0 10px 0 500px; position: relative; width: 150px; } #video h3 { font-size: 20px; font-weight: bold; line-height: 18px; margin: 37px 0 10px; text-transform: uppercase; } #video h3 em { color: #e21a22; font-style: normal; } #video p { margin: 0 0 8px; } #video .video_player { height: 408px; left: 7px; position: absolute; top: 6px; width: 480px; } #video select { border: 1px solid #c5c5c5; color: #333; font-family: arial, helvetica, sans-serif; font-size: 11px; padding: 1px 1px 1px 3px; width: 151px; } #video .video_tools { bottom: 24px; list-style: none; position: absolute; right: 5px; } #video .video_tools li { margin: 6px 0 0; } #video .video_tools li a { display: block; text-indent: -9999px; } #video .video_tools li a#sendToFriendTool, #video .video_tools li a.sendToFriendTool { background: url(FHM/ir/share_this_video.gif); height: 34px; width: 159px; } #video .video_tools li a.launch_gallery { background: url(FHM/ir/launch_gallery.gif); height: 32px; width: 153px; } #sub_content .wide_content_box .video ul { background: url(FHM/background/shadow_660_bottom.gif) bottom no-repeat; line-height: 13px; list-style: none; overflow: hidden; margin: 0 -5px; padding: 0 5px 0 25px; width: 640px; } #sub_content .wide_content_box .video ul li { background: #000; color: #fff; float: left; height: 191px; margin: 20px 20px 0 0; overflow: hidden; padding: 0 10px; position: relative; width: 120px; } #sub_content .wide_content_box .video ul li h4 { font-size: 11px; } /*#sub_content .wide_content_box .video ul li a { display: block; height: 106px; margin: 0 -10px 8px; overflow: hidden; width: 140px; }*/ #sub_content .wide_content_box .video ul li a { display: block; height: 132px; margin: 0 -10px 8px; overflow: hidden; width: 140px; } #sub_content .wide_content_box .video ul li a img { display: block; } #sub_content .wide_content_box .video ul li a.action { background: url(FHM/ir/play_video.gif); height: 15px; left: 11px; margin: 0; position: absolute; text-indent: -9999px; top: 162px; width: 98px; } /* * Blogs */ #misc .blogIndex { border-top: 1px dashed #c8c8c8; float: left; line-height: 18px; list-style: none; margin: 9px -10px 0 0; width: 620px; } #misc .blogIndex li h2, #misc .blogIndex li hr { display: none; } #misc .blogIndex li { border-bottom: 1px dashed #c8c8c8; float: left; min-height: 123px; _height: 123px; overflow: hidden; padding: 27px 0 7px 145px; position: relative; width: 475px; } #misc .blogIndex li a.image { border: 1px solid #e7e7e7; display: block; left: 1px; position: absolute; top: 12px; } #misc .blogIndex li a.image img { display: block; } #misc .blogIndex li h1 { font-size: 20px; font-weight: bold; line-height: 20px; margin: 0 0 5px; text-indent: -1px; text-transform: uppercase; } #misc .blogIndex li h1 a { color: #000; } #misc .blogIndex li h1 a em { color: #d6001f; font-style: normal; } #misc .blogIndex li p { margin: 0; } #misc .blogIndex li .readLatestBlog { background: url(FHM/icon/read_latest_blog.gif) 0 2px no-repeat; color: #000; display: inline; float: right; font-size: 11px; margin: 5px 4px 0; padding: 0 0 3px 23px; } #blog_header { background: url(FHM/background/blog_header.jpg); float: left; height: 197px; line-height: 18px; margin: 0 0 5px; padding: 0 60px 16px 222px; position: relative; width: 378px; } #blog_header img { bottom: 25px; left: 10px; position: absolute; } #blog_header h3 { font-size: 20px; font-weight: bold; line-height: 24px; margin: 20px 0 1px; text-transform: uppercase; } #blog_header h3 em { color: #d6001f; font-style: normal; } #blog_header #blog_archive { font-size: 11px; font-weight: bold; margin: 19px 0 0; } #blog_header #blog_archive select { border: 1px solid #AEAEAE; font-family: arial, helvetica, sans-serif; font-size: 11px; margin: 0 0 0 4px; padding: 1px 1px 2px 2px; width: 129px; } #MiddleContent_pnlContent .posts { clear: both; list-style: none; padding: 0 10px; width: 640px; } #MiddleContent_pnlContent .posts hr { display: none; } #MiddleContent_pnlContent .posts li { border-bottom: 1px dashed #c8c8c8; overflow: hidden; padding: 20px 10px 20px; } #MiddleContent_pnlContent .posts li h3 { font-size: 16px; font-weight: bold; margin: 0 0 5px; } #MiddleContent_pnlContent .posts li h3 a { color: #000; } #MiddleContent_pnlContent .posts li p { display: inline; } #MiddleContent_pnlContent .posts li .date { color: #d6001f; display: block; font-size: 10px; margin: 0 0 14px; } #MiddleContent_pnlContent .posts li .more { background: url(FHM/arrow/small_red_right.gif) right no-repeat; color: #d6001f; font-size: 11px; font-weight: bold; padding: 0 10px 0 0; } #MiddleContent_pnlContent .posts li .details { float: left; font-size: 11px; line-height: 12px; list-style: none; margin: 10px 0 0; width: 620px; } #MiddleContent_pnlContent .posts li .details li { border-bottom: none; border-left: 1px solid #000; float: left; padding: 0 10px; } #MiddleContent_pnlContent .posts li .details li.first { border: none; padding: 0 10px 0 0; } #MiddleContent_pnlContent .posts li .details li a { color: #d6001f; font-weight: bold; } /* * Gallery */ #gallery { background: #dadada url(FHM/background/gallery_middle.gif); overflow: hidden; padding: 20px; position: relative; width: 620px; } #gallery .top { background: url(FHM/background/gallery_top.gif); height: 10px; left: 0; position: absolute; top: 0; width: 660px; } #gallery .bottom { background: url(FHM/background/gallery_bottom.gif); bottom: 0; height: 8px; left: 0; position: absolute; width: 660px; } #gallery h1 { background: #fff url(FHM/background/gallery_heading.gif) bottom no-repeat; font-size: 20px; font-weight: bold; margin: -20px -20px 10px; padding: 12px 20px 27px; text-indent: -1px; text-transform: uppercase; } #gallery h1 em { color: #d6001f; font-style: normal; } #gallery .gallery_thumbs { display: inline; float: left; font-size: 11px; line-height: 13px; list-style: none; margin: 0 -20px -20px 0; width: 640px; } #gallery .gallery_thumbs li { background: #000; color: #fff; float: left; height: 245px; margin: 0 20px 20px 0; overflow: hidden; padding: 0 10px 14px; width: 120px; } #gallery .gallery_thumbs li a.image { background: transparent; display: block; margin: 0 -10px; padding: 0; } #gallery .gallery_thumbs li a.image img { display: block; } #gallery .gallery_thumbs li p { height: 26px; margin: 10px 0; overflow: hidden; } #gallery .gallery_thumbs li p em { font-style: normal; } #gallery .gallery_thumbs li a { background: url(FHM/icon/camera.gif) 0 2px no-repeat; color: #878787; font-weight: bold; margin: 0 1px; padding: 0 0 0 18px; } #gallery .gallery_images { float: left; width: 323px; } #gallery .galleryList { background: url(FHM/background/gallery_thumbnails.gif) no-repeat; float: left; height: 408px; list-style: none; margin: -1px -8px 4px -7px; padding: 10px 9px 9px 18px; width: 312px; } #gallery .galleryList li { float: left; margin: 0 10px 10px 0; } #gallery .galleryList li a { display: block; } #gallery .galleryList li a img { display: block; height: 126px; width: 94px; } #gallery .photo_counter { float: right; font-size: 11px; margin: 0 10px; } #gallery .click_to_zoom { background: url(FHM/icon/magnifying_glass.gif) right no-repeat; float: left; font-weight: bold; font-size: 11px; margin: -3px 5px 0; padding: 4px 27px 0 0; } #gallery .gallery_description { float: left; margin: 0 10px 0 31px; width: 256px; } #gallery .gallery_description h1 { background: transparent; line-height: 18px; margin: 39px 0 11px; padding: 0; } #gallery .gallery_description h1 em { display: block; } #gallery .gallery_description .launch_gallery { background: url(FHM/ir/launch_gallery_large.gif); display: block; height: 32px; margin: 47px -1px 0; text-indent: -9999px; width: 232px; } #gallery .gallery_description .watch_this_video { background: url(FHM/ir/watch_this_video_grey_bg.gif); display: block; height: 34px; margin: 7px -1px 0; text-indent: -9999px; width: 236px; } #gallery_popup { background: #cdcccd url(FHM/background/gallery_popup.jpg) no-repeat 0 -101px; /*float: left;*/ font-size: 11px; min-height: 598px; /*padding: 101px 0 0;*/ padding: 5px 0 0 0; position: relative; width: 759px; margin: 0 auto; overflow: hidden;} #gallery_popup h1 { margin: 0 0 0 9px; position: relative; } #gallery_popup h1 img { display: block; } #gallery_popup .close { position: absolute; right: 15px; text-align: right; /*top: 98px;*/ top: 25px; } #gallery_popup .close a { background: url(FHM/icon/close.gif) right no-repeat; color: #000; padding: 0 14px 0 0; } #gallery_popup .gallery_image { float: left; width: 432px; } #gallery_popup .gallery_image div { background: url(FHM/background/gallery_popup_image_bottom.gif) bottom no-repeat; margin: -3px 0 6px 3px; width: 429px; } #gallery_popup .gallery_image div img { background: url(FHM/background/gallery_popup_image_top.jpg) no-repeat; padding: 23px 24px 19px 22px; } #gallery_popup .pager { font-weight: bold; left: 282px; list-style: none; margin: 0 0 22px; position: absolute; text-align: center; /*top: 115px;*/ top: 25px; } #gallery_popup .pager li { display: inline; margin: 0 2px; } #gallery_popup .pager li a { color: #000; } #gallery_popup .pager li.galleryPagerPrev a { background: url(FHM/arrow/small_red_left.gif) left no-repeat; padding: 0 0 0 8px; } #gallery_popup .pager li.galleryPagerNext a { background: url(FHM/arrow/small_red_right.gif) right no-repeat; padding: 0 8px 0 0; } #gallery_popup .gallery_description { display: inline; float: left; line-height: 12px; margin: 17px 15px 0 27px; padding: 0 0 470px; width: 285px; overflow: hidden;} #gallery_popup .gallery_description h2 { font-size: 18px; font-weight: bold; line-height: 16px; text-transform: uppercase; margin-bottom: 15px; } #gallery_popup .gallery_description h2 em { color: #d6001f; font-style: normal; } #gallery_popup .gallery_description div { margin: 8px 0 13px; } #gallery_popup .gallery_description div div { margin: 0; } #gallery_popup .rating { clear: left; margin: 0 0 3px; overflow: hidden; padding: 0 0 0 130px; position: relative; width: 155px; } #gallery_popup .rating dt { left: 0; position: absolute; top: 1px; } #gallery_popup .rating dd { background: url(FHM/icon/stars_small.gif) no-repeat; float: left; height: 14px; overflow: hidden; text-indent: -9999px; width: 70px; } #gallery_popup .rating dd.one { background-position: 0 -14px; } #gallery_popup .rating dd.two { background-position: 0 -28px; } #gallery_popup .rating dd.three { background-position: 0 -42px; } #gallery_popup .rating dd.four { background-position: 0 -56px; } #gallery_popup .rating dd.five { background-position: 0 -70px; } #gallery_popup #galleryYourRating dt { font-size: 14px; font-weight: bold; text-transform: uppercase; top: 5px; } #gallery_popup #galleryYourRating dd { background: url(FHM/icon/stars_large.gif) no-repeat; height: 18px; width: 90px; } #gallery_popup #galleryYourRating dd.one { background-position: 0 -18px; } #gallery_popup #galleryYourRating dd.two { background-position: 0 -36px; } #gallery_popup #galleryYourRating dd.three { background-position: 0 -54px; } #gallery_popup #galleryYourRating dd.four { background-position: 0 -72px; } #gallery_popup #galleryYourRating dd.five { background-position: 0 -90px; } #gallery_popup #galleryRateThis { float: left; margin: 0 0 18px; padding: 0 0 0 150px; position: relative; width: 135px; } #gallery_popup #galleryRateThis div { font-size: 14px; font-weight: bold; left: 0; position: absolute; text-transform: uppercase; top: 5px; } #gallery_popup #galleryRateThis div strong { font-weight: bold; } #gallery_popup #galleryRateThis p { color: #666; font-size: 10px; left: 0; margin: 0; position: absolute; top: 17px; } #gallery_popup .gallery_image #vote_now {background: none !important; display: block; text-align: center; padding: 6px 0 10px; margin: 5px 0 10px 3px; } #galleryRateThis ul { background: url(FHM/icon/stars_large.gif) no-repeat; float: left; height: 18px; list-style: none; overflow: hidden; position: relative; width: 90px; } #galleryRateThis ul li { float: left; } #galleryRateThis ul li a { display: block; float: left; height: 18px; left: 0; overflow: hidden; position: absolute; text-indent: -9999px; top: 0; width: 18px; z-index: 20; } #galleryRateThis ul li.one a { left: 0; } #galleryRateThis ul li.two a { left: 18px; } #galleryRateThis ul li.three a { left: 36px; } #galleryRateThis ul li.four a { left: 54px; } #galleryRateThis ul li.five a { left: 72px; } #galleryRateThis ul li a:hover, #galleryRateThis ul li a:focus, #galleryRateThis ul li a:active { background: url(FHM/icon/stars_large.gif) no-repeat; left: 0; width: 90px; z-index: 2; } #galleryRateThis ul li.one a:hover, #galleryRateThis ul li.one a:focus, #galleryRateThis ul li.one a:active { background-position: 0 -18px; } #galleryRateThis ul li.two a:hover, #galleryRateThis ul li.two a:focus, #galleryRateThis ul li.two a:active { background-position: 0 -36px; } #galleryRateThis ul li.three a:hover, #galleryRateThis ul li.three a:focus, #galleryRateThis ul li.three a:active { background-position: 0 -54px; } #galleryRateThis ul li.four a:hover, #galleryRateThis ul li.four a:focus, #galleryRateThis ul li.four a:active { background-position: 0 -72px; } #galleryRateThis ul li.five a:hover, #galleryRateThis ul li.five a:focus, #galleryRateThis ul li.five a:active { background-position: 0 -90px; } #gallery_popup div.pod_area { bottom: 15px; margin: 0; position: absolute; right: 15px; width: 300px; } #gallery_popup .pod_area .ad_unit { float: left; margin: 10px 0 0; } #gallery .gallery_index { list-style: none; } #gallery .gallery_index li { margin-bottom: 15px; } #gallery .gallery_index li a.img img { float: left; width: 140px; } #gallery .gallery_index li .summary { float: right; width: 460px; } #gallery .gallery_index li .summary h4 { font-size: 12pt; } /* * Pager */ #pager { clear: both; color: #d6001f; font-size: 11px; font-weight: bold; line-height: 16px; list-style: none; margin: 17px 10px; text-align: center; text-transform: uppercase; } #pager li { background: url(FHM/background/pager_seperator.gif) 0 3px no-repeat; display: inline; padding: 0 5px 0 7px; } #pager li a { color: #000; } #pager li a:hover { color: #d6001f; } #pager li#pagerFirstItem, #pager li#pagerLastItem { display: none; } #pager li#pagerPreviousItem { background: transparent; float: left; padding: 0; } #pager li#pagerPreviousItem a { background: url(FHM/arrow/large_black_left.gif) left no-repeat; padding: 0 0 0 10px; } #pager li#pagerNextItem { background: transparent; float: right; margin: 0; padding: 0; } #pager li#pagerNextItem a { background: url(FHM/arrow/large_black_right.gif) right no-repeat; padding: 0 10px 0 0; } #pager li.pagerFirstPage { background: url(FHM/ir/page.gif) 0 3px no-repeat; padding-left: 37px; } /* * RSS */ #rss_list { list-style: none; margin: -20px 0 0; padding: 0 20px; } #rss_list li { background: url(FHM/icon/rss_shadow.gif) 598px 30px no-repeat; border-top: 1px dashed #a3a3a3; overflow: hidden; padding: 15px 0 14px 2px; } #rss_list li h2 { font-size: 16px; font-weight: bold; margin: 0 0 1px; text-transform: uppercase; } #rss_list li h2 a em { color: #d8122e; font-style: normal; } #rss_list li a { color: #000; } #rss_list li a.more { background: url(FHM/icon/add.gif) 0 4px no-repeat; color: #a3a3a3; float: right; font-size: 11px; font-weight: bold; margin: -15px 0 0; padding: 0 28px 0 14px; } /* * Error Page */ #error { background: #e9e9ea url(FHM/ir/error.gif) 33px 25px no-repeat; border-top: 3px solid #252525; height: 213px; list-style: none; position: relative; } #error li { position: absolute; } #error li.home { left: 134px; top: 95px; } #error li.report { left: 396px; top: 160px; } #error li.report a { background: url(FHM/icon/report_broken_link.gif) no-repeat; color: #000; float: left; font-size: 12px; font-weight: bold; padding: 5px 0 0 25px; white-space: nowrap; } /* * Forum */ #forum { font-size: 11px; overflow: hidden; position: relative; } #forum h1 { font-size: 20px; font-weight: bold; margin: 20px; text-indent: -1px; text-transform: uppercase; width: 350px; } #forum h1 em { color: #d6001f; font-style: normal; } #forum h2 { background: url(FHM/icon/forum/bubble.gif) 20px 0 no-repeat; font-size: 12px; font-weight: bold; margin: -4px 0 0; padding: 0 0 7px 42px; } #forum #forum_nav { font-size: 11px; position: absolute; right: 9px; top: 13px; } #forum #forum_nav label { font-weight: bold; margin: 0 4px 0 0; } #forum #forum_nav select { font-family: arial, helvetica, sans-serif; font-size: 11px; padding: 2px; width: 191px; } #forum table { border-collapse: collapse; width: 660px; } #forum table thead { background: #535353 url(FHM/background/forum_th.gif) bottom repeat-x; color: #fff; font-size: 11px; font-weight: bold; text-align: left; } #forum table th { padding: 7px 20px 10px; } #forum table th.icon { padding: 7px 10px 10px; } #forum table th.post_count, #forum table th.thread_count { padding: 7px 0 10px; text-align: center; } #forum table th.author { width: 135px; } #forum table th.message { text-indent: -9999px; width: 445px; } #forum table td { border-bottom: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #ebe9e9; padding: 0 20px 17px; } #forum table tr.odd td { background: #ebe9e9; } #forum table td.icon { padding: 17px 0 17px; text-align: center; width: 39px; } #forum table td.post_count, #forum table td.thread_count { border-right: none; font-size: 12px; padding: 31px 5px 17px; text-align: center; width: 44px; } #forum table td.thread_count { border-left: 1px solid #fff; } #forum table td.author { font-size: 10px; line-height: 12px; } #forum table td.author .byline { font-size: 12px; font-weight: bold; line-height: 18px; margin: 12px 0 1px; } #forum table td.message .post_number { font-size: 12px; font-weight: bold; margin: 2px -3px -2px; text-align: right; } #forum table td.message h3 { font-size: 12px; font-weight: bold; margin: -5px 0 5px; } #forum table td.message blockquote { background: #f5f5f5; border: 1px solid; border-color: #b2b1b1 #d9d8d8 #d9d8d8 #b2b1b1; font-style: italic; margin: 0 -1px 16px; padding: 4px 16px; width: 362px; } #forum table td.message blockquote div cite { font-style: normal; font-weight: bold; } #forum table td.message .thread_tools, #forum table td.forum .thread_tools { font-size: 10px; list-style: none; margin: 6px -16px -3px; text-align: right; } #forum table td.message .thread_tools li, #forum table td.forum .thread_tools li { border-left: 1px solid #d6001f; display: inline; } #forum table td.message .thread_tools li.first, #forum table td.forum .thread_tools li.first { border: none; } #forum table td.message .thread_tools li a, #forum table td.forum .thread_tools li a { color: #d6001f; padding: 0 4px 0 7px; } #forum table td.forum .thread_tools { margin: 6px -8px -3px; text-align: left; } #forum table.forumThreads td.forum { line-height: 14px; width: 261px; } #forum table.forumThreads td.forum h2 { background: transparent; font-size: 12px; font-weight: bold; margin: 17px 0 3px; padding: 0; text-transform: uppercase; } #forum table.forumThreads td.forum h2 a { color: #000; } #forum table.forumThreads td.last_post { font-size: 10px; line-height: 12px; width: 168px; } #forum table.forumThreads td.last_post h3 { font-size: 12px; font-weight: bold; line-height: 14px; margin: 33px 0 3px; } #forum table.forumThreads td.last_post h3 a { color: #000; } #forum table.forumThreads td.last_post strong { color: #d6001f; font-weight: normal; } #forum table.subForumThreads td.icon { padding: 20px 0 17px; } #forum table.subForumThreads td.threads { font-size: 10px; line-height: 12px; width: 355px; } #forum table.subForumThreads td.threads h2 { background: transparent; font-size: 12px; font-weight: bold; line-height: 16px; margin: 15px 0 2px; padding: 0; } #forum table.subForumThreads td.threads h2 a { color: #000; } #forum table.subForumThreads td.threads strong { color: #d6001f; font-weight: normal; } #forum table.subForumThreads td.last_post { width: 129px; font-size: 10px; line-height: 12px; padding-top: 16px; } #forum table.subForumThreads td.last_post strong { color: #d6001f; font-weight: normal; } #forum table.subForumThreads td.post_count, #forum table.subForumThreads td.thread_count { padding: 14px 5px 17px; } #forum_form { background: url(FHM/background/shadow_660_top.gif); margin: 16px -5px 0; padding: 0 5px; width: 660px; } #forum_form h4 { height: 32px; text-indent: -9999px; } #forum_form h4.start_a_thread { background: url(FHM/ir/start_a_thread.gif); } #forum_form h4.reply_to_thread { background: url(FHM/ir/reply_to_thread.gif); } #forum_form h4.reply_to_post { background: url(FHM/ir/reply_to_post.gif); } #forum_form .form ul { padding: 0 20px 6px; width: 620px; } #forum_form .bottom { background: url(FHM/background/shadow_660_bottom.gif) bottom no-repeat; height: 6px; margin: 0 -5px; padding: 50px 5px 0; } #forum table td.message .reported { color: #d6001f; font-size: 10px; list-style: none; margin: 6px -16px -3px; text-align: right; } #forum_form .loggedInMessage { margin-left:177px; font-style:italic; } /* * Content List */ #content_list { overflow: hidden; width: 610px; } #content_list h3 { font-size: 14px; font-weight: normal; padding: 2px 0 0; } #content_list h3 strong { color: #d6001f; font-weight: bold; } #content_list ul { clear: both; line-height: 18px; list-style: none; margin: -9px 0 0 -1px; overflow: hidden; } #content_list ul li { border-bottom: 1px dashed #d2d2d2; float: left; overflow: hidden; padding: 15px 0 20px; width: 610px; } #content_list ul li a.img { float: left; margin: 5px 20px 0 0; } #content_list ul li a.img img { display: block; } #content_list ul li h4 { font-size: 12px; font-weight: bold; margin: 0 0 7px; } #content_list ul li h4 a { color: #000; } #content_list ul li h4 a em { color: #d6001f; font-style: normal; } #content_list ul li .date { color: #d6001f; font-size: 10px; margin: -9px 0 6px; } #content_list ul li .date strong { color: #000; font-size: 11px; font-weight: normal; } #content_list ul li p { margin: 0; } #search_form_body { border-bottom: 1px dashed #d2d2d2; font-size: 11px; font-weight: bold; margin: 0 0 9px; padding: 19px 0 20px 0; } #search_form_body label { margin: 0 6px 0 0; } #search_form_body input { border: 1px solid #c1c1c1; color: #000; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 2px; width: 183px; } #search_form_body input.image { border: none; margin: 0 0 -4px 8px; padding: 0; width: auto; } /* * Right Column */ #tcRightContent { background-position: right 0; padding: 10px 10px 10px 0; width: 333px; } #RightNav_pnlContent { margin-right: 33px; } /* * Expanding Box */ #outerPopout { display: none; overflow: hidden; position: absolute; right: 0px; top: 0 /*215px*/; width: 640px; z-index: 99; } #popout { background: url(FHM/background/popout_shadow.gif); margin: 0 0 0 715px; padding: 0 0 32px 33px /*22px 9px*/; width: 521px; } *>#popout { background: url(FHM/background/popout_shadow.png); } #inner_popout { background: url(FHM/background/popout.jpg); border: 10px solid #fff; color: #fff; font-size: 11px; height: 313px; line-height: 13px; overflow: hidden; padding: 0 26px 0 259px; position: relative; width: 216px; } #inner_popout h2 { color: #000; font-size: 23px; font-weight: bold; letter-spacing: -1px; margin: 40px 43px 26px 116px; } #inner_popout h2 span { left: -9999px; position: absolute; } #inner_popout h2 em { color: #d6001f; font-style: normal; } #inner_popout .mag { display: block; left: 14px; position: absolute; top: 11px; } #inner_popout .mag img { display: block; } #inner_popout ul { list-style: none; } #inner_popout ul li { border-bottom: 1px dashed #d46f77; padding: 11px 0; } #inner_popout ul li h3 { font-size: 11px; font-weight: bold; margin: 0 0 3px; } #inner_popout .subscription_deal { bottom: 14px; position: absolute; right: 10px; } #inner_popout .subscription_deal a, #inner_popout .subscription_deal img { display: block; } #inner_popout .close { position: absolute; right: 0; top: 0; } #inner_popout .close a { display: block; height: 63px; text-indent: -9999px; width: 63px; } /* * Pods */ #latest_articles_comments { float: left; font-size: 11px; line-height: 12px; margin: 0 0 10px; overflow: hidden; } #latest_articles_comments #module_nav { float: left; height: 33px; width: 300px; } #latest_articles_comments #module_nav ul { background: url(FHM/ir/latest_articles_latest_comments.gif); float: left; height: 33px; padding: 0; width: 300px; } #latest_articles_comments #module_nav ul.latest_articles { background-position: 0 0; } #latest_articles_comments #module_nav ul.latest_comments { background-position: 0 33px; } #latest_articles_comments #module_nav li { float: left; } #latest_articles_comments #module_nav li a { border: none; display: block; height: 33px; padding: 0; text-indent: -9999px; width: 150px; } #latest_articles_comments ul { float: left; list-style: none; padding: 14px 10px 0; width: 280px; } #latest_articles_comments ul li a { border-bottom: 1px dashed #c8c8c8; color: #666; display: block; height: 1%; padding: 6px 10px 8px; } #latest_articles_comments ul li a:hover { color: #b2b2b2; } .poll { background: #000; color: #fff; float: left; font-size: 11px; line-height: 12px; margin: 0 0 10px; width: 300px; } .poll .errorStyle { color: #f00; display: block; padding: 0 20px 10px; } .poll h3 { background: url(FHM/ir/poll.gif) 19px 7px no-repeat; height: 34px; text-indent: -9999px; } .poll dt { background: #fff url(FHM/icon/question.gif) 14px 7px no-repeat; color: #000; font-weight: bold; margin: 0 0 16px; min-height: 36px; padding: 9px 10px 8px 72px; } .poll dd { height: 1%; padding: 0 10px 15px 43px; position: relative; } .poll dd input { left: 17px; position: absolute; top: -2px; } .poll .button { height: 20px; margin: -2px 19px 13px; overflow: hidden; text-align: right; } #galleries_pod { background: #000 url(FHM/background/black_gradient.gif) repeat-x; color: #fff; float: left; font-size: 11px; margin: 0 0 10px; width: 300px; } #galleries_pod h2 { background: url(FHM/ir/fhm_galleries.gif) 18px 8px no-repeat; border-bottom: 3px solid #585858; height: 32px; text-indent: -9999px; } #galleries_pod ul.categoryList { background: #8c8c8c url(FHM/background/gallery_pod.gif) repeat-x; float: left; list-style: none; padding: 0 20px; width: 260px; } #galleries_pod ul.categoryList li { border-bottom: 1px dashed #828282; float: left; width: 260px; } #galleries_pod ul.categoryList li h3 { font-size: 11px; font-weight: bold; margin: 5px -2px 0; } #galleries_pod ul.categoryList li .view_all { background: url(FHM/arrow/small_red_right.gif) right no-repeat; color: #b4b4b4; float: right; margin: -16px 0 0; padding: 0 9px 0 0; } #galleries_pod .galleryScroller ul { float: left; list-style: none; margin: -3px 0 0; padding: 3px 0 0; position: relative; width: 260px; } *>#galleries_pod .galleryScroller ul { background: url(FHM/background/gallery_pod.png) 13px 0 no-repeat; } #galleries_pod .galleryScroller ul li { border: none; float: left; width: auto; } #galleries_pod .galleryScroller ul li a { display: block; height: 38px; overflow: hidden; width: 50px; } #galleries_pod .galleryScroller ul li a img { display: block; height: 66px; width: 50px; } #galleries_pod .galleryScroller ul li.prevGallery, #galleries_pod .galleryScroller ul li.nextGallery { position: absolute; top: 26px; } #galleries_pod .galleryScroller ul li.prevGallery { left: 24px; } #galleries_pod .galleryScroller ul li.nextGallery { right: 24px; } #galleries_pod .galleryScroller ul li.currentGallery { text-align: center; width: 224px; } #galleries_pod .galleryScroller ul li.currentGallery a { height: 83px; margin: 0 auto; width: 110px; } #galleries_pod .galleryScroller ul li.currentGallery a img { height: 146px; width: 110px; } #galleries_pod .galleryScroller ul li.currentGallery div { color: #d3d3d3; margin: 4px 0 5px; } #galleries_pod .galleryScroller ul li.prev { margin: 0 0 0 -5px; } #galleries_pod .galleryScroller ul li.next { margin: 0 -5px 0 0; } #galleries_pod .galleryScroller ul li.prev a, #galleries_pod .galleryScroller ul li.next a { height: 23px; margin: 31px 0 0; text-indent: -9999px; width: 23px; } #galleries_pod .galleryScroller ul li.prev a { background: url(FHM/arrow/circular_black_left.gif); } *>#galleries_pod .galleryScroller ul li.prev a { background: url(FHM/arrow/circular_black_left.png); } #galleries_pod .galleryScroller ul li.next a { background: url(FHM/arrow/circular_black_right.gif); } *>#galleries_pod .galleryScroller ul li.next a { background: url(FHM/arrow/circular_black_right.png); } #forums_pod { background: url(FHM/background/pod_grey_header.gif) repeat-x; float: left; font-size: 11px; position: relative; width: 300px; } #forums_pod h2 { background: url(FHM/ir/forums.gif) 20px 9px no-repeat; height: 33px; text-indent: -9999px; } #forums_pod .top_link { background: url(FHM/arrow/small_dark_grey_right.gif) right no-repeat; color: #252525; font-weight: bold; padding: 0 10px 0 0; position: absolute; right: 15px; top: 7px; } #forums_pod ul { line-height: 12px; list-style: none; padding: 10px 10px 20px; } #forums_pod ul li a { background: url(FHM/icon/comments.gif) 10px 10px no-repeat; border-bottom: 1px dashed #c8c8c8; color: #666; display: block; padding: 8px 10px 8px 32px; } #forums_pod ul li a:hover { color: #b2b2b2; } #blogs_pod { background: url(FHM/background/pod_grey_header.gif) repeat-x; float: left; font-size: 11px; position: relative; width: 300px; } #blogs_pod h2 { background: url(FHM/ir/latest_blogs.gif) 20px 9px no-repeat; height: 33px; text-indent: -9999px; } #blogs_pod .top_link { background: url(FHM/arrow/small_dark_grey_right.gif) right no-repeat; color: #252525; font-weight: bold; padding: 0 10px 0 0; position: absolute; right: 15px; top: 7px; } #blogs_pod ol, #blogs_pod ul { list-style: none; padding: 10px 10px 20px; } #blogs_pod ol li, #blogs_pod ul li { border-bottom: 1px dashed #c8c8c8; color: #545151; font-size: 14px; font-weight: bold; line-height: 15px; padding: 1px 9px 3px; } #blogs_pod ol li a, #blogs_pod ul li a { color: #666; font-size: 11px; font-weight: normal; margin: 0; } #blogs_pod ol li a:hover, #blogs_pod ul li a:hover { color: #b2b2b2; } #fhm_top_ten_pod { float: left; width: 300px; } #fhm_top_ten_pod h2 { background: url(FHM/ir/fhm_top_ten_pod.gif); height: 48px; text-indent: -9999px; } #fhm_top_ten_pod .description { border-bottom: 3px solid #020202; font-size: 11px; font-weight: bold; line-height: 12px; padding: 6px 20px 8px; } #fhm_top_ten_pod ol { list-style: none; padding: 10px 10px 20px; } #fhm_top_ten_pod ol li { border-bottom: 1px dashed #c8c8c8; color: #545151; font-size: 14px; font-weight: bold; line-height: 15px; padding: 1px 9px 3px; } #fhm_top_ten_pod ol li a { color: #666; font-size: 11px; font-weight: normal; margin: 0; } #fhm_top_ten_pod ol li a:hover { color: #b2b2b2; } #win_stuff_pod { background: url(FHM/background/win_stuff.gif); float: left; font-size: 11px; height: 160px; line-height: 15px; margin: 0 0 10px; overflow: hidden; padding: 0 20px; width: 260px; } #win_stuff_pod h2 { background: url(FHM/ir/win_stuff_pod.gif) 20px 10px no-repeat; height: 32px; margin: 0 -20px; text-indent: -9999px; } #win_stuff_pod a { background: url(FHM/background/win_stuff_frame.gif); display: inline; float: right; height: 131px; margin: -22px -20px 0 20px; padding: 5px 32px 8px 4px; width: 99px; } #win_stuff_pod a img { display: block; } #win_stuff_pod h4 { font-size: 11px; font-weight: bold; line-height: 13px; margin: 11px 0 1px; } #win_stuff_pod h4 a { background: transparent; color: #000; float: none; height: auto; margin: 0; padding: 0; width: auto; } #win_stuff_pod a.more { background: transparent; display: block; float: none; height: 24px; margin: 6px 0 0; padding: 0; width: 95px; } #latest_video { background: url(FHM/background/black_gradient.gif) repeat-x; float: left; font-size: 11px; margin: 0 0 10px; width: 300px; } #latest_video h2 { background: url(FHM/ir/latest_video.gif) 20px 8px no-repeat; height: 33px; text-indent: -9999px; } #latest_video a, #latest_video a img { display: block; } #latest_video h4 a { background: #d2d2d2 url(FHM/background/light_grey_gradient.gif) bottom repeat-x; color: #000; margin: 3px 0 0; padding: 8px 10px 10px; text-align: center; } #latest_video p, #latest_video a.more { display: none; } /* * Footer */ #tcFooter { background-position: center -30px; } #Footer_pnlContent { padding: 0 0 50px; width: 990px; } #Footer_pnlContent ul.footer { border-top: 1px dashed #d7d7d7; list-style: none; margin: 35px 20px 0; padding: 6px 10px; text-align: center; width: 930px; } #Footer_pnlContent ul.footer li { display: inline; margin: 0 12px 0 0; } #Footer_pnlContent ul.footer li a { color: #cdcdcd; font-size: 11px; } /* * MSN Stuff */ #hd_links #hd_src_div #hd_ms_input, #ft_src_div #ft_ms_input { width: 200px !important; } /* Dreampad */ #dreampad { background-color: #b3b3b3; margin: 10px; width: 640px; } #dreampad .btm { overflow: hidden; padding: 10px; } #dreampad .btm .copy { float: left; margin: 10px 17px 10px 28px; width: 281px; } #dreampad .btm .copy p { line-height: 20px; margin: 10px 0; } #dreampad .btm img { float: left; width: 266px; } #dreampad-comp { background: url(/images/fhm/dreampad/2010/img/key.gif) no-repeat 55px 0; border-bottom: 30px solid #000; margin: 0 0 20px 0; overflow: hidden; padding: 0 0 20px 230px; } #dreampad-comp h1 { color: #c8161e; font-size: 28px; line-height: 34px; text-transform: uppercase; } #dreampad-comp h2 { border-bottom: 2px solid #c8161e; font-size: 18px; line-height: 24px; margin: 0 0 5px; padding: 5px 0; } #dreampad-comp p { font-size: 14px; font-weight: bold; line-height: 18px; padding: 0 10px 0 0; } .filewarning {color:#FF0000;font-size:9px;} /* HOMEPAGE SLIDER */ div.slideshow-hero { margin: 0 0 20px; overflow: hidden; position: relative; width: 660px; } div.slideshow-hero ul.slideshow { height: 289px; } div.slideshow-hero li { position: relative; } div.slideshow-hero li .text { background-color: transparent; left: 15px; padding: 10px; position: absolute; top: 15px; width: 265px; } div.slideshow-hero li .title, div.slideshow-hero li .teaser { color: #FFFFFF; font-family: Arial; font-size: 12px; } div.slideshow-hero li .title { font-size: 36px; font-weight: normal; font-family: Arial; letter-spacing: -1px; margin-bottom: 15px; } div.slideshow-hero li .teaser { font-family: Arial; width: 480px; } div.slideshow-hero .pager { bottom: 15px; left: 15px; overflow: hidden; position: absolute; z-index: 1000; } div.slideshow-hero .pager li.pages li, div.slideshow-hero .pager li.next, div.slideshow-hero .pager li.prev { display: block; float: left; width: 25px; } div.slideshow-hero .pager li.pages { float: left; } div.slideshow-hero .pager li a { background-color: #000000; border: 1px solid #C0C0C0; color: #C0C0C0; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; margin: 0 5px 0 0; padding: 2px 0; text-align: center; } div.slideshow-hero .pager li a:hover, div.slideshow-hero .pager li.activeSlide a { border: 1px solid #FFFFFF; color: #FFFFFF; } div.slideshow-hero .pager li.next, div.slideshow-hero .pager li.prev { display: none; } div.slideshow-hero .pager { bottom: -26px; left: 15px; overflow: visible; position: absolute; z-index: 1000; } div.slideshow-hero { margin: 0 0 30px; overflow: visible; position: relative; width: 660px; } #main_content #flash_slideshow { background: none repeat scroll 0 0 transparent; margin: 0; padding: 0; } #flash_slideshow { background: none; height: auto;/*285px;*/ overflow: visible; } div.slideshow-hero li .text { background-color: transparent; top: 232px; height: 33px; left: 0; opacity: 0.8; filter:alpha(opacity=80) padding: 10px; position: absolute; width: 640px; } div.slideshow-hero li .text .title_wrapper, div.slideshow-hero li .text .teaser_wrapper { float: left; } div.slideshow-hero li .text .title { font-size: 18px; width: 155px; } div.slideshow-hero li .text .teaser { font-size: 16px; width: 480px; } div.slideshow-hero .pager { background: url(/images/fhm/homepage-slider/bg-pager.png) repeat-x; height: 27px; left: 0px; width: 660px; } div.slideshow-hero .pager li.pages { list-style-type: none; } div.slideshow-hero .pager li.pages li { margin-left: 10px; } div.slideshow-hero .pager li a:hover, div.slideshow-hero .pager li.activeSlide a { border: 0 none; background-position: 0px 0px; } div.slideshow-hero .pager li { margin-top: 2px; } div.slideshow-hero .pager li a { background-color: transparent; background-image: url(/images/fhm/homepage-slider/icon-page.png); background-position: 0px -19px; border: 0 none; color: #C0C0C0; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; margin: 0 5px 0 0; padding: 0px; text-align: center; width: 19px; height: 19px; text-indent: -9999px; outline: none; } #article #addthis_toolbox_wrapper { float: left; } #article #fb_like_button_wrapper { float: left; margin-top: -2px; margin-left: 5px; } #article #articleHeading { clear: both; padding-top: 6px; *padding-top: 0; *margin-top: -6px; } /* Email Unsubscribe Page */ .unsub-form { border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 20px 0 10px 0; } .unsub-form .instructions { margin: 0 0 20px 0 !important; } .unsub-form h2 { font-size: 13px !important; margin: 0 0 8px 0 !important; text-transform: uppercase; } .unsub-form ul { overflow: hidden; } .unsub-form li { clear: both; margin: 0 0 10px; padding: 0 0 0 170px; position: relative; list-style: none; overflow: hidden; _zoom: 1; } .unsub-form li.button { padding-bottom: 10px; margin: 0; } .unsub-form li label { display: block; position: absolute; left: 0; top: 0; width: 155px; padding: 0 0 0 8px; } .unsub-form li label span { color: #DB1D36; font-weight: bold; position: absolute; left: 0; top: 0; } .unsub-form li input { border: solid 1px #919191; background: #FAFAFA; font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; padding: 1px 2px 2px; width: 360px; } .unsub-form li.button .btn-submit, .unsub-form li.button .btn-save { border: solid 1px #c53f52; width: auto; padding: 3px 5px; cursor: pointer; display: block; float: left; background: #ee3242; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 13px; line-height:13px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px #555555; box-shadow: 0 2px 4px #555555; } .unsub-form li .load-indicator { float: left; height: 11px; padding: 7px 10px 6px; width: 16px; } .unsub-form .member-fields { padding: 0 0 10px 0; } .unsub-form .optout-fields li.optouts { padding: 0; } .unsub-form .optout-fields li.optouts .optout-list input { background: none; border: none; height: auto; width: auto; position: absolute; } .unsub-form .optout-fields li.optouts .optout-list label { position: static; width: 330px; padding: 0 0 0 20px; } .unsub-form .optout-fields li.optouts .message-list { font-weight: bold; } .unsub-form .optout-fields li.optouts .message-list p { margin: 0 0 10px 0 !important; } .unsub-form .optout-fields li.optouts .message-list li ul { padding: 5px 0 10px; } .unsub-form .optout-fields li.optouts .message-list li ul li { list-style: disc; margin: 0 0 3px 20px; padding: 0; overflow: visible; } .unsub-form .optout-fields li.optouts .message-list li.success { padding: 0; } .unsub-form .optout-fields li.optouts .message-list li.generic, .unsub-form .optout-fields li.optouts .message-list li.error { border: solid 1px #c20000; padding: 5px 10px; margin: 5px 0 5px 170px; font-weight: bold; color: #c20000; width: 344px; background: #fdd7d7;} .unsub-form .optout-fields li.optouts .message-list li.error li { font-weight: normal; } .unsub-form .optout-fields li.optouts .message-list li.error p { margin: 0 0 10px 0 !important; } .unsub-form .optout-fields li.optouts .message-list li.error a { color: #a50101; text-decoration: underline; } .unsub-form .error_msg { border: solid 1px #c20000; padding: 5px 10px; font-weight: bold; color: #c20000; margin: 0 0 10px 170px; width: 344px; background: #fdd7d7; } .unsub-form .error_msg ul { padding: 5px 0; } .unsub-form .error_msg li { font-weight: normal; list-style: disc; margin: 0 0 0 20px; padding: 0; overflow: visible; } .unsub-form .error_msg p { margin: 0 0 10px 0 !important; } .unsub-form .error_msg a { color: #a50101; text-decoration: underline; }