/* * NINEMSN RULES */ .initNinemsn { position: absolute; top: -1000px; left: 0px; width: 1px; } .initNinemsnBanner { position: absolute; top: 9px; left: 262px; } .initNinemsnBannerGalleryPopup { position: absolute; top: 18px; left: 0px; z-index: 999; } div#outerBox { position: relative !important; width: 990px !important; margin: 0 auto !important; } #hd_src_div #hd_ms_input { width: auto !important; } #msnhd_div3 { padding: 0 !important; } #nmsnhd_1, #nmsnhd_2 { width: 990px !important; } #pod_list #nmsnmd { padding-top: 20px !important; } #msnmd_div { display: none !important; } #tmpHeader2 { left: 262px; position: absolute; top: 10px; width:728px;} #tmpHeader3 { left: 15px; position: absolute; top: 0; } #nw_ft, #nw_ft_cpy { margin: 0 auto !important; } /* * GLOBALS & RESET STYLES */ * { margin: 0; padding: 0; } a { text-decoration: none; } body { background: #F3F0CE url(cleo/background.jpg) top fixed repeat-x; color: #000; font-family: arial, helvetica, sans-serif; font-size: 100%; /* 16px */ line-height: 1.125em; /* 18px */ } img { border: 0; } td { vertical-align: top; } .errorStyle { color: #F00 !important; } #tblOuter { font-size: 0.75em; /* 12px */ margin: 0 auto; width: 990px; } /* * HEADER */ #Masthead_pnlContent { position: relative; } #Masthead_pnlContent h1 { height: 76px; margin: 59px -1px 0; overflow: hidden; padding: 17px 0 16px; } /* { height: 92px; margin: 49px -1px 0; overflow: hidden; padding: 10px 0 7px; } */ #Masthead_pnlContent h1 a { background: url(cleo/logo.gif) no-repeat; display: block; height: 76px; text-indent: -9999px; width: 258px; } #nav { float: left; list-style: none; margin: 0 -3px -46px 0; overflow: hidden; padding-bottom: 46px; position: relative; width: 990px; z-index: 2000; } #nav li { background: url(cleo/nav_li.gif) right top no-repeat; float: left; margin-right: 3px; } #nav li a { background: url(cleo/nav_a.gif) left top no-repeat; color: #FFF; display: block; font-size: 1.167em; /* 14px */ font-weight: bold; height: 28px; line-height: 28px; overflow: hidden; padding-top: 4px; text-align: center; text-transform: uppercase; } /* #nav li.stuff { background-image: url(cleo/nav_li_last.gif); } */ #nav li.home a { background-image: url(cleo/nav_a_first.gif); width: 66px; } #nav li.entertainment a { width: 141px; } #nav li.style a { width: 64px; } #nav li.men a { width: 98px; } #nav li.health a { width: 75px; } #nav li.stuff a { width: 191px; } #nav li.comps a { border: none; width: 126px; } #nav li.forums a { width: 80px; } #nav li.bachelors a, #nav li.lookbooks a { width: 125px; } #nav li.bachelors a { background:transparent url(cleo/nav_li_bachelors.gif) repeat scroll 0 0; color:#D4B591; } #nav li.bachelors { margin-right: 0; } #nav li.active { background: #FFF right top no-repeat; } #nav li.active a { background: transparent left top no-repeat; color: #B79F4A; } #nav li.active li a { background: transparent; color: #C0A055; } /* #nav>li.stuff.active { background-image: url(cleo/nav_li_last_active.gif); } */ #nav>li.home.active a { background-image: url(cleo/nav_a_first_active.gif); } #nav ul { background: url(cleo/sub_nav.gif) bottom repeat-x; left: 0; list-style: none; padding-bottom: 11px; position: absolute; top: 32px; width: 650px; } #nav ul li { background: transparent; display: inline; float: none; margin: 0; } #nav ul li a { background: transparent; color: #C0A055; display: inline; font-size: 0.917em; /* 11px */ font-weight: normal; height: auto; line-height: 35px; margin: 0 10px 0 13px; padding: 0; position: relative; } #nav ul li a:hover { color: #F25A82; } #secondary_nav { float: left; list-style: none; width: 340px; } #secondary_nav li { float: left; } #secondary_nav li a { border-left: 1px solid #FFF; color: #FFF; display: block; font-size: 1.167em; /* 14px */ font-weight: bold; height: 16px; line-height: 16px; overflow: hidden; margin: 11px 0 4px; padding: 0 0 1px; text-align: center; text-transform: uppercase; } #secondary_nav li a:hover { color: #DFCFAA; } #secondary_nav li.comps a { border: none; width: 131px; } #secondary_nav li.forums a { width: 91px; } #secondary_nav li.bachelors a, #secondary_nav li.lookbooks a { width: 116px; } /* * CONTENT */ #tcMidContent { background: #FFF; } #MiddleContent_pnlContent { float: left; padding: 60px 40px; position: relative; } h2 { background: no-repeat; height: 34px; margin: 0 0 34px; overflow: hidden; text-indent: -9999px; width: 570px; } h3, #articleHeading, #competitionHeading { color: #F25A82; font-size: 1.667em; /* 20px */ font-weight: normal; line-height: 1.2em; /* 24px */ margin: 2.85em 0 -0.85em; /* 57px 0 -17px */ text-transform: uppercase; } h4 { color: #F25A82; font-size: 1.167em; /* 14px */ font-weight: bold; } h5 { color: #F25A82; font-size: 1em; /* 12px */ font-weight: bold; } p, #articleBody { margin: 2em 0; /* 24px 0 */ } a { color: #F25A82; } a.action { background: url(cleo/arrow_action.gif) right no-repeat; display: block; float: left; font-weight: bold; margin-top: -7px; padding-right: 9px; text-transform: lowercase; white-space: nowrap; } a.actionList { background: url(cleo/arrow_action.gif) right no-repeat; font-weight: bold; margin-top: -7px; padding-right: 9px; text-transform: lowercase; } a.actionThread { background: url(cleo/arrow_action_article.gif) right no-repeat; display: block; float: right; font-weight: bold; margin-top: 0px; padding-right: 9px; text-transform: lowercase; } #articleIntroduction { font-weight: bold; } h2#cleo_all_the_rest { background-image: url(cleo/h2/all_the_rest.gif); } h2#cleo_archive { background-image: url(cleo/h2/archive.gif); } h2#cleo_article_archive { background-image: url(cleo/h2/article_archive.gif); } h2#cleo_ask_someone_who_knows { background-image: url(cleo/h2/ask_someone_who_knows.gif); } h2#cleo_bachelors { background-image: url(cleo/h2/bachelors.gif); } h2#cleo_beauty_blog { background-image: url(cleo/h2/beauty_blog.gif); } h2#cleo_style_beauty_roadtest { background-image: url(cleo/h2/beauty_roadtest.gif); } h2#cleo_men_and_sex_better_sex { background-image: url(cleo/h2/better_sex.gif); } h2#cleo_blog { background-image: url(cleo/h2/blog.gif); } h2#cleo_brand_new { background-image: url(cleo/h2/brand_new.gif); } h2#cleo_celebrity_forum { background-image: url(cleo/h2/celebrity_forum.gif); } h2#cleo_celebrity_patrol { background-image: url(cleo/h2/CELEBRITY-PATROL.gif); } h2#cleo_change_password { background-image: url(cleo/h2/change_password.gif); } h2#cleo_competitions { background-image: url(cleo/h2/competitions.gif); } h2#cleo_contact_us { background-image: url(cleo/h2/contact_us.gif); } h2#cleo_entertainment { background-image: url(cleo/h2/entertainment.gif); } h2#cleo_health_fitness { background-image: url(cleo/h2/fitness.gif); } h2#cleo_forum_archive { background-image: url(cleo/h2/forum_archive.gif); } h2#cleo_forum_index { background-image: url(cleo/h2/forum_index.gif); } h2#cleo_forums { background-image: url(cleo/h2/forums.gif); } h2#cleo_gallery { background-image: url(cleo/h2/gallery.gif); } h2#cleo_entertainment_gossip { background-image: url(cleo/h2/gossip.gif); } h2#cleo_health { background-image: url(cleo/h2/health.gif); } h2#cleo_more_brilliant_stuff_horoscopes { background-image: url(cleo/h2/horoscopes.gif); } h2#cleo_inside_cleo { background-image: url(cleo/h2/inside_cleo.gif); } h2#cleo_inspiration { background-image: url(cleo/h2/inspiration.gif); } h2#cleo_man_stalker { background-image: url(cleo/h2/man_stalker.gif); } h2#cleo_men_sex { background-image: url(cleo/h2/men_sex.gif); } h2#cleo_health_mental_health { background-image: url(cleo/h2/mental_health.gif); } h2#cleo_more_brilliant_stuff { background-image: url(cleo/h2/more_brilliant_stuff.gif); } h2#cleo_most_popular_galleries { background-image: url(cleo/h2/most_popular_galleries.gif); } h2#cleo_most_recent_galleries { background-image: url(cleo/h2/most_recent_galleries.gif); } h2#cleo_my_profile { background-image: url(cleo/h2/my_profile.gif); } h2#cleo_new_issue_of_cleo { background-image: url(cleo/h2/new_issue_of_cleo.gif); } h2#cleo_newsletter { background-image: url(cleo/h2/newsletter.gif); } h2#cleo_health_nutrition { background-image: url(cleo/h2/nutrition.gif); } h2#cleo_more_brilliant_stuff_out_now { background-image: url(cleo/h2/out_now.gif); } h2#cleo_entertainment_people_you_should_know_about { background-image: url(cleo/h2/people_should_know_about.gif); } h2#cleo_photo_blog { background-image: url(cleo/h2/photo_blog.gif); } h2#cleo_q_a { background-image: url(cleo/h2/q_a.gif); height: 36px; } h2#cleo_q_a_archive { background-image: url(cleo/h2/q_a_archive.gif); height: 36px; } h2#cleo_q_as { background-image: url(cleo/h2/q_as.gif); height: 36px; } h2#cleo_quiz { background-image: url(cleo/h2/quiz.gif); height: 36px; } h2#cleo_quizzes { background-image: url(cleo/h2/quizzes.gif); height: 36px; } h2#cleo_rate_this_look { background-image: url(cleo/h2/rate_this_look.gif); } h2#cleo_reader_survey { background-image: url(cleo/h2/Honesty_Policy.gif); } /*h2#cleo_reader_survey { background-image: url(cleo/h2/reader_survey.gif); }*/ h2#cleo_register { background-image: url(cleo/h2/register.gif); } h2#cleo_relationships { background-image: url(cleo/h2/relationships.gif); } h2#cleo_men_and_sex_relationships_and_dating { background-image: url(cleo/h2/relationships_dating.gif); } h2#cleo_entertainment_reviews { background-image: url(cleo/h2/reviews.gif); } h2#cleo_rss_feeds { background-image: url(cleo/h2/rss_feeds.gif); } /*h2#cleo_sarahs_blog { background-image: url(cleo/h2/sarahs_blog.gif); }*/ h2#cleo_office_blog { background-image: url(cleo/h2/office_blog.gif); } h2#cleo_search_results { background-image: url(cleo/h2/search_results.gif); } h2#cleo_sex_dictionary { background-image: url(cleo/h2/sex_dictionary.gif); } h2#cleo_shopping { background-image: url(cleo/h2/shopping.gif); } h2#cleo_sign_in { background-image: url(cleo/h2/sign_in.gif); } h2#cleo_sitemap { background-image: url(cleo/h2/sitemap.gif); } h2#cleo_spy { background-image: url(cleo/h2/spy.gif); } h2#cleo_street_chic { background-image: url(cleo/h2/street_chic.gif); } h2#cleostyleHeading, h2#cleo_style { background-image: url(cleo/h2/style.gif); } h2#cleo_style_blog { background-image: url(cleo/h2/style_blog.gif); } h2#cleo_subscription { background-image: url(cleo/h2/subscription.gif); } h2#cleo_terms_conditions { background-image: url(cleo/h2/terms_conditions.gif); } h2#cleo_thank_you { background-image: url(cleo/h2/thank_you.gif); } h2#cleo_more_brilliant_stuff_travel { background-image: url(cleo/h2/travel.gif); } h2#cleo_tv { background-image: url(cleo/h2/tv.gif); } h2#cleo_video { background-image: url(cleo/h2/video.gif); } h2#cleo_win { background-image: url(cleo/h2/win.gif); } h2#cleo_wishlist { background-image: url(cleo/h2/wishlist.gif); } h2#more_brilliant_stuff_horoscopes {background-image: url(cleo/h2/horoscopes.gif);} h2#cleo_style_bikini_hq { background-image: url(cleo/h2/bikini_hq.gif); } h2#social_diaries {background: url(cleo/h2/socialdiaries.png) #000 no-repeat; height:75px; margin-bottom:0; text-indent:0px } h2#social_diaries_zeebra { background: url(cleo/h2/h2_zeebraskin.jpg) #FFF no-repeat; height:75px; padding-bottom:1px; margin-bottom:0; text-indent:0px } #archive { list-style: none; margin: 3em 0; /* 36px 0 */ width: 570px; } #archive li { border-bottom: 1px dotted #D0B880; } #archive li h4 { font-size: 1.25em; /* 15px */ font-weight: normal; margin-top: 17px; } #archive li h4 a { color: #F25A82; } #archive li .date { font-size: 0.833em; /* 10px */ font-weight: normal; margin: 1px 0 -6px; } #archive li p { margin: 1.333em 0; /* 16px 0 */ } #articleFirstPage #archive { margin: -18px 0 0; width: 510px; } #articleFirstPage #archive li .date { color: #FFF; } #articleFirstPage { background: #000; color: #DFCFAA; float: left; margin-top: -25px; padding: 29px 30px 27px; width: 510px; } #articleFirstPage img#articleImage { display: block; margin: -29px -30px -18px; } #articleFirstPage.portrait img#articleImage { float: left; margin: 0 30px 24px 0; } #articleFirstPage #articleHeading { margin-top: 0; padding-top: 1.5em; /* 30px */ } #articleFirstPage.portrait #articleHeading { padding-top: 2.15em; /* 43px */ } #articleFirstPage .date, #articleFirstPage #articleDateTime { color: #DFCFAA; font-weight: normal; } #articleFirstPage strong { font-weight: bold; } #articleFirstPage img.thumbnail { border-color: #E8DDB7; } #articleFirstPage a.action { background-image: url(cleo/arrow_action_article.gif); clear: left; font-size: 0.917em; /* 11px */ margin: 1px 0 30px; text-transform: uppercase; } #articleFirstPage #pager, #blog #pager { margin-bottom: 0; } #articleFirstPage #pager li a, #blog #pager li a, #gallery #pager li a { color: #FFF; } #articleFirstPage #pager li#pagerPreviousItem, #blog #pager li#pagerPreviousItem, #gallery #pager li#pagerPreviousItem { background-image: url(cleo/pages_prev_black.gif); } #articleFirstPage #pager li#pagerNextItem, #blog #pager li#pagerNextItem, #gallery #pager li#pagerNextItem { background-image: url(cleo/pages_next_black.gif); } #articleFirstPage #pager li.pagerFirstPage, #blog #pager li.pagerFirstPage , #gallery #pager li.pagerFirstPage { background-image: url(cleo/pages_bg_black.gif); } #blog { background: #000; color: #DFCFAA; float: left; margin-top: -25px; padding: 29px 30px; width: 510px; } #blog .info { float: left; line-height: 1.25em; /* 15px */ margin-right: 28px; width: 160px; } #blog .info h3 { font-size: 1.25em; /* 15px */ font-weight: normal; margin: 0.867em 0 0.4em; /* 13px 0 6px */ } #blog .info h4 { color: #DFCFAA; font-size: 1em; /* 12px */ font-weight: bold; margin: 0.5em 0 0; /* 6px 0 0 */ } #blog .info p { font-size: 0.917em; /* 11px */ margin: 0.636em 0; /* 7px 0 */ } #blog .info ul { list-style: none; margin: 0 0 1.25em; /* 0 0 15px */ } #blog .info ul li a { color: #FFF; } #blog .post { float: left; width: 322px; } #blog .post .posts { list-style: none; margin-top: 41px; } #blog .post .posts li { border-top: 1px dotted #DFCFAA; padding: 0 0 16px; } #blog .post .posts li .more { display: block; margin: -1em 0 1em; /* 12px 0 12px */ } #blog .post .posts hr { display: none; } #blog .post #post_nav { color: #F25A82; float: right; font-size: 0.917em; /* 11px */ font-weight: bold; margin: -4px 0 0; } #blog .post #post_nav img { margin: 0 0 -4px; } #blog .post .posts h3 { font-size: 1.25em; /* 15px */ font-weight: normal; line-height: 1.2em; /* 18px */ margin: 1.067em 0 0.067em; /* 16px 0 1px */ text-transform: none; } #blog .post .posts .details { font-size: 0.833em; /* 10px */ list-style: none; margin: 0 -2px 0 -5px; } #blog .post .posts .details li { border-right: 1px solid #DFCFAA; border-top: 0; display: inline; padding: 0 2px 0 5px; } #blog .post .posts .details li img { display: none; } #blog .post .posts .details li.poster { border: none; } #blog .post .posts .date { color: #FFF; display: block; font-size: 0.833em; /* 10px */ margin: 0 0 -1.6em; /* 0 0 16px */ } #blog .post a.action { background-image: url(cleo/arrow_action_black.gif); color: #DFCFAA; float: right; font-size: 10px; font-weight: normal; margin-top: -6px; } #blog .post #blog_archive { clear: both; list-style: none; padding-top: 30px; } #blog .post #blog_archive li { border-top: 1px dotted #DFCFAA; margin-top: -8px; } #blog .post #blog_archive li h4 { margin-top: 1.133em; /* 17px */ } #blog .post h4 { font-size: 1.25em; /* 15px */ font-weight: normal; margin-top: 1.733em; /* 26px */ } #blog .post #blogDateTime { color: #FFF; font-size: 0.833em; /* 10px */ margin: 0.1em 0 0.8em; /* 1px 0 8px */ } #comments { background: #FFF; border: 1px solid #EADFBC; clear: both; font-size: 0.917em; /* 11px */ margin: 0 0 28px; padding: 0 33px; } #comments .form { font-size: 1em; /* 11px */ margin: -2px -34px; } #comments h4 { background: #000 url(cleo/small_heading_bg.gif) no-repeat; color: #FFF; font-size: 1em; /* 11px */ font-weight: bold; height: 43px; line-height: 43px; margin: 19px -10px 8px; overflow: hidden; padding: 0 0 2px; text-align: center; text-transform: uppercase; width: 142px; } #comments .form h4 { background: transparent; color: #F25A82; font-size: 1.818em; /* 20px */ font-weight: normal; height: auto; line-height: 0.9em; /* 18px */ margin: 0 0 0.9em; /* 0 0 18px */ padding: 0; text-align: left; width: auto; } .boxes { float: left; list-style: none; margin: -19px -20px 0 0; width: 590px; } .boxes li { background: #000; color: #FFF; float: left; font-size: 0.917em; /* 11px */ height: 297px; margin: 0 20px 19px 0; padding: 0 17px; width: 324px; } .boxes li img { display: block; margin: 0 -17px; } .boxes li h4 { font-size: 1.364em; /* 15px */ font-weight: bold; line-height: 1.067em; /* 16px */ margin: 15px 0 4px; text-transform: uppercase; } .boxes li p { margin: 0; } .boxes li a.more { display: block; float: right; margin-right: -17px; overflow: hidden; text-indent: -9999px; } .boxes li.enterit a.more { background: url(cleo/enter_it.gif); height: 46px; width: 146px; } *>.boxes li.enterit a.more { background: url(cleo/enter_it.png); } .boxes li.blogit a.more { background: url(cleo/blog_it.gif); height: 46px; width: 146px; } *>.boxes li.blogit a.more { background: url(cleo/blog_it.png); } .boxes li.readit a.more { background: url(cleo/read_it.gif); height: 46px; width: 146px; } *>.boxes li.readit a.more { background: url(cleo/read_it.png); } .boxes li.viewit a.more { background: url(cleo/view_it.gif); height: 46px; width: 146px; } *>.boxes li.viewit a.more { background: url(cleo/view_it.png); } .boxes li.watchit a.more { background: url(cleo/watch_it.gif); height: 46px; width: 146px; } *>.boxes li.watchit a.more { background: url(cleo/watch_it.png); } .boxes li.tall { height: 613px; padding: 0 18px; width: 156px; } .boxes li.tall img { margin: 0 -18px; } .boxes li.tall h4 { margin: 20px 0 7px; } .boxes li.tall a.more { margin-right: -18px; } .boxes li.thin { height: 297px; padding: 0 10px; width: 86px; } .boxes li.thin img { margin: 0 -10px; } .boxes li.thin h4 { font-size: 1em; /* 11px */ font-weight: normal; line-height: 1.455em; /* 16px */ margin: 15px 0 0; } .boxes li.thin h4 a { font-weight: normal; } .boxes li.thin p { margin: 0 0 10px; } .boxes li.thin a { color: #FFF; font-weight: bold; text-transform: uppercase; } .boxes li.medium { height: 297px; padding: 0 14px; width: 247px; } .boxes li.medium img { margin: 0 -14px; } .boxes li.medium a.more { margin-right: -14px; } .boxes li.small { height: 297px; padding: 0 13px; width: 166px; } .boxes li.small img { margin: 0 -13px; } .boxes li.small a.more { margin-right: -13px; } .boxes li.pink { background: #F25A82; } .boxes li.pink h4 a { color: #FFF; } .boxes li.purple { background: #BF81BD; } .boxes li.purple h4 a { color: #FFF; } #competitions li h4 a { color: #FFF; } #more_competitions { clear: both; padding: 6px 0 0; } #more_competitions h3 { color: #000; margin: 0 0 12px; } #more_competitions ul { font-size: 0.833em; /* 10px */ list-style: none; margin-right: -20px; } #more_competitions li { background: #000 url(cleo/more_comps_bg.gif) bottom no-repeat; color: #FFF; float: left; height: 345px; line-height: 1.5em; /* 15px */ margin: 0 20px 10px 0; padding: 0 15px; width: 97px; } #more_competitions li img { display: block; margin: 0 -15px; } #more_competitions li h4 { color: #FFF; font-size: 1.3em; /* 13px */ font-weight: normal; line-height: 1em; /* 13px */ margin: 13px 0 7px; text-transform: uppercase; } #more_competitions li h4 a { color: #FFF; } #more_competitions li p { margin: 0; } #more_competitions li a.action { background-image: url(cleo/arrow_action_black.gif); color: #FFF; font-size: 1.1em; /* 11px */ font-weight: bold; margin-top: 14px; text-transform: uppercase; } #features { float: left; font-size: 0.917em; /* 11px */ line-height: 1.455em; /* 16px */ width: 305px; } #features h2 { color: #DFD09B; font-size: 2.182em; /* 24px */ font-weight: normal; height: auto; line-height: 1.167em; /* 28px */ margin: 27px 0 0.25em; /* 0 0 6px */ text-indent: 0; width: auto; } #features ul.features_list { list-style: none; } #features ul.features_list li { clear: both; float: left; margin: 0 0 12px; width: 305px; } #features ul.features_list li a { float: left; margin: 0 0 0 10px; } #features ul.features_list li a img { display: block; position: relative; z-index: 99; } #features ul.features_list li h4 { left: -9999px; position: absolute; } #features ul.features_list li p { margin: 0; padding: 4px 0 0 165px; } #features ul.features_list li a.more { display: block; float: left; height: 43px; margin: -35px 0 0; text-indent: -9999px; width: 305px; } #features ul.features_list li.readit a.more { background: url(cleo/home_read_it.gif); } #features ul.features_list li.readit_purple a.more { background: url(cleo/home_read_it_purple.gif); } #features ul.features_list li.buyit a.more { background: url(cleo/home_buy_it.gif); } #features ul.features_list li.blogit a.more { background: url(cleo/home_blog_it.gif); } #features ul.features_list li.enterit a.more { background: url(cleo/home_enter_it.gif); } /* #features ul.features_list { list-style: none; } #features ul.features_list li { clear: both; float: left; margin: 0 0 12px; width: 305px; } #features ul.features_list li a { color: #000; display: block; } #features ul.features_list li a span { display: block; padding: 4px 0 0 165px; } #features ul.features_list li a img { display: block; float: left; margin: -35px 0 0; } #features ul.features_list li a img.featured_pic { display: inline; margin: 0 0 0 10px; position: relative; } */ #features ul.pages { clear: both; list-style: none; margin-left: 10px; } #features ul.pages li { float: left; margin-right: 3px; } #features ul.pages a { background: #A974B1; color: #FFF; display: block; font-size: 1.364em; /* 15px */ font-weight: bold; height: 1.733em; /* 26px */ line-height: 1.733em; /* 26px */ text-align: center; width: 1.733em; /* 26px */ } #features ul.pages a.active, #features ul.pages a:hover { background: #262626; } #features ul.pages a.action, #features ul.pages a.action:hover { background: url(cleo/arrow_action_purple.gif) right no-repeat; color: #4E1975; font-size: 1em; /* 11px */ height: auto; line-height: 1.455em; /* 16px */ margin: 5px 0 0 7px; width: auto; } #flashDiv { display: inline; float: left; height: 456px; margin: 0 1px 0 -2px; width: 478px; z-index: 1; } #flashDiv * { z-index: 1; } #forum { padding-top: 33px; } #forum h3 { font-size: 1.25em; /* 15px */ margin: -0.467em 0 1.933em; /* 7px 0 29px */ } #forum .tools { top: 146px; } #forum table { border-collapse: collapse; margin-bottom: 53px; } #forum table thead th { background: #000; color: #FFF; line-height: 2.083em; /* 25px */ padding: 0 14px; text-align: left; } #forum table thead th.author { width: 110px; } #forum table thead th.message { width: 404px; } #forum table tbody { font-size: 0.917em; /* 11px */ } #forum table tbody td { border: dotted #E8DDB7; border-width: 0 1px 1px; line-height: 1.364em; /* 15px */ padding: 12px 14px; } #forum table tbody td.author { color: #C0A055; font-size: 0.909em; /* 10px */ line-height: 1.2em; /* 12px */ padding: 13px 10px 13px 15px; } #forum table tbody td.author .byline { color: #000; font-size: 1.1em; /* 11px */ margin-bottom: 5px; } #forum table tbody td p { margin: 0 0 1.364em; /* 0 0 15px */ } #forum table tbody td blockquote { background: #FAF9F4; border: 1px solid; border-color: #D4BD8A #E4D8C7 #E4D8C7 #D4BD8A; font-style: italic; margin: 0 0 16px; padding: 5px 17px 6px; } #forum table tbody td blockquote cite { font-style: normal; font-weight: bold; } #forum table tbody td blockquote p { margin: 0; } #forum #pager { margin-top: -38px; } #forum_index { float: left; list-style: none; margin-top: -24px; padding-bottom: 30px; width: 570px; } #forum_index li { background: #000; clear: both; color: #DFCFAA; float: left; margin-bottom: 30px; padding: 28px 30px 0; width: 510px; } #forum_index li img.icon { display: block; float: left; margin: 2px 30px 29px 0; } #forum_index li h3 { margin: 0 0 4px; } #forum_index li .info { font-size: 0.833em; /* 10px */ } #forum_index li p { margin: 0.417em 0 0; /* 5px 0 0 */ padding-bottom: 2.333em; /* 28px */ } #forum_index li .threads { background: #FFF; color: #000; border: 1px solid #E9DEB9; clear: both; display: inline; float: left; font-size: 0.917em; /* 11px */ line-height: 1.182em; /* 13px */ margin: 0 -30px; padding: 24px 29px 27px; width: 510px; } #forum_index li .threads h4 { margin-bottom: 18px; } #forum_index li .threads h4 img { display: block; margin-left: -6px; } #forum_index li .threads ul { list-style: none; padding-bottom: 7px; } #forum_index li .threads li { background: transparent; color: #000; float: none; margin: 0 0 25px; padding: 0; width: auto; } #forum_index li .threads li .byline { color: #C0A055; font-size: 0.909em; /* 10px */ } #forum_index li .threads li h5 { font-size: 1em; /* 11px */ margin: 0.273em 0 0; /* 3px 0 0 */ } #forum_index li .threads li p { margin: 0; padding: 0; } #forum_index li .threads li a { font-weight: bold; } #forum_threads { list-style: none; padding-top: 26px; } #forum_threads li { background: #FFF; border-bottom: 1px dotted #D2BC98; margin-bottom: 28px; padding-bottom: 20px; } #forum_threads h3 { font-size: 1.25em; /* 15px */ margin: 0 0 1px; } #forum_threads .info, #forum_threads .activity { font-size: 0.833em; /* 10px */ } #forum_threads .info { color: #C0A055; float: left; } #forum_threads .activity { color: #F25A82; text-align: right; } #forum_threads .activity em { color: #C0A055; font-style: normal; } #forum_threads p { margin: 0.417em 0; /* 5px 0 */ } #gallery { float: left; margin-right: 30px; width: 254px; } #gallery ul { float: left; list-style: none; margin-right: -10px; padding-bottom: 1px; } #gallery ul li { float: left; margin: 0 10px 10px 0; } #gallery ul li a { display: block; height: 105px; overflow: hidden; width: 78px; text-align: center;} #gallery ul li a img { display: block; margin: -1px 0px 0px -20px; } #gallery .galleryInstructions { float: left; font-size: 0.917em; /* 11px */ } #gallery .photo_counter { font-size: 0.917em; /* 11px */ margin-bottom: 30px; text-align: right; } #gallery .photo_counter em { color: #F25A82; font-style: normal; } #gallery #pager { margin: 0 0 24px; } #gallery_pic { background: #000; color: #FFF; float: left; margin-top: 23px; padding: 30px 30px 0; position: relative; width: 510px; } #gallery_pic img { display: block; } #gallery_pic .pager { color: #DFCFAA; float: right; font-size: 0.917em; /* 11px */ font-weight: bold; list-style: none; margin: 24px 0 6px; } #gallery_pic .pager li { float: left; margin-left: 8px; } #gallery_pic .pager li a { display: block; height: 10px; margin-top: 4px; overflow: hidden; text-indent: -9999px; width: 7px; } #gallery_pic .pager li.galleryPagerPrev a { background: url(cleo/gallery_prev.gif); } #gallery_pic .pager li.galleryPagerNext a { background: url(cleo/gallery_next.gif); } #gallery_pic .imageCaption { background: #ED577F; border: 1px solid #000; display: inline; float: left; line-height: 1.333em; /* 16px */ margin: 0 -30px; padding: 12px 29px 12px; width: 510px; } #gallery_pic .rating_results { background: url(cleo/rating_results.gif); height: 44px; margin: -22px 0 19px -30px; text-indent: -9999px; width: 213px; } #gallery_pic .rating_make { background: url(cleo/rating_make.gif); height: 44px; margin: -22px 0 19px -30px; text-indent: -9999px; width: 213px; } #horoscopes_list { float: left; font-size: 1.083em; /* 13px */ list-style: none; width: 570px; } #horoscopes_list li { border-bottom: 1px dotted #c0a055; padding: 17px 10px 0; } #horoscopes_list li h3 { font-size: 1.154em; /* 15px */ font-weight: bold; margin: 0 0 0.067em; /* 0 0 1px */ padding: 0; } #horoscopes_list li .dateRange { color: #c0a055; font-size: 0.846em; /* 11px */ } #horoscopes_list li p { margin: 0.077em 0 1.231em; /* 1px 0 16px */ } #horoscopes_list li p a { color: #000; font-weight: bold; text-transform: uppercase; } #horoscopes_list li a.image { float: left; margin: 3px 29px 0 0; } .rating { float: left; font-size: 0.917em; /* 11px */ margin: 24px 0 0; } .rating dt { float: left; } .rating dd { background: url(cleo/small_stars.gif) no-repeat; float: left; height: 9px; margin: 5px 11px 0; overflow: hidden; text-indent: -9999px; width: 57px; } .rating dd.one { background-position: 0 -9px; } .rating dd.two { background-position: 0 -18px; } .rating dd.three { background-position: 0 -27px; } .rating dd.four { background-position: 0 -36px; } .rating dd.five { background-position: 0 -45px; } #galleryYourRating { font-size: 1.083em; /* 13px */ font-weight: bold; position: absolute; right: 30px; text-transform: uppercase; top: 3px; } #galleryYourRating dd { background: url(cleo/large_stars.gif) no-repeat; height: 17px; margin: -2px 0 0 8px; width: 86px; } #galleryYourRating dd.one { background-position: 0 -17px; } #galleryYourRating dd.two { background-position: 0 -34px; } #galleryYourRating dd.three { background-position: 0 -51px; } #galleryYourRating dd.four { background-position: 0 -68px; } #galleryYourRating dd.five { background-position: 0 -85px; } #galleryOurRating { margin-right: 56px; } #galleryRateThis { font-size: 1.083em; /* 13px */ position: absolute; right: 0; top: 25px; width: 243px; } #galleryRateThis div { float: left; margin: 2px 10px 0 0; text-transform: uppercase; } #galleryRateThis div strong { font-weight: bold; } #galleryRateThis p { font-size: 0.769em; /* 10px */ left: 0; margin: 0; position: absolute; top: -15px; } #galleryRateThis ul { background: url(cleo/large_stars.gif) no-repeat; float: left; height: 17px; list-style: none; overflow: hidden; position: relative; width: 85px; } #galleryRateThis ul li { float: left; } #galleryRateThis ul li a { display: block; float: left; height: 17px; left: 0; overflow: hidden; position: absolute; text-indent: -9999px; top: 0; width: 17px; z-index: 20; } #galleryRateThis ul li.one a { left: 0; } #galleryRateThis ul li.two a { left: 17px; } #galleryRateThis ul li.three a { left: 34px; } #galleryRateThis ul li.four a { left: 51px; } #galleryRateThis ul li.five a { left: 68px; } #galleryRateThis ul li a:hover, #galleryRateThis ul li a:focus, #galleryRateThis ul li a:active { background: url(cleo/large_stars.gif) no-repeat; left: 0; width: 85px; z-index: 2; } #galleryRateThis ul li.one a:hover, #galleryRateThis ul li.one a:focus, #galleryRateThis ul li.one a:active { background-position: 0 -17px; } #galleryRateThis ul li.two a:hover, #galleryRateThis ul li.two a:focus, #galleryRateThis ul li.two a:active { background-position: 0 -34px; } #galleryRateThis ul li.three a:hover, #galleryRateThis ul li.three a:focus, #galleryRateThis ul li.three a:active { background-position: 0 -51px; } #galleryRateThis ul li.four a:hover, #galleryRateThis ul li.four a:focus, #galleryRateThis ul li.four a:active { background-position: 0 -68px; } #galleryRateThis ul li.five a:hover, #galleryRateThis ul li.five a:focus, #galleryRateThis ul li.five a:active { background-position: 0 -85px; } #gallery_scroller { clear: both; margin: 0 0 0 18px; width: 950px; } #gallery_scroller .action { float: right; font-size: 0.917em; /* 11px */ margin: 4px 0 0; } #gallery_scroller .nav { list-style: none; } #gallery_scroller .nav li { border-left: 1px solid #000; float: left; } #gallery_scroller .nav li.first { border: none; } #gallery_scroller .nav li a { color: #000; display: block; font-weight: bold; line-height: 1.667em; /* 20px */ padding: 4px 16px 0; text-transform: uppercase; } #gallery_scroller .nav li a.active, #gallery_scroller .nav li a:hover { background: #000; color: #FFF; } #gallery_scroller .scroller { background: #000; clear: both; float: left; list-style: none; margin-top: 1px; padding: 10px 0; text-align: center; width: 950px; } #gallery_scroller .scroller li { display: inline; margin: 0 2px 0 5px; } #gallery_scroller .scroller li a img { height: 80px; vertical-align: middle; width: 60px; } #gallery_scroller .scroller li.arrow a img { border: none; height: auto; width: auto; } #home { display: inline; float: left; margin: -60px -38px 0; width: 986px; } #image_scroller { background: #EDE6D1; clear: both; float: left; font-size: 0.833em; /* 10px */ margin: 26px 0 0; width: 570px; } #image_scroller h3 { background: #EDE6D1; color: #000; float: left; font-size: 1.2em; /* 12px */ font-weight: bold; line-height: 28px; margin: -15px 0 0; padding: 0 10px; } #image_scroller ul { clear: left; float: left; list-style: none; margin-top: 7px; padding: 0 14px 22px; width: 542px; } #image_scroller ul li { float: left; margin-right: 10px; } #image_scroller ul li.prev { margin: 21px 16px 0 0; } #image_scroller ul li.next { margin: 21px 0 0 6px; } #image_scroller ul li a, #image_scroller ul li img, #image_scroller ul li span { display: block; } #image_scroller ul li a { color: #000; font-weight: bold; text-align: center; text-transform: uppercase; } #other_entertainment { float: left; list-style: none; margin-right: -20px; width: 590px; } #other_entertainment li { float: left; margin-right: 20px; padding: 20px; position: relative; width: 235px; } #other_entertainment li.whats_hot { background: #F1EBDB; } #other_entertainment li.whats_hot h3 { background: url(cleo/whats_hot.gif); height: 63px; margin: -31px 0 0 -20px; text-indent: -9999px; width: 194px; } #other_entertainment li.whats_hot ul { list-style: none; text-align: center; } #other_entertainment li.whats_hot li { display: inline; float: none; line-height: 2em; margin: 0; padding: 0; width: auto; } #other_entertainment li.whats_hot a { color: #000; } #other_entertainment li.whats_hot a:hover { text-decoration: underline; } #other_entertainment li.whats_hot a.size2 { color: #A2337A; font-size: 1.167em; /* 14px */ } #other_entertainment li.whats_hot a.size3 { color: #A2337A; font-size: 1.333em; /* 16px */ } #other_entertainment li.whats_hot a.size4 { font-size: 1.5em; /* 18px */ } #other_entertainment li.whats_hot a.size5 { color: #A2337A; font-size: 1.833em; /* 22px */ } #other_entertainment li.whats_hot a.size6 { color: #A2337A; font-size: 2em; /* 24px */ } #other_entertainment li.whats_hot a.size7 { color: #A2337A; font-size: 2.5em; /* 30px */ } #other_entertainment li.cleo_tv { background: #AB58AC; color: #FFF; line-height: 1.333em; /* 16px */ text-align: center; } #other_entertainment li.cleo_tv h3 { background: url(cleocleo_tv.gif); height: 62px; margin: -14px 0 -3px -36px; text-indent: -9999px; width: 142px; } #other_entertainment li.cleo_tv p { margin: 1.167em 0 0; /* 14px 0 0 */ } #other_entertainment li.cleo_tv a { color: #FFF; font-weight: bold; } #other_entertainment li.cleo_tv .action { background-image: url(cleo/arrow_action_tv.gif); color: #FFF; position: absolute; right: 15px; top: 21px; text-transform: none; } #pod_list { float: left; list-style: none; margin: 0 -25px 0 18px; width: 975px; } #pod_list li { float: left; height: 270px; margin-right: 25px; width: 300px; } #pod_list .pod ul.links li { float: none; height: auto; margin: 0; width: auto; } #quiz { color: #F25A82; font-weight: bold; list-style-position: inside; margin-top: -27px; } #quiz li { border-bottom: 1px dotted #D2BC98; padding: 25px 30px 20px; } #quiz ol { color: #C0A055; font-size: 1.167em; /* 14px */ font-weight: normal; list-style-position: outside; list-style-type: upper-alpha; margin: 20px 0 0 23px; } #quiz ol li { border: none; padding: 0 0 5px 37px; position: relative; } #quiz ol li input { left: 7px; position: absolute; top: 3px; } #quiz ol li label { color: #000; font-size: 0.857em; /* 12px */ } #search_results { float: left; margin: 0 0 30px; padding: 0 30px; width: 510px; } #search_results h3 { color: #000; font-size: 1.25em; /* 15px */ margin: -17px 0 0; } #search_results h3 strong { color: #F25A82; font-weight: normal; } #search_results ul { float: left; list-style: none; width: 510px; } #search_results li { border-bottom: 1px dotted #D2BC98; clear: both; float: left; margin: 0 -30px; padding: 26px 30px; width: 510px; } #search_results li a { color: #000; } #search_results li a.img { float: left; margin: 0 30px 0 0; } #search_results li p { margin: 0; } #search_results li .date { margin: 0; } #section { background: #000; color: #dfcfaa; float: left; margin: -24px 0 0; padding: 29px 30px 0; width: 510px; } #section img.main, #competitionImage { float: left; margin: 0 30px 30px 0; } #section h3, #competitionHeading { margin: 0 0 0.55em; /* 0 0 11px */ padding: 1.35em 0 0; /* 27px 0 0 */ } #section h4 { color: #DFCFAA; font-size: 1em; margin: 0 0 -2.333em; /* 0 0 -28px */ } #section .byline { font-weight: bold; margin-bottom: -2.167em; /* 26px */ } #section .highlight { background: #FFF url(cleo/qa_gradient.gif) top repeat-x; clear: both; color: #000; margin: 0 -30px; padding: 24px 30px; width: 510px; } #section .highlight h4 { color: #F25A82; margin-bottom: -2em; /* 24px */ } #section .highlight .insert h4 { margin-bottom: 0; } #section .highlight .action { text-transform: none; } #section .form { background: transparent; border: none; font-size: 0.917em; /* 11px */ padding: 0; } #qaPager { clear: both; color: #F25A82; float: left; font-size: 0.917em; /* 11px */ font-weight: bold; margin: -3px 0 26px; text-align: center; text-transform: uppercase; width: 570px; } #qaPager li { display: inline; margin: 0 2px 0 5px; } #qaPager li.prev, #qaPager li.next { padding: 0 15px; } #qaPager li.prev { background: url(cleo/pages_prev.gif) left top no-repeat; float: left; margin: 0 -300px 0 0; } #qaPager li.next { background: url(cleo/pages_next.gif) right top no-repeat; float: right; margin: 0; } #qaPager li a { color: #000; } #section.tv { padding-top: 59px; } #section.tv #flash_video_container { float: left; margin: 2px 19px 49px 0; width: 367px; } #section.tv h3 { font-size: 1.25em; /* 15px */ margin: 0 0 -1.133em; /* 0 0 17px */ padding: 0; } #section.tv select { margin-top: 2px; width: 124px; } #section.tv .next_show { display: block; float: right; margin: 36px -30px 35px 0; } #section.tv .next_show img { display: block; } #section.tv .highlight h3 { color: #000; font-size: 1.667em; /* 20px */ margin: 0 0 0.5em; /* 0 0 10px */ padding: 0; } #section.tv .highlight ul { font-size: 0.917em; /* 11px */ line-height: 1.455em; /* 16px */ list-style: none; margin: 0 -21px 35px 0; overflow: hidden; width: 531px; } #section.tv .highlight ul li { float: left; height: 251px; margin: 0 21px 26px 0; overflow: hidden; width: 156px; } #section.tv .highlight ul li img { display: block; margin-bottom: 11px; } #section.tv .highlight ul li p { margin: 0.545em 0; /* 6px 0 */ } #section.tv .highlight ul li h4 { color: #C0A055; font-size: 1em; /* 11px */ font-weight: bold; margin: 0 0 0.364em; /* 0 0 4px */ } #section.tv .highlight ul li .action { margin: 0; text-transform: uppercase; } #section.SocialDiaries {background:transparent url(cleo/article/Entertainment/SocialDiaries/zeebraskin.jpg) no-repeat; color:#FFF; margin:0} #section.SocialDiaries #flash_video_container { float: left; margin: 2px 19px 49px 0; width: 367px; } #section.SocialDiaries h3 { font-size: 1.25em; /* 15px */ margin: 0 0 -1.133em; /* 0 0 17px */ padding: 0; color:#2ac6f3 } #section.SocialDiaries select { margin-top: 2px; width: 124px; } #section.SocialDiaries .next_show { display: block; float: right; margin: 36px -30px 35px 0; } #section.SocialDiaries .next_show img { display: block; } #section.SocialDiaries .highlight { background:none; padding-top:0px; =margin-top:-20px} #section.SocialDiaries .highlight h3 { color: #000; font-size: 1.667em; /* 20px */ margin: 0 0 0.5em; /* 0 0 10px */ padding: 0; } #section.SocialDiaries .highlight ul { font-size: 0.917em; /* 11px */ line-height: 1.455em; /* 16px */ list-style: none; margin: 0 -21px 35px 0; overflow: hidden; width: 531px; } #section.SocialDiaries .highlight ul li { float: left; height: 251px; margin: 0 21px 26px 0; overflow: hidden; width: 156px; } #section.SocialDiaries .highlight ul li img { display: block; margin-bottom: 11px; } #section.SocialDiaries .highlight ul li p { margin: 0.545em 0; /* 6px 0 */ } #section.SocialDiaries .highlight ul li h4 { display:none; } #section.SocialDiaries .highlight ul li .action { margin: 0; text-transform: uppercase; color:#000; background:url(cleo/bachelors/arrow/right.gif) no-repeat right center;} #social_diaries_pager ol#pager {color:#2ac6f3; height:29px; line-height:29px; background:#000} #social_diaries_pager ol#pager li a {color:#FFF} #social_diaries_pager ol#pager li#pagerPreviousItem, #social_diaries_pager ol#pager li#pagerNextItem { color: #000; padding: 0 24px; } #social_diaries_pager ol#pager li#pagerPreviousItem { background: url(cleo/pages_prev_black.gif) left center no-repeat; } #social_diaries_pager ol#pager li#pagerNextItem { background: url(cleo/pages_next_black.gif) right center no-repeat; margin: -28px 0 0;} #social_diaries_pager ol#pager li.pagerFirstPage { background: url(cleo/pages_bg_black.gif) 0 3px no-repeat; } #social_diaries_footer { float:left; margin:30px 0; } div#socialdiarieswrapper img {float:left; } div#socialdiarieswrapper div#social_diaries_flash {float:left; width:323px; height:381px; } #section.horoscopes { font-size: 1.083em; /* 13px */ } #section.horoscopes h3 { font-size: 1.538em; /* 20px */ padding: 0; } #section.horoscopes .dateRange { color: #fff; font-size: 0.846em; /* 11px */ margin: -0.909em 0 -1.727em; /* -10px 0 -19px */ } #sidebar { background: url(cleo/expand_bg.gif) center repeat-x; float: left; margin: 0 -1px 0 10px; padding: 20px 23px 20px 24px; width: 148px; } #sidebar #right_search { margin-bottom: 5px; } #sidebar #subscribe { background: transparent; border: none; margin: 12px 0 18px; padding: 0; width: 148px; } #sidebar #subscribe em { color: #C0A055; float: left; font-size: 5.25em; /* 63px */ font-style: normal; line-height: 1em; /* 63px */ } #sidebar #subscribe div { color: #C0A055; font-size: 1.417em; /* 17px */ line-height: 1em; /* 17px */ padding: 21px 0 0; width: 78px; } #sidebar #subscribe img.mag_shot { margin: 0 0 5px; } #sidebar #newsletter { margin: 0; } #sidebar #subscribe .btn_subscribe { margin-left: -16px; } #sidebar #subscribe a.extend { display: block; left: -35px; position: absolute; margin-top: -24px; top: 50%; } #stories { background: url(cleo/home_pic_bg.jpg) no-repeat; float: left; margin-left: -2px; padding: 30px 35px 42px 63px; position: relative; width: 381px; } #stories img { display: block; } #stories div { background: url(cleo/pic_overlay_bg.gif); bottom: 42px; color: #FFF; font-size: 0.917em; /* 11px */ left: 63px; line-height: 1.364em; /* 15px */ padding: 13px 19px; position: absolute; width: 343px; } #stories>div { background: url(cleo/pic_overlay_bg.png); } #stories div h2 { color: #FFF; font-size: 1.273em; /* 14px */ font-weight: bold; height: auto; margin: 0 0 0.357em; /* 0 0 5px */ text-indent: 0; width: auto; } #stories div p { margin: 0; } #stories ul { bottom: -6px; left: 109px; list-style: none; position: absolute; } #stories li { float: left; } #stories li a { display: block; } #rss_list { float: left; list-style: none; margin-top: -5px; width: 570px; } #rss_list li { border: 1px solid #EAE0BC; float: left; margin: 0 -1px -1px 0; padding: 18px 29px 17px; width: 225px; } #rss_list li h3 { background: url(cleo/ico_rss.gif) right no-repeat; margin: 0 -14px 1.15em 0; /* 0 -14px 24px 0 */ } #rss_list li ol { font-size: 0.917em; /* 11px */ list-style-position: inside; } #rss_list li li { border: dotted #D2BC98; border-width: 1px 0 0; float: none; margin: 0; padding: 1px 0 2px; width: auto; } #rss_list li li.first { border: none; } #rss_list li li a { color: #000; } .comments { line-height: 1.364em; /* 15px */ list-style: none; } .comments li { margin: 0 0 1.727em; /* 19px */ } .comments li .byline { color: #c0a055; font-size: 0.909em; /* 10px */ } .comments li .byline strong { font-weight: bold; } .date, #articleDateTime { color: #C0A055; font-size: 0.917em; /* 11px */ font-weight: bold; margin: 1.636em 0 -1.636em; /* 18px 0 18px */ } div#pnlSocialDiariesForm .form, div#pnlSocialDiariesForm { background:#000; border:#000; color:#000; overflow:hidden } div#pnlSocialDiariesForm p { margin-right:20px; margin-left:20px; color:#FFF; } div#pnlSocialDiariesForm h3 { margin:30px 0 0 20px; color:#2ac6f3; } div#pnlSocialDiariesForm .form li label span, div#pnlSocialDiariesForm .form li dl dt span { color:#2ac6f3; } div#pnlSocialDiariesForm .form li label, div#pnlSocialDiariesForm .form li dl dt { color:#FFF; } .form { background: #FFF; border: 1px solid #EADFBC; clear: both; font-size: 0.917em; /* 11px */ margin: 0 0 28px; padding: 17px 32px 39px; } .form h4 { color: #F25A82; font-size: 1.818em; /* 20px */ font-weight: normal; margin: 0 0 0.9em; /* 0 0 18px */ text-transform: uppercase; } .form ul { list-style: none; } .form li { clear: both; height: 1%; padding: 0 0 10px 150px; position: relative; } .form ul>li { height: auto; } .form li dl { height: 1%; } .form li label, .form li dl dt { font-weight: bold; left: 0; position: absolute; top: 0; width: 140px; } .form li label span, .form li dl dt span { color: #F25A82; } .form li input { width: 168px;} .form li select { width: 172px;} .form li input.button, .form li.button input { width: auto; } .form li textarea { height: 73px; width: 344px;} .form li input+a { margin-left: 8px; } .form li input.subButton { margin: -5px 0 -13px; width: auto; } .form li.checkbox label, .form li.radio label { position: static; width: auto;} .form li.checkbox input, .form li.radio input { width: auto;} .form li.checkbox { overflow: hidden; } .form li.checkbox input { left: 150px; position: absolute; top: 0; } .form li.checkbox label { display: block; margin: 0 0 0 26px; } .form li.radio input, .form li.interests input { position: static; } .form li.radio label { display: inline; margin: 0 13px 0 0; } .form li.interests label { display: inline; margin: 0 31px 0 13px; } .form li.dob label { left: -9999px; } .form li.dob dd.day select { width: 44px; } .form li.dob dd.year select { width: 53px; } .form li.multiple { float: left; margin: 19px 0 13px; width: 348px; } .form li.multiple dd { float: left; padding: 0 0 9px; width: 172px; } .form li.radio input { margin-right: 11px; } .form li.dob dl dd, .form li.radio dl dd { display: inline; } .gallery_thumbs { float: left; font-size: 0.833em; /* 10px */ line-height: 1.2em; /* 12px */ list-style: none; margin: 28px -23px 5px 0; width: 593px; } .gallery_thumbs li { background: #000; color: #DFCFAA; float: left; height: 239px; margin: 0 23px 23px 0; padding: 0 14px; width: 96px; } .gallery_thumbs li a.image { float: none; margin: 0 -14px; } .gallery_thumbs li a.image img { display: block; } .gallery_thumbs li p { font-weight: bold; margin: 1.2em 0; /* 12px */ } .gallery_thumbs li a { display: block; float: left; font-weight: bold; margin: 0.5em 0 0.8em; /* 5px 0 8px */ text-transform: uppercase; } .horoscope_image { float: left; font-size: 0.846em; /* 11px */ line-height: 1.182em; /* 13px */ margin: 0 27px 6px 0; text-align: center; width: 140px; } .horoscope_image img { display: block; margin-bottom: 6px; } img.thumbnail { border: 4px solid #D1B982; display: block; } img.left { float: left; margin: 0 20px 24px 0; } img.right { float: right; margin: 0 0 24px 20px; } .insert { background: url(cleo/insert_bg.gif) no-repeat; color: #FFF; display: inline; float: right; height: 205px; margin: 0 -38px 0 20px; padding: 0 31px; overflow: hidden; width: 137px; } *>.insert { background-image: url(cleo/insert_bg.png); } .insert h4, #section .insert h4 { color: #000; font-size: 1.25em; /* 15px */ font-weight: bold; margin: 26px 0 0; text-transform: uppercase; } .insert p { margin: 0.333em 0; /* 4px 0 */ } .insert a.button { display: block; height: 46px; margin: -2px 0 0 -8px; text-indent: -9999px; width: 168px; } .insert a.comment { background: url(cleo/insert_comment.gif); } .insert a.ask_question { background: url(cleo/insert_ask_question.gif); } #pager { clear: both; color: #F25A82; font-size: 0.917em; /* 11px */ font-weight: bold; margin: 15px 0 53px; text-align: center; text-transform: uppercase; } #pager li { display: inline; margin: 0 2px 0 5px; } #pager li#pagerPreviousItem, #pager li#pagerNextItem { color: #000; padding: 0 15px; } #pager li#pagerPreviousItem { background: url(cleo/pages_prev.gif) left top no-repeat; float: left; margin: 0 -300px 0 0; } #pager li#pagerNextItem { background: url(cleo/pages_next.gif) right top no-repeat; float: right; margin: -18px 0 0; } #pager li#pagerSelectedItem span { text-decoration: underline; } #pager li a { color: #000; } #pager li#pagerFirstItem, #pager li#pagerLastItem { display: none; } #pager li.pagerFirstPage { background: url(cleo/pages_bg.gif) 0 3px no-repeat; padding-left: 38px; } .poll_result h4 { margin: 0 0 12px; } .poll_result ul { list-style: none; } .poll_result ul li { clear: left; float: left; margin-bottom: 12px; padding-left: 35px; position: relative; width: 520px; } .poll_result ul .graph { background: #E3E3E3; height: 6px; overflow: hidden; width: 400px; } .poll_result ul .graph div { background: #f25a82; height: 6px; } .poll_result ul .result { color: #f25a82; font-size: 0.917em; /* 11px */ font-weight: bold; left: 0; position: absolute; top: 0; } .poll_result ul .item { font-size: 0.833em; /* 10px */ } div.submit { padding: 30px 0 0; text-align: center; } #articleTools { background: url(cleo/tools/background.gif); height: 37px; overflow: hidden; padding: 14px 0 0 106px; position: absolute; right: 40px; top: 107px; width: 108px; } *>#articleTools { background: url(cleo/tools/background.png); } #articleTools dt { left: -9999px; position: absolute; } #articleTools dd { float: left; margin-right: 10px; } #articleTools dd a { background: center no-repeat; display: block; height: 17px; text-indent: -9999px; width: 15px; } #articleTools dd a#sendToFriendTool { background-image: url(cleo/tools/send.gif); width: 16px; } #articleTools dd a.printTool { background-image: url(cleo/tools/print.gif); } #articleTools dd a#archiveTool { background-image: url(cleo/tools/paperclip.gif); width: 11px; } #articleTools dd a#commentsTool { background-image: url(cleo/tools/comment.gif); } #articleTools dd a#commentsTool { background-image: url(cleo/tools/comment.gif); } /* * PODS */ .pod { background: #000; clear: both; color: #FFF; float: left; font-size: 0.917em; /* 11px */ height: 250px; line-height: 1.545em; /* 17px */ margin: 20px 0 0; padding: 0 18px; position: relative; width: 264px; } .pod h2 { background: transparent; font-size: 1.364em; /* 15px */ font-weight: normal; height: auto; line-height: 1.2em; /* 18px */ margin: 13px 0 10px; overflow: visible; position: relative; text-indent: 0; text-transform: uppercase; width: auto; } .pod h3, .pod h4 { color: #FFF; font-size: 1.364em; /* 15px */ font-weight: normal; line-height: 1.2em; /* 18px */ margin: 0; position: relative; text-transform: uppercase; } .pod a.image, .pod img { clear: both; display: block; margin: 0 -18px 13px; } .pod a.image img { margin: 0; } .pod p { display: inline; margin: 0; } .pod a.action, .pod a.more { background: url(cleo/pods/next_arrow.gif) no-repeat right; display: inline; float: none; margin: 0; padding-right: 9px; text-transform: none; } .pod a { color: #FFF; font-size: 1.091em; /* 12px */ font-weight: bold; } .pod ul.date_nav { float: right; font-weight: bold; list-style: none; margin: -43px -1px; } .pod ul.date_nav li { float: left; height: auto; margin: 0 3px; width: auto; } .pod ul.date_nav li a { background: #f25a82; display: block; height: 5px; margin-top: -1px; padding: 6px 7px; width: 3px; } .pod ul.date_nav li a img { margin: 0; } .pod ul.links { line-height: 1.273em; /* 14px */ list-style: none; } .pod ul.links h3 { margin: 13px 0 1px; } .small_pod { background: #f25a82; height: 125px; line-height: 1.273em; /* 14px */ } .small_pod h2 { margin: 15px 0 10px; } .small_pod h4 { color: #FFF; font-size: 1em; font-weight: bold; margin: 0 0 5px; text-transform: none; } .small_pod h4 a { color: #FFF; } .small_pod a.image, .small_pod img { float: left; margin: -7px 18px 4px 0; } #blogspot_black h2 { background: url(cleo/pods/h2_blogspot_black.gif); height: 54px; margin: 11px 0 0 -29px; text-indent: -9999px; width: 176px; } #blogspot_black>h2 { background: url(cleo/pods/h2_blogspot_black.png); } #blogspot_black h3 { line-height: 1.067em; /* 16px */ margin: 3px 0 5px; } #blogspot_pink { background-color: #f25a82; } #blogspot_pink h2 { background: url(cleo/pods/h2_blogspot_pink.gif); height: 54px; margin: 11px 0 0 -29px; text-indent: -9999px; width: 176px; } #blogspot_pink>h2 { background: url(cleo/pods/h2_blogspot_pink.png); } #blogspot_pink h3 { line-height: 1.067em; /* 16px */ margin: 3px 0 5px; } #blogspot_pink ul.date_nav li a { background: #000; } #cleo_tv h4 { background: url(cleo/pods/h2_cleo_tv.gif); height: 63px; left: -8px; position: absolute; text-indent: -9999px; top: 10px; width: 143px; } #cleo_tv>h4 { background: url(cleo/pods/h2_cleo_tv.png); } #cleo_tv a { display: block; margin: 33px -18px 7px; } #cleo_tv a img { margin: 0; } #cleo_tv a.more { display: inline; margin: 0; } #feature_story { background: #c995cf; line-height: 1.273em; /* 14px */ } /*#feature_story h2 { background: url(cleo/pods/h2_feature_story.gif); height: 58px; margin: 2px 0 -10px -15px; text-indent: -9999px; width: 313px; }*/ #feature_story h2 { background: url(cleo/pods/h2_feature_story.gif); height: 58px; margin: 2px -34px -10px -15px; text-indent: -9999px; width: 313px; } #feature_story>h2 { background: url(cleo/pods/h2_feature_story.png); } #feature_story h4 { margin: -3px 0 3px; } #feature_story a { clear: both; display: block; margin: 0 -18px 13px; } #feature_story a img { margin: 0; } #feature_story h4 a { font-weight: normal; } #feature_story h4 a, #feature_story a.more { display: inline; margin: 0; } #feature_story_pink { background: #F25A82; line-height: 1.273em; /* 14px */ } /*#feature_story_pink h2 { background: url(cleo/pods/h2_feature_story.gif); height: 58px; margin: 2px 0 -10px -15px; text-indent: -9999px; width: 313px; }*/ #feature_story_pink h2 { background: url(cleo/pods/h2_feature_story.gif); height: 58px; margin: 2px -34px -10px -15px; text-indent: -9999px; width: 313px; } #feature_story_pink>h2 { background: url(cleo/pods/h2_feature_story.png); } #feature_story_pink h4 { margin: -3px 0 3px; } #feature_story_pink a { clear: both; display: block; margin: 0 -18px 13px; } #feature_story_pink a img { margin: 0; } #feature_story_pink h4 a { font-weight: normal; } #feature_story_pink h4 a, #feature_story_pink a.more { display: inline; margin: 0; } /*#galleries div { float: left; height: 125px; margin: 0 -18px; width: 300px; }*/ #galleries div { display: inline; float: left; height: 125px; margin: 0 -18px; width: 300px; } #galleries img { display: inline; margin: 0; vertical-align: middle; } #galleries .action { float: right; font-size: 1em; /* 11px */ margin: -37px 13px 0; } #galleries ul { list-syle: none; margin: -7px 0; text-align: center; } #galleries ul li { display: inline; float: none; height: auto; margin: 0 3px; width: auto; } #galleries .recent_galleries h2 { background: url(cleo/pods/h2_recent_galleries.gif); height: 48px; margin: -2px 0 0 -9px; text-indent: -9999px; width: 176px; } #galleries .recent_galleries>h2 { background: url(cleo/pods/h2_recent_galleries.png); } #galleries .popular_galleries { background: #f1ebdb; } #galleries .popular_galleries h2 { background: url(cleo/pods/h2_popular_galleries.gif); height: 47px; margin: 0 0 0 125px; text-indent: -9999px; width: 182px; } #galleries .popular_galleries>h2 { background: url(cleo/pods/h2_popular_galleries.png); } #galleries .popular_galleries .action { background-image: url(cleo/pods/arrow_black.gif); color: #000; float: left; margin: -38px 14px 0; } #hot_clicks { background: #f1ebdb; } #hot_clicks h2 { background: url(cleo/pods/h2_hot_clicks.gif); height: 64px; margin: -1px 0 3px -29px; text-indent: -9999px; width: 195px; } #hot_clicks>h2 { background: url(cleo/pods/h2_hot_clicks.png); } #hot_clicks ul { clear: both; line-height: 2em; /* 24px */ text-align: center; } #hot_clicks ul li { display: inline; float: none; height: auto; list-style: none; margin: 0; width: auto; } #hot_clicks ul li a { color: #a2337a; font-weight: normal; } #hot_clicks ul li a:hover { text-decoration: underline; } #hot_clicks ul li.hot1 a { color: #000; } #hot_clicks ul li.hot2 a { font-size: 1.167em; /* 14px */ } #hot_clicks ul li.hot3 a { font-size: 1.333em; /* 16px */ } #hot_clicks ul li.hot4 a { color: #000; font-size: 1.5em; /* 18px */ } #hot_clicks ul li.hot5 a { font-size: 1.5em; /* 18px */ } #hot_clicks ul li.hot6 a { font-size: 1.833em; /* 22px */ } #hot_clicks ul li.hot7 a { font-size: 2em; /* 24px */ } #hot_clicks ul li.hot8 a { font-size: 2.5em; /* 30px */ } #hot_links_black h2 { background: url(cleo/pods/h2_hot_links_black.gif); height: 61px; margin: -6px 0 -9px -28px; text-indent: -9999px; width: 193px; } #hot_links_black>h2 { background: url(cleo/pods/h2_hot_links_black.png); } #hot_links_black h3 { color: #c995cf; } #hot_links_cream { background: #f1ebdb; color: #000; } #hot_links_cream h2 { background: url(cleo/pods/h2_hot_links_cream.gif); height: 62px; margin: -6px 0 -7px -28px; text-indent: -9999px; width: 194px; } #hot_links_cream>h2 { background: url(cleo/pods/h2_hot_links_cream.png); } #hot_links_cream h3 { color: #f25a82; } #hot_links_cream .action { background-image: url(cleo/pods/arrow_black.gif); color: #000; } #large_editable h4 { color: #FFF; font-size: 1.364em; /* 15px */ font-weight: normal; left: 18px; line-height: 1.2em; /* 18px */ margin: 0; position: absolute; text-transform: uppercase; top: 13px; } #large_editable h4 a { display: inline; font-weight: normal; margin: 0; } #large_editable a { display: block; margin: 41px -18px 13px; } #large_editable a img { margin: 0; } #large_editable a.more { display: inline; margin: 0; } #latest_posts { background: #f1ebdb; color: #000; } #latest_posts h2 { background: url(cleo/pods/h2_latest_posts.gif); height: 61px; margin: -6px 0 -9px -29px; text-indent: -9999px; width: 194px; } #latest_posts>h2 { background: url(cleo/pods/h2_latest_posts.png); } #latest_posts h3 { color: #f25a82; } #latest_posts .action { background-image: url(cleo/pods/arrow_black.gif); color: #000; } #poll { line-height: 1.455em; /* 16px */ } #poll h3 { background: url(cleo/pods/h2_your_say.gif); height: 62px; margin: 5px 0 0 -30px; text-indent: -9999px; width: 203px; } #poll .poll>h3 { background: url(cleo/pods/h2_your_say.png); } #poll dl { clear: both; margin: 0 3px; } #poll dt { margin-bottom: 14px; } #poll dd { margin-bottom: 5px; } #poll dd label { margin-left: 6px; } #poll .button { padding-top: 7px; text-align: right; } #poll_result h2 { background: url(cleo/pods/h2_your_say_results.gif); height: 60px; margin: 7px 0 3px -30px; text-indent: -9999px; width: 203px; } #poll_result>h2 { background: url(cleo/pods/h2_your_say_results.png); } #poll_result h3 { margin: -1px 5px 8px; } #poll_result ul { list-style: none; } #poll_result ul li { float: none; height: auto; margin: 0; padding: 0 5px 1px; width: auto; } #poll_result .result { height: 12px; margin: 1px 0 3px; position: relative; width: 224px; } #poll_result .result .graph { background: #e84a73 url(cleo/pods/poll_end.gif) right; height: 12px; } #poll_result .result .graph div { background: url(cleo/pods/poll_start.gif) no-repeat; height: 12px; } #poll_result .result .percentage { color: #f25a82; font-weight: bold; margin: -2px 0 0 5px; position: absolute; top: 0; } #questionAndAnswerCategory ul { list-style: none; } #questionAndAnswerCategory li { border-bottom: 1px dotted #D0B880; padding-top: 17px; } #questionAndAnswerCategory span { color: #C0A055; font-size: 0.833em; /* 10px */ } #questionAndAnswerCategory p { margin: 0.833em 0 1.333em; /* 10px 0 16px */ } #questionAndAnswerCategory p a { color: #000; } #questionAndAnswerSingleQuestion h1 { font-size: 1em; margin: 0px 0px -2em; color: #f25a82 } #related_stories { background: #c995cf; } #related_stories h2 { background: url(cleo/pods/h2_related_stories.gif); height: 59px; margin: 3px 0 -16px -30px; text-indent: -9999px; width: 197px; } #related_stories>h2 { background: url(cleo/pods/h2_related_stories.png); } #related_stories h3 { color: #000; } #want_to_win { background: #c995cf; line-height: 1.273em; /* 14px */ } /*#want_to_win h2 { background: url(cleo/pods/h2_want_to_win.gif); height: 58px; margin: 2px 0 -10px -2px; text-indent: -9999px; width: 296px; }*/ #want_to_win h2 { background: url(cleo/pods/h2_want_to_win.gif); height: 58px; margin: 2px -30px -10px -2px; text-indent: -9999px; width: 296px; } #want_to_win>h2 { background: url(cleo/pods/h2_want_to_win.png); } #want_to_win h4 { margin: -4px 0 2px; } #want_to_win a { clear: both; display: block; margin: 0 -18px 13px; } #want_to_win a img { margin: 0; } #want_to_win h4 a { font-weight: normal; } #want_to_win h4 a, #want_to_win a.more { display: inline; margin: 0; } #your_qa { background: #f25a82; } #your_qa h2 { background: url(cleo/pods/h2_your_qa.gif); height: 57px; margin: 1px 0 -14px -29px; text-indent: -9999px; width: 179px; } #your_qa>h2 { background: url(cleo/pods/h2_your_qa.png); } #your_qa h3 { color: #000; } /* * RIGHT COLUMN */ #tcRightContent { background: #F1EBDB url(cleo/right_bg.gif); width: 340px; } #RightNav_pnlContent { padding: 19px 18px; position: relative; width: 304px; } #RightNav_pnlContent .ad { clear: both; } #right_search { float: left; padding-left: 15px; position: relative; width: 141px; z-index:9999 } #right_search label { background: url(cleo/ico_magnifying_glass.gif); display: block; height: 11px; left: 0; overflow: hidden; position: absolute; top: 4px; text-indent: -9999px; width: 11px; } #right_search input { font-size: 0.75em; /* 9px */ vertical-align:middle; width: 100px; } #right_search input.button, #right_search img { vertical-align: middle; width: auto; } #membership_links { float: left; list-style: none; margin: 0 0 20px; width: 148px; } #membership_links li { float: left; } #membership_links li a { background: #F25A82; color: #FFF; display: block; font-size: 0.917em; /* 11px */ line-height: 1.636em; /* 18px */ text-align: center; text-transform: uppercase; } #membership_links li.signin a { border-right: 1px solid #D82755; width: 67px; } #membership_links li.joinnow a { border-left: 1px solid #F99AB3; width: 79px; } #subscribe { background: #FFF; border: 1px solid #E1D4A6; clear: both; float: left; margin: 0 0 17px; padding: 29px 20px 29px 42px; position: relative; width: 240px; } #subscribe div { float: left; padding-top: 9px; width: 74px; } #subscribe div em { color: #C0A055; display: block; font-size: 5.25em; /* 63px */ font-style: normal; line-height: 1em; /* 63px */ margin-bottom: -2px; text-align: center; } #subscribe div img { display: block; margin-bottom: 11px; } #subscribe div a { display: block; } #subscribe div a img { margin: 0; } #subscribe img.mag_shot { display: block; float: left; margin-left: 18px; } #subscribe a.extend { display: block; left: -12px; position: absolute; margin-top: -24px; top: 50%; } #subscribe a.extend img { display: block; } #newsletter { clear: both; display: block; margin: 17px 0 20px; } #newsletter img { display: block; margin: 0 auto; } /* * FOOTER */ #Footer_pnlContent { background: #fff; padding: 30px 0; text-align: center;} #Footer_pnlContent table { margin: 0 auto; } #footer { list-style: none; background: #000; padding: 30px 30px 0 30px; text-align: left;} #sisterSites {background: #000; padding: 0 30px 30px 40px; text-align: left; font-size: 10px; color: #FDFDFD;} #sisterSites strong {font-size: 11px;} #sisterSites a { color: #DDD0A4;} #sisterSites a:hover { text-decoration: none; color: #FF659A;} #footer li { border-left: 1px solid #fff; display: inline; padding: 0 7px 0 9px;} #footer li.first { border: none; } #footer li a { color: #FDFDFD; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; } #footer li.last a, #footer li a:hover { text-decoration: none; color: #FF659A;} #footer li a img { margin-bottom: -2px; } /* * JAVASCRIPT POPOUT */ #outerPopout { display: none; overflow: hidden; position: absolute; right: 0; top: 16px; width: 512px; z-index: 9999; } #popout { background: #FFF; border: 1px solid #E8DDB7; display: inline; float: left; font-size: 0.917em; /* 11px */ line-height: 1.455em; /* 16px */ margin-left: 512px; padding: 26px 0 12px 39px; position: relative; width: 456px; } #popout .btn_close { display: block; left: -1px; margin-top: -21px; position: absolute; top: 50%; } #popout .subscribe { float: left; width: 236px; } #popout .subscribe img { display: block; } #popout .subscribe .mag_shot { margin: 0 0 9px 6px; } #popout .this_month { float: left; padding: 4px 12px; width: 196px; } #popout h2 { height: auto; margin: 0 0 17px; text-indent: 0; width: auto; } #popout h3 { color: #D0B77E; font-size: 1.364em; /* 15px */ margin: 7px 0 0; } #popout p { margin: 4px 0; } #popout ul { margin: 4px 0 4px 12px; } /* * COMPETITIONS IFRAME */ #competition_iframe iframe { margin: -14px -40px -60px -3px; width: 613px; } /* * GALLERY POPUP */ #fullPageContentBox { font-size: 0.75em; /* 12px */ width: 758px; } #FullPageContent_pnlContent { background: #000; color: #FFF; float: left; padding: 0 15px; width: 728px; } #FullPageContent_pnlContent table { background: #FFF; color: #000; margin: 0 -15px; padding: 15px; } #FullPageContent_pnlContent h2 { margin-top: 34px; } #popup_gallery { float: left; position: relative; width: 728px; } #popup_gallery .ad { bottom: 70px; height: 250px; overflow: hidden; position: absolute; right: 11px; width: 300px; } #popup_gallery h2 { font-size: 1.333em; /* 16px */ font-weight: bold; height: auto; margin: 0; text-indent: 0; text-transform: uppercase; width: auto; } #popup_gallery .branding { border-bottom: 1px dotted #a4987d; float: left; padding: 90px 0 0; position: relative; width: 728px; } #popup_gallery .branding h1 { float: left; margin: 9px 0 0; } #popup_gallery .branding h2 { padding: 41px 12px 6px; text-align: right; } #popup_gallery .branding a { background: url(cleo/btn_popup_close.gif) right no-repeat; color: #FFF; font-size: 0.917em; /* 11px */ padding-right: 13px; position: absolute; right: 14px; top: 97px; } #popup_gallery .image { float: left; height: 535px; margin-right: 18px; padding-left: 16px; width: 383px; } #popup_gallery .image img { clear: both; display: block; } #popup_gallery .image .pager { color: #dfcfaa; float: right; font-size: 0.917em; /* 11px */ list-style: none; margin-top: 7px; } #popup_gallery .image .pager li { float: left; margin-left: 3px; } #popup_gallery .image .pager li a { display: block; height: 10px; margin-top: 4px; text-indent: -9999px; width: 7px; } #popup_gallery .image .pager li.galleryPagerPrev a { background: url(cleo/gallery_prev.gif); } #popup_gallery .image .pager li.galleryPagerNext a { background: url(cleo/gallery_next.gif); } #popup_gallery .description { float: left; line-height: 1.333em; /* 16px */ margin-right: 11px; width: 300px; margin-bottom:250px; } #popup_gallery .description h3 { margin: 25px 2px 0; } #popup_gallery .description p { margin: 0.917em 0; /* 11px 0 */ } #popup_gallery .description p strong { font-size: 1.167em; /* 14px */ font-weight: bold; } #popup_gallery #galleryRateThis { float: left; font-size: 1.167em; /* 14px */ margin: 10px 0 29px; padding-left: 174px; position: relative; top: 0; width: 126px; } #popup_gallery #galleryRateThis p { color: #dfcfaa; font-size: 1em; /* 14px */ font-weight: bold; margin: 0; top: 3px; } #popup_gallery .rating { font-size: 1em; /* 12px */ margin: 0 0 1px; position: relative; right: 0; top: 0; width: 300px; } #popup_gallery .rating dd { margin: 0; position: absolute; right: 40px; top: 0; } #popup_gallery .imageCaption { margin: 27px 0 0; } #popup_gallery #galleryYourRating { font-size: 1.167em; /* 14px */ font-weight: bold; margin: 13px 0 17px; position: relative; right: 0; text-transform: none; top: 0; } #popup_gallery #galleryYourRating dt { color: #dfcfaa; } #popup_gallery #galleryYourRating dd { top: -3px; } #popup_gallery #galleryOurRating { margin-right: 0; } #popup_gallery .close { background: #ed577f; clear: both; float: left; font-size: 0.917em; /* 11px */ margin: 31px -15px 0; padding: 10px 30px 11px; text-align: right; width: 698px; } #popup_gallery .close a { background: url(cleo/btn_popup_close.gif) right no-repeat; color: #FFF; padding-right: 13px; } #popup_gallery #galleryECard { background-image: url(cleo/Gallery/ECard/sendECardArrow.gif); display: block; height: 49px; overflow: hidden; text-indent: -9999px; width: 189px; margin-left: 90px; margin-top: 20px; background-repeat: no-repeat; } #UniversalStreamer { clear: both; left: 14px; position: relative; top: -20px; } #RHS_UniversalStreamer { margin: 0 0 17px 1px; }