@import url("thickbox.css"); @import url("marketing.css"); @import url("blogs.css"); /* GLOBAL SEASONAL COLORS LAYOUT NAVIGATION BAR Home Navigation Bar Home Navigation Bar Layout Channel Navigation Bar Channel Navigation Bar Layout (left to right) TOUTS Left Column Layout Right Column Layout Sponsored Links Video Tout (Homepage) Video Tout (Channel) Community Tout/Menu Astrology Module Advertisement Title Story Form Leaderboard Ad (Homepage) Sponsorships KEYWORD CLOUD HOMEPAGE LAYOUT HEADER SUB-HEADER Channel Promos CONTENT WELL Featured Stories CHANNEL / LANDING PAGES HEADER CONTENT WELL ARTICLES DEFAULT ARTICLE Headline Article Image ARTICLE COMMENTS ARCHIVE DEFAULT ARCHIVE BLOG ARCHIVE SEARCH HEADER CONTENT WELL Search Form MOBILE REGISTRATION COMMUNITY Graphical Elements CUSTOM TOOLS WebMD */ /******************************************************** GLOBAL *********************************************************/ * { margin:0; padding:0; } body { font:12px Verdana, Arial, Helvetica, sans-serif; } a img { border:none; } a { cursor:pointer; outline:none; } a:link { text-decoration:none; color:#015496; } a:visited { text-decoration:none; color:#002f54; } a:active { cursor:pointer; outline:none; color:#4a5d6e; } a.no_pointer { cursor:auto; } input { outline:none; } input:active { outline:none; } p { font-size:12px; } textarea { font:12px Verdana, Arial, Helvetica, sans-serif; } .bottom { vertical-align:bottom; } .blue { color:#015496; } .grey { color:#757575; } .left { float:left; } .right { float:right; } .clear { clear:both; } .text_right { text-align:right; } .top { vertical-align:top; } .hidden { display:none; } .gray_box { background:#f6f6f6; border:#cecece 1px solid; } /* SEASONAL COLORS *************************************/ /* May/Jun/Jul = bg1 */ /* Aug/Sep/Oct = bg2 */ /* Nov/Dec/Jan = bg3 */ /* Feb/Mar/Apr = bg4 */ /* --Background-- */ .bg1 .season_bg { background-color:#aeca36; } .bg2 .season_bg { background-color:#d93ba9; } .bg3 .season_bg { background-color:#35658d; } .bg4 .season_bg { background-color:#fb471b; } /* --Background Accent-- */ .bg1 .season_accent { background-color:#cde165; } .bg2 .season_accent { background-color:#f26dca; } .bg3 .season_accent { background-color:#6094bf; } .bg4 .season_accent { background-color:#ff7654; } /* --Background Image-- */ .home.bg1 #head { background:url(/cm/marieclaire/images/v01/bg_header_home_bg1.gif) repeat-x; } .home.bg2 #head { background:url(/cm/marieclaire/images/v01/bg_header_home_bg2.gif) repeat-x; } .home.bg3 #head { background:url(/cm/marieclaire/images/v01/bg_header_home_bg3.gif) repeat-x; } .home.bg4 #head { background:url(/cm/marieclaire/images/v01/bg_header_home_bg4.gif) repeat-x; } .channel.bg1 #head { background-image:url(/cm/marieclaire/images/v01/bg_header_bg1.gif); background-repeat:repeat-x; background-position:bottom; } .channel.bg2 #head { background-image:url(/cm/marieclaire/images/v01/bg_header_bg2.gif); background-repeat:repeat-x; background-position:bottom; } .channel.bg3 #head { background-image:url(/cm/marieclaire/images/v01/bg_header_bg3.gif); background-repeat:repeat-x; background-position:bottom; } .channel.bg4 #head { background-image:url(/cm/marieclaire/images/v01/bg_header_bg4.gif); background-repeat:repeat-x; background-position:bottom; } * html .bg1 #head { background-color:#cde165; } * html .bg2 #head { background-color:#f26dca; } * html .bg3 #head { background-color:#8598a6; } * html .bg4 #head { background-color:#ff7654; } /* Additional IE6 styles found in meta head */ /* --Header Links--*/ .bg1 #head #links a, .bg1 #head #links a:link, .bg1 #head #links a:visited { color:#777a70; } .bg2 #head #links a, .bg2 #head #links a:link, .bg2 #head #links a:visited { color:#571844; } .bg3 #head #links a, .bg3 #head #links a:link, .bg3 #head #links a:visited { color:#222; } .bg4 #head #links a, .bg4 #head #links a:link, .bg4 #head #links a:visited { color:#571844; } .bg1 #head #links a:hover, .bg2 #head #links a:hover, .bg3 #head #links a:hover, .bg4 #head #links a:hover { color:#000; } /* --Header Buttons-- */ .channel.bg1 #login_element { border-right:#adc340 1px solid; } .bg1 #login_element a, .bg1 #login_element a:link, .bg1 #login_element a:visited { color:#777a70; background:#c3db48; border-bottom:#adc340 2px solid; border-right:#adc340 2px solid; border-top:#d2e474 2px solid; border-left:#d2e474 2px solid; } .bg1 #login_element .hello { background:auto; border-bottom:#d2e474 2px solid; border-right:#d2e474 2px solid; border-top:#9db730 2px solid; border-left:#9bb530 2px solid; color:#56661b; } .bg1 #login_element a:active { border-color:#adc340 #d2e474 #d2e474 #adc340; background:#aeca36; } .channel.bg2 #login_element { border-right:#c5399b 1px solid; color:#571844; } .bg2 #login_element a, .bg2 #login_element a:link, .bg2 #login_element a:visited { color:#571844; background:#e041b0; border-bottom:#c5399b 2px solid; border-right:#c5399b 2px solid; border-top:#e773c4 2px solid; border-left:#e773c4 2px solid; } .bg2 #login_element .hello { background:auto; border-bottom:#e155c1 2px solid; border-right:#e150c1 2px solid; border-top:#c828a3 2px solid; border-left:#c626a3 2px solid; } .bg2 #login_element a:active { border-color:#c5399b #e773c4 #e773c4 #c5399b; background:#d93ba9; } .channel.bg3 #login_element { border-right:#264d6e 1px solid; } .bg3 #login_element a, .bg3 #login_element a:link, .bg3 #login_element a:visited { color:#000; background:#40739e; border-bottom:#264d6e 2px solid; border-right:#315e83 2px solid; border-top:#658fb3 2px solid; border-left:#658fb3 2px solid; } .bg3 #login_element .hello { background:auto; border-bottom:#658fb3 2px solid; border-right:#658fb3 2px solid; border-top:#315e83 2px solid; border-left:#315e83 2px solid; color:#000; } .bg3 #login_element a:active { border-color:#264d6e #658fb3 #658fb3 #264d6e; background:#315e83; } .channel.bg4 #login_element { border-right:#dc3e18 1px solid; } .bg4 #login_element a, .bg4 #login_element a:link, .bg4 #login_element a:visited { color:#571844; background:#fb471b; border-bottom:#dc3e18 2px solid; border-right:#dc3e18 2px solid; border-top:#fc8163 2px solid; border-left:#fc8163 2px solid; } .bg4 #login_element .hello { background:auto; border-bottom:#fc8163 2px solid; border-right:#fc8163 2px solid; border-top:#dc3e18 2px solid; border-left:#dc3e18 2px solid; color:#56661b; } .bg4 #login_element a:active { border-color:#dc3e18 #fc8163 #fc8163 #dc3e18; background:#eb370b; } /* --Header Inputs -- */ .bg1 #head #forms input, .bg1 #head #forms select { border-top:#c8c965 2px solid; border-left:#c8c965 2px solid; border-right-style:none; border-bottom-style:none; } .bg2 #head #forms input, .bg2 #head #forms select { border-top:#c93588 2px solid; border-left:#c93588 2px solid; border-right-style:none; border-bottom-style:none; } .bg3 #head #forms input, .bg3 #head #forms select { border-top:#264d6e 2px solid; border-left:#264d6e 2px solid; border-right-style:none; border-bottom-style:none; } .bg4 #head #forms input, .bg4 #head #forms select { border-top:#dc3e18 2px solid; border-left:#dc3e18 2px solid; border-right-style:none; border-bottom-style:none; } .bg1 #head #forms #search_button, .bg1 #head #forms #go_button { border-top-color:#aeca36; } .bg2 #head #forms #search_button, .bg2 #head #forms #go_button { border-top-color:#d93ba9; } .bg3 #head #forms #search_button, .bg3 #head #forms #go_button{ border-top-color:#35658d; } .bg4 #head #forms #search_button, .bg4 #head #forms #go_button { border-top-color:#fb471b; } /* /SEASONAL COLORS *************************************/ /* LAYOUT **********************************************/ #LAYOUT_master { width:1000px; margin:auto; background:#fff; } #LAYOUT_header { position:relative; } #LAYOUT_main {} #LAYOUT_core { background-color:#bdcdd1; } #LAYOUT_left_column { float:left; width:182px; padding-top:14px; overflow:hidden; } .channel #LAYOUT_left_column { background-color:#bdcdd1; } #LAYOUT_2_columns { float:left; } #LAYOUT_center_column { width:460px; float:left; overflow:hidden; position:relative; } #LAYOUT_wide_blog_column {width:632px; float:left; position:relative; margin-left:10px; display:inline;} #LAYOUT_right_column { width:358px; float:left; overflow:hidden; display:inline;} * html #LAYOUT_right_column{width:354px; float:left; overflow:hidden; display:inline;} #LAYOUT_footer { position:relative; text-align:center; font-size:9px; line-height:14px; padding:25px 0 35px; color:#666; clear:both; } #LAYOUT_footer a, #LAYOUT_footer a:link, #LAYOUT_footer a:visited { text-decoration:none; color:#666; } #LAYOUT_footer a:hover { text-decoration:underline; } #LAYOUT_footer span { display:block; } #global_MASTER_Scontainer { width:1000px; margin:auto; background:#fff; } #global_HDR_layout_Scontainer { } #global_HDR_Ccontainer { position:relative; } #global_MAIN_layout_Scontainer { } #global_CORE_Scontainer { background-color:#bdcdd1; } #global_MAIN_LEFT_Ccontainer { float:left; width:182px; padding-top:14px; overflow:hidden; background-color:#bdcdd1; } .home #global_MAIN_LEFT_Ccontainer { background-color:#fff; } #global_MAIN_2COL_layout_Scontainer { float:left; } #global_MAIN_CENTER_Ccontainer { width:460px; float:left; overflow:hidden; position:relative; } #global_MAIN_RIGHT_Scontainer { width:358px; float:left; overflow:hidden; } #global_FTR_Ccontainer { position:relative; text-align:center; font-size:9px; line-height:14px; padding:25px 0 35px; color:#666; clear:both; } #global_FTR_Ccontainer a, #global_FTR_Ccontainer a:link, #global_FTR_Ccontainer a:visited { text-decoration:none; color:#666; } #global_FTR_Ccontainer a:hover { text-decoration:underline; } #global_FTR_Ccontainer span { display:block; } /* /LAYOUT **********************************************/ /* NAVIGATION BAR ***************************************/ #nav { position:relative; z-index:1; } #nav li { list-style:none; text-transform:uppercase; background:#8c8c8c; line-height:16px; position:relative; float:left;} #nav li:hover { background-color:#9f9f9f; } #nav ul { display:none; z-index:1000; } #nav ul a { z-index:999; padding:2px; font-size:10px; height:100%; display:block; border-top:#cdcccc 1px solid; border-bottom:#565656 1px solid; border-left:#cdcccc 1px solid; border-right:#cdcccc 1px solid; } #nav ul a:link, #nav ul a:visited { color:#fff; text-decoration:none; } #nav ul a.first { border-top:none; } #nav ul ul a:link, #nav ul ul a:visited { color:#000; text-decoration:none; } #nav .button:hover ul.sub0, #nav ul.sub0 li:hover ul.sub1 { display:block; } /* Home Navigation Bar */ .home #nav { height:72px; } .home #nav li { width:120px; } .home #nav ul { width:120px; } .home #nav ul a { width:114px; } .home #nav ul.sub0 { position:relative; left:14px; top:-14px; } * html .home #nav ul.sub0 { top:-16px; } .home #nav ul ul { position:absolute; top:0; left:120px; } .home #nav .button { width:148px; height:72px; } /* Home Navigation Bar Layout */ .home #nav #fashion { width:148px; position:absolute; top:0; left:0; } .home #nav #work { width:148px; position:absolute; top:0; left:148px; } .home #nav #eye { width:148px; position:absolute; top:0; left:296px; } /* Channel Navigation Bar */ .channel #nav { background:#fff; height:65px; } .channel #nav { width:460px; } .channel.three_quarter #nav { width:639px; } .channel.wide #nav { width:809px; } .channel #nav li { width:119px; } .channel #nav ul { width:119px; } .channel #nav ul a { width:113px; } .channel #nav ul.sub0 { position:relative; left:11px; top:-12px; } * html .channel #nav ul.sub0 { top:-14px; } .channel #nav ul ul { position:absolute; top:0; left:119px; } .channel #nav .button { width:148px; height:55px; } /* Channel Navigation Bar Layout (left to right) */ .channel #nav #fashion { width:140px; position:absolute; top:10px; left:13px; } .channel #nav #spacer1 { background:url(/cm/marieclaire/images/v01/nav_spacer1_chan.gif) no-repeat; width:7px; height:55px; position:absolute; top:10px; left:153px; } .channel #nav #work { width:140px; position:absolute; top:10px; left:160px; } .channel #nav #spacer2 { background:url(/cm/marieclaire/images/v01/nav_spacer2_chan.gif) no-repeat; width:6px; height:55px; position:absolute; top:10px; left:300px; } .channel #nav #eye { width:140px; position:absolute; top:10px; left:306px; } .channel #nav #spacer3 { background:url(/cm/marieclaire/images/v01/nav_spacer3_chan.gif) no-repeat; width:14px; height:55px; position:absolute; top:10px; left:446px; } .channel.three_quarter #nav #spacer3 { background:url(/cm/marieclaire/images/v01/nav_spacer3_chan_search.gif) no-repeat; width:177px; height:55px; position:absolute; top:10px; left:446px; } .channel.wide #nav #spacer3 { background:url(/cm/marieclaire/images/v01/nav_spacer3_chan_wide.gif) no-repeat; width:348px; height:55px; position:absolute; top:10px; left:446px; } .channel #nav #spacer4 { background:url(/cm/marieclaire/images/v01/nav_spacer1_blog.gif) no-repeat; width:7px; height:55px; position:absolute; top:10px; left:153px; } .channel #nav #spacer5 { background:url(/cm/marieclaire/images/v01/nav_spacer2_blog.gif) no-repeat; width:6px; height:55px; position:absolute; top:10px; left:300px; } .channel #nav #spacer6 { background:url(/cm/marieclaire/images/v01/nav_spacer3_blog.gif) no-repeat; width:14px; height:55px; position:absolute; top:10px; left:446px; } /* /NAVIGATION BAR **************************************/ /* TOUTS & ADS ******************************************/ /* Left Column Layout */ #left_column { padding-left:7px; } #left_column .ad, #left_column .tout { margin-bottom:2px; padding:2px 6px 6px 2px; } #left_column .ad:first-child, #left_column .tout:first-child { padding-top:0; } #left_column .tout.drop_shadow { padding:0; } /* Right Column Layout */ #right_column { padding:0 0 4px 9px; } #right_column .ad, #right_column .tout { margin-bottom:2px; padding:2px 6px 4px 2px; } #right_column .ad:first-child, #right_column .tout:first-child { padding-top:0; } #right_column .ad.left, #right_column .tout.left { clear:left; } #right_column .tout.left.drop_shadow { padding:0; } #right_column .ad.right, #right_column .tout.right { margin-bottom:2px; padding:2px 10px 4px 2px; clear:right; } #right_column .tout.right.drop_shadow { padding:0 4px 0 0; } #right_column .ad.wide, #right_column .tout.wide { clear:both; } #right_column .ad.wide { text-align:center; } /* Wild Card Ad */ #ad_wildcard {width:336px; margin: 0 auto 5px auto;} /* HPTO Ad */ #ams_mc_hpto {display:none;} /* Sponsored Links */ .sponsored_links { width:316px; background:#bdcdd1; text-align:left; padding:10px; margin:auto; } .sponsored_links h3 { font-weight:normal; font-size:8px; margin:0 0 12px; color:#015496; } .sponsored_links .sl a, .sponsored_links .sl a:link, .sponsored_links .sl a:visited { font-size:10px; line-height:15px; color:#000; } .sponsored_links .sl a:hover { text-decoration:underline; } /* Video Tout */ .bg1 #tout_video { background:url(/cm/marieclaire/images/v01/tout_video_bg1.gif) no-repeat; } .bg2 #tout_video { background:url(/cm/marieclaire/images/v01/tout_video_bg2.gif) no-repeat; } .bg3 #tout_video { background:url(/cm/marieclaire/images/v01/tout_video_bg3.gif) no-repeat; } .bg4 #tout_video { background:url(/cm/marieclaire/images/v01/tout_video_bg4.gif) no-repeat; } /* Video Tout (Homepage) */ .home #tout_video { background:#efefed none; border:#8d8c8c 1px solid; padding:7px; vertical-align:top; width:230px; } .home #tout_video img, .home #tout_video div, .home #tout_video h3, .home #tout_video p { margin:0 auto; display:block; } .home #tout_video h3 { color:#000; font-size:11px; font-weight:bold; margin:8px auto 6px; text-transform:uppercase; width:216px; } .home #tout_video p { font-size:10px; width:216px; } .home #tout_video #header img { display:block; } .home #tout_video #promo_image, .home #tout_video #flash_video_tout { border:#414040 1px solid; width:215px; margin:6px auto 5px; } .home #tout_video #watch { border-bottom:#000 1px solid; width:212px; text-align:right; } .home #tout_video #watch img { display:inline; margin-bottom:6px; } /* Video Tout (Channel) */ .channel #tout_video { width:168px; height:303px; } .channel #tout_video .container { margin:auto; width:140px; } .channel #tout_video h3 { color:#757575; font-size:11px; font-weight:bold; margin:6px auto; text-transform:uppercase; text-align:center; } .channel #tout_video p { font-size:10px; border-top:#000 1px solid; line-height:12px; height:44px; padding-top:6px; } .channel #tout_video #link { height:55px; width:145px; display:block; margin:0 auto; padding:16px 0 14px; } .channel #tout_video #promo_image { border:#414040 1px solid; width:130px; margin:0 16px 0; } .channel #tout_video #watch { text-align:right; width:140px; } .channel #tout_video #watch img { display:inline; margin-bottom:6px; } /* Community Tout/Menu */ #community_menu { width:163px; margin:0 0 6px 2px } .menu-iframe #community_menu { margin:0 0 6px 0; } #community_menu #lists { width:161px; background:#fff; border-left:#bcbfc2 1px solid; border-right:#bcbfc2 1px solid; } #community_menu .menu_list { margin:auto; width:149px; clear:both; background:url(/cm/marieclaire/images/v01/bg_comm_menu_grad.gif) bottom repeat-x #f8f8f8; font-size:10px; font-weight:normal; border-left:#eee 1px solid; border-right:#eee 1px solid; } #community_menu .menu_list a, #community_menu .menu_list a:link, #community_menu .menu_list a:visited { display:block; color:#015496; line-height:17px; height:20px; background:url(/cm/marieclaire/images/v01/bor_comm_menu_wht.gif) bottom center no-repeat; } #community_menu .menu_list a:hover { color:#026; } #community_menu .menu_list a.new { font-weight:bold; } #community_menu .menu_list a img { float:left; margin-right:4px; } #community_menu .menu_list #login_buttons a, #community_menu .menu_list #login_buttons a:link, #community_menu .menu_list #login_buttons a:visited { height:20px; line-height:20px; border-left:#fff 2px solid; border-top:#fff 2px solid; border-right:#eee 2px solid; border-bottom:#eee 2px solid; margin:4px 12px; text-transform:uppercase; color:#757575; font-size:10px; font-weight:bold; text-align:center; } #community_menu .menu_list #login_buttons a:hover { background:#fbfbfb; } #community_menu .menu_list #login_buttons a:active { background:transparent; border-left:#eee 2px solid; border-top:#eee 2px solid; border-right:#fefefe 2px solid; border-bottom:#fefefe 2px solid; } #community_menu .menu_list #welcome { border-top:#eee 1px solid; border-bottom:#eee 1px solid; font-size:9px; font-weight:bold; height:12px; line-height:9px; margin:auto; padding:6px 4px; } #community_menu .list_bottom { display:block; margin:auto; margin-bottom:5px; } #community_menu #community_navigation { border-top:#eee 1px solid; } #community_menu #community_sponsored_link { margin:auto; width:145px; padding:2px; border:1px solid #eeeeee; border-bottom:none; background:#f7f7f7; } /* Astrology Module */ .tout.astrology { background:url(/cm/marieclaire/images/v01/tout_astrology.gif) no-repeat; height:303px; width:168px; color:#fff; overflow:hidden; } .tout.astrology .container { padding:61px 14px 0 12px; } .tout.astrology h3 { font-weight:bold; line-height:11px; } .tout.astrology #feed_text { background:#306996; height:85px; padding:5px 1px 0 3px; overflow:hidden; } .tout.astrology #feed_text h3, .tout.astrology #feed_text p { font-size:9px; } .tout.astrology form h3 { font-size:11px; margin:4px 0; } .tout.astrology form .dropdown { margin-bottom:2px; } .tout.astrology form .dropdown * { vertical-align:middle; } .tout.astrology form .dropdown select { width:80px; font-weight:bold; color:#015496; } .tout.astrology #astrology_messages { font-size:8px; } .tout.astrology #astrology_messages h3 { font-size:9px; line-height:9px; } .tout.astrology #astrology_messages p { font-size:9px; line-height:9px; margin-top:2px; letter-spacing:-1px; } .tout.astrology #astrology_messages a, .tout.astrology #astrology_messages a:link, .tout.astrology #astrology_messages a:visited { color:#fff; } /* Advertisement Title */ .ad_title { letter-spacing:2px; font-size:8px; text-align:center; line-height:14px; } /* HPTO Ad */ #ad_hpto { display:none; } /* Story Form */ #story_form { margin-top:14px; } /* Leaderboard Ad */ .home #ad_banner { position:relative; width:728px; margin:auto; text-align:center; clear:both; } .channel #ad_banner { position:absolute; top:8px; left:248px; } /* Sponsorships */ #channel_sponsorship { position:absolute; top:115px; left:235px; width:200px; text-align:right; padding-right:10px; } /* /TOUTS & ADS *****************************************/ /* KEYWORD CLOUD ***********************************/ #keyword_cloud { width:443px; text-align:center; background: url(/cm/marieclaire/images/v01/tagcloud_background.gif); margin:8px inherit 8px; } .channel #keyword_cloud { margin:8px 12px 8px 10px; } #keyword_cloud a, #keyword_cloud a:link, #keyword_cloud a:visited { color:#4a5d6e; text-decoration:none; } #keyword_cloud a.keyword_blue, #keyword_cloud a.keyword_blue:link, #keyword_cloud a.keyword_blue:visited { color:#015496; text-decoration:none; } /* #keyword_cloud a:hover { background:#ccc; } */ #keyword_cloud h1, #keyword_cloud h2, #keyword_cloud h3, #keyword_cloud h4, #keyword_cloud h5, #keyword_cloud h6 { display:inline; font-weight:normal; } #keyword_cloud h2 { font-size:17px; } #keyword_cloud h3 { font-size:16px; } #keyword_cloud h4 { font-size:14px; } #keyword_cloud h5 { font-size:10px; } #keyword_cloud h6 { font-size:7px; } #keyword_cloud .highlight { color:#0093a2; } #keyword_cloud #outset { border-top:#e0e0de 1px solid; border-left:#e0e0de 1px solid; border-bottom:none; border-right:none; } #keyword_cloud #inset { border-top:#c4c4c2 1px solid; border-left:#c4c4c2 1px solid; border-bottom:none; border-right:none; } .channel #keyword_cloud #inset { padding-bottom:5px; } .keyword_cloud_blue { float: left; font-size: 14px; color: #015496; margin:0; padding: 5px 10px 4px 0; white-space: nowrap;} .keyword_cloud_gray { float: left; font-size: 14px; color: #4a5d6e; margin:0; padding: 5px 10px 4px 0; white-space: nowrap;} *:first-child+html .keyword_cloud_blue { float: left; font-size: 14px; color: #015496; margin:0; padding: 4px 10px 3px 0; white-space: nowrap;} *:first-child+html .keyword_cloud_gray { float: left; font-size: 14px; color: #4a5d6e; margin:0; padding: 4px 10px 3px 0; white-space: nowrap;} * html .keyword_cloud_blue { float: left; font-size: 14px; color: #015496; margin:0; padding: 4px 10px 3px 0; white-space: nowrap;} * html .keyword_cloud_gray { float: left; font-size: 14px; color: #4a5d6e; margin:0; padding: 4px 10px 3px 0; white-space: nowrap;} .underline:hover {text-decoration:underline;} /* /KEYWORD CLOUD **********************************/ /******************************************************** HOME *********************************************************/ /* LAYOUT *****************************************/ .home #LAYOUT_main { width:1000px; } .home #LAYOUT_core { background-color:transparent; } .home #LAYOUT_center_column { float:left; margin:14px 0 0 0; width:460px; } .home #LAYOUT_right_column { float:left; width:358px; } .home #LAYOUT_footer { color:#bcbbbb; font-size:8px; line-height:14px; padding-bottom:25px; position:relative; text-align:center; } .home #LAYOUT_footer a, .home #LAYOUT_footer a:link, .home #LAYOUT_footer a:visited { color:#bcbbbb; text-decoration:none; } /* /LAYOUT ****************************************/ /* HEADER *****************************************/ .home #head { height:113px; width:inherit; } .home #head #login_element a { display:block; } .home #head #login_element .button { text-align:center; font-size:10px; line-height:14px; width:48%; } .home #head #links { padding-top:10px; font-size:10px; } .home #head #links img { margin:0 1px; } .home #head #links ul { list-style-type:none; } .home #head #links ul li { display:inline; } .home #head #dropdown { font-size:10px; line-height:17px; width:165px; } .home #head #forms { padding-top:14px; } .home #head #forms form, .home #head #forms #header_dropdown { margin-top:7px; } .home #head #forms select { width:200px; } .home #head #forms td * { vertical-align:middle; } .home #head #forms .hello { width:111px; height:15px; font-size:10px; text-align:center; } .home #head #search_field { font-size:10px; line-height:17px; width:172px; } .home #head input#search_button, .home #head input#go_button { border-left:none; border-top:1px solid; margin-left:6px; } .home #head_left { left:0; position:absolute; top:0; width:182px; } .home #head_center { left:182px; position:absolute; top:0; width:334px; } .home #head_right { left:516px; position:absolute; top:0; } /* /HEADER *****************************************/ /* SUB-HEADER **************************************/ .home #subhead { border-bottom:#000000 1px solid; margin:0 auto; width:980px; } .home #promo_player { width:495px; height:305px; vertical-align:top; } /* Channel Promos */ .home #promo_table { float:right; padding:12px 0 0; } .home #promo_table tbody td { width: 148px; background-image: url(/cm/marieclaire/images/v01/bg_nav_home.gif); background-repeat: repeat-y; } .home #promo_table tfoot td { width: 444px; padding-top: 4px; padding-bottom: 4px; } .home #promo_images img { display: block; margin: auto; border: #000000 1px solid; } .home #promo_text { background-image: url(/cm/marieclaire/images/v01/bg_nav_home.gif); background-repeat: repeat-y; } .home #promo_text td { vertical-align:top; } .home #promo_text h3 { padding:9px; font-size:12px; line-height:16px; font-weight:bold; } .home #promo_text a, .home #promo_text a:link, .home #promo_text a:visited { text-decoration:none; } .home.bg1 #promo_text a, .home.bg1 #promo_text a:link, .home.bg1 #promo_text a:visited { color:#8ca411; } .home.bg1 #promo_text a:hover { color: #7c910f; } .home.bg2 #promo_text a, .home.bg2 #promo_text a:link, .home.bg2 #promo_text a:visited { color:#b71584; } .home.bg2 #promo_text a:hover { color: #a70282; } .home.bg3 #promo_text a, .home.bg3 #promo_text a:link, .home.bg3 #promo_text a:visited { color:#4a5d6e; } .home.bg3 #promo_text a:hover { color: #3a4a6c; } .home.bg4 #promo_text a, .home.bg4 #promo_text a:link, .home.bg4 #promo_text a:visited { color:#d92100; } .home.bg4 #promo_text a:hover { color: #c90e00; } /* /SUB-HEADER *************************************/ /* CONTENT WELL ************************************/ .home_center { width:450px; margin:0 auto; } /* Home Featured Stories */ .home #featured_stories { background:url(/cm/marieclaire/images/v01/bg_featuredstories_home.gif) repeat-y; border:#000 1px solid; width:198px; vertical-align:top; } .home #featured_stories a, .home #featured_stories a:link, .home #featured_stories a:visited { color:#94f7f8; text-decoration:none; } .home #featured_stories a:hover { color:#82d7d9; } .home #featured_stories .title { font-style:italic; font-weight:bold; font-size:11px; } .home #featured_stories p { color:#fff; font-size:11px; } .home #featured_stories .header { margin:10px 0 10px 7px; } .home .featured_stories_left { padding:0 6px 6px 6px; width:186px; clear:both; } .home .featured_stories_left img { float:left; border:#858585 1px solid; } .home .featured_stories_left p { padding:2px 0 0; width:90px; overflow:hidden; float:right; } .home .featured_stories_right { padding:0 6px 6px 6px; width:186px; clear:both; } .home .featured_stories_right img { float:right; border:#858585 1px solid; } .home .featured_stories_right p { padding:2px 0 0; width:90px; overflow:hidden; } /* /CONTENT WELL ***********************************/ /******************************************************** CHANNEL / LANDING PAGES *********************************************************/ /* HEADER ******************************************/ .channel #head { height:187px; width:inherit; } .channel #cover_image { position:absolute; top:0; left:87px; } .channel.bg1 #cover_image { background-image:url(/cm/marieclaire/images/v01/bg_header_drop_bg1.gif); background-repeat:repeat-x; background-position:bottom; } .channel.bg2 #cover_image { background-image:url(/cm/marieclaire/images/v01/bg_header_drop_bg2.gif); background-repeat:repeat-x; background-position:bottom; } .channel.bg3 #cover_image { background-image:url(/cm/marieclaire/images/v01/bg_header_drop_bg3.gif); background-repeat:repeat-x; background-position:bottom; } .channel.bg4 #cover_image { background-image:url(/cm/marieclaire/images/v01/bg_header_drop_bg4.gif); background-repeat:repeat-x; background-position:bottom; } .channel #head #dropdown { line-height:17px; font-size:10px; width:165px; } .channel #head #forms { position:absolute; top:135px; left:790px; } .channel #head #forms form, .channel #head #forms #header_dropdown { margin-bottom:7px; } .channel #head #forms td * { vertical-align:middle; } .channel #head #links { position:absolute; top:109px; left:0; height:78px; width:87px; padding-top:4px; background-color:transparent; background-repeat:repeat-x; } .channel.bg1 #head #links { background-image:url(/cm/marieclaire/images/v01/bg_header_drop_bg1.gif); } .channel.bg2 #head #links { background-image:url(/cm/marieclaire/images/v01/bg_header_drop_bg2.gif); } .channel.bg3 #head #links { background-image:url(/cm/marieclaire/images/v01/bg_header_drop_bg3.gif); } .channel.bg4 #head #links { background-image:url(/cm/marieclaire/images/v01/bg_header_drop_bg4.gif); } * html .home #head #links { background:none; } .channel #head #links ul { list-style-type:none; margin:0; padding:0; text-align:right; font-size:10px; } .channel #head #links ul li { display:block; margin:0; padding:0; line-height:14px; } .channel #head #login_element { height:43px; width:137px; position:absolute; top:137px; left:643px; } .channel #head #login_element a { display:block; } .channel #head #login_element .button { text-align:center; font-size:10px; line-height:14px; } .channel #head #login_element .button, .channel #head #login_element .hello { margin-right:9px; } .channel #head #login_element .register, .channel #head #login_element .logout { margin-top:8px; } .channel #head #login_element .hello { width:123px; height:14px; font-size:10px; text-align:center; } .channel #head #logo { position:absolute; top:109px; left:248px; } .channel #head #search_field { line-height:17px; font-size:10px; width:137px; } .channel #head input#search_button, .channel #head input#go_button { margin-left:6px; border-top: # 1px solid; border-left: none; } /* /HEADER --------------------------------------*/ /* CONTENT WELL ************************************/ #content_well { background-image:url(/cm/marieclaire/images/v01/bg_center_chan.gif); background-repeat:repeat-y; background-position:top; padding:10px 0 16px; } #content_well_blog{ background-image:url(/cm/marieclaire/images/v01/bg_center_blog.gif); background-repeat:repeat-y; background-position:top; padding:10px 0 16px;} #content_well_new_blog{ background-image:url(/cm/marieclaire/images/v01/bg_center_blog.gif); background-repeat:repeat-y; background-position:top; padding-top:10px; background-position-x:0px; width:632px; overflow:hidden;} #content_well_bottom_blog { background-image:url(/cm/marieclaire/images/v01/bg_center_blog_bottom.gif); background-repeat:no-repeat; width:636px; height:15px;} #community #content_well, #horoscopes #content_well, #horoscopes_article #content_well { padding-bottom:0; } /* Channel Top Feature */ .channel #chan_center { width:460px; } .channel #chan_name { margin-bottom:10px; font:44px "Times New Roman", Times, serif; line-height:40px; text-transform:lowercase; } .channel #chan_teaser { margin:0 auto; width:415px; } .channel #chan_teaser img.teaser_image { float:left; border:#000 1px solid; margin:0 5px 5px 0; } .channel #chan_teaser h2.teaser_text { font-size:20px; font-weight:normal; line-height:24px; padding:10px 0; } .channel #chan_teaser h2.teaser_text a, .channel #chan_teaser h2.teaser_text a:link, .channel #chan_teaser h2.teaser_text a:visited { color:#015496; text-decoration:none; } .channel #chan_teaser p.teaser_text { font-size:12px; line-height:18px; } .channel a.read_more { font-size:10px; font-weight:bold; color:#717070; text-decoration:none; } .channel img.read_more_arrow {margin-left:2px; height:8px; } /* Channel Featured Stories */ .channel #featured_stories { margin:auto; width:425px; } .channel #featured_stories .cell { border-top:#f2f2f2 3px solid; border-bottom:#d5d5d5 3px solid; border-left:#f8f8f8 3px solid; border-right:#e5e5e5 3px solid; width:192px; vertical-align:top; overflow:hidden; } .channel #featured_stories .cell .image_title { padding:4px 0 0 1px; } .channel #featured_stories .cell p { font-size:10px; line-height:13px; padding:4px 0 0; } .channel #featured_stories .cell table td { vertical-align:top; } .channel #featured_stories .cell .image { width:92px; padding:3px 6px; } .channel #featured_stories .cell .image img { border:#868585 1px solid; } .channel #featured_stories .cell .copy { padding-bottom:4px; } .channel #featured_stories .cell a, .channel #featured_stories .cell a:link, .channel #featured_stories .cell a:visited { color:#000; } .channel #featured_stories .cell .title { overflow:hidden; } .channel #featured_stories .cell .title a, .channel #featured_stories .cell .title a:link, .channel #featured_stories .cell .title a:visited { color:#015496; font-size:11px; font-style:italic; font-weight:bold; margin-top:20px; } .channel #featured_stories #header { margin:8px 0 0 14px; } /* /CONTENT WELL************************************/ /******************************************************** ARTICLE *********************************************************/ #article #content_well .container { margin:0 53px; } #blog_landing_v2_buffer #content_well .container { margin:0 53px; } #blog_article_v2_buffer #content_well .container { margin:0 53px; } * html #article #content_well .container { height:1%; } /*IE hack*/ #headline { border-bottom:#cccbcb 1px solid; } * html #headline { height:1%; } /* Headline */ #headline h1, .hed h1 { color:#015496; font-size:30px; font-weight:normal; line-height:31px; margin-bottom:8px; } #headline h2, .hed h2 { color:#757575; font-size:14px; font-weight:bold; line-height:16px; margin-bottom:6px; } #headline h3, .hed h3 { color:#757575; font-size:10px; font-weight:normal; line-height:16px; margin-bottom:6px; } #article_body { font-size:12px; line-height:16px; padding:8px 0 0;} #user_contribution #article_body { border-bottom:none; } /*#article_body a, #article_body a:link, #article_body a:visited { color:#015496; } #article_body a:hover { text-decoration:underline; }*/ /* Article Image */ .article_image_container { border-bottom:#cccbcb 1px solid; } .article_image { margin:auto; padding:13px 0; } .article_image img { border:#a6a6a6 1px solid; display:block; } .article_image .caption, .article_image .caption p { color:#000; font-size:10px; margin-top:2px; line-height:13px; } .article_image .credit { color:#000; font-size:8px; margin-top:4px; text-transform:uppercase; } /* PAGINATION *******************************************/ .pagination { font-size:10px; font-weight: bold; text-align:center; clear:both; padding:4px 0 8px 0; } * html .pagination { height:1% } .pagination a.next, .pagination a.previous { color:#0060a6; font-size:10px; text-decoration:none; } .pagination a.next:hover, .pagination a.previous:hover { color:#0060a6; font-size:10px; text-decoration:underline; } .pagination a.previous { margin-right:10px; } .pagination a.next { margin-left:10px; } .pagination a.next_img { margin-left:2px; } .pagination a.previous_img { margin-right:2px; } .pagination .page_numbers span, .pagination .page_numbers a, .pagination .page_numbers a:link, .pagination .page_numbers a:visited { color:#0060a6; padding: 0 4px; text-decoration:none;} .pagination .page_numbers a:hover { color:#0060a6; padding: 0 3px; text-decoration:none; border: 1px solid #0060a6; } .pagination .page_numbers span.current { color:#000; } .bottom .pagination { line-height:18px; } .pagination .top { margin:8px 8px 0; } /*.pagination .top a.next, .pagination .top a.previous { display:none; } */ .pagination .bottom { border-bottom:#cccbcb 1px solid; margin:0 45px; padding:4px 0 12px 0; } .pagination .comment { float:left; margin-left:-5px; } /* /PAGINATION ******************************************/ /* Breadcrumb */ #breadcrumb { color:#015496; font:9px Verdana, Arial, Helvetica, sans-serif; margin:0 18px 10px 33px; } * html #breadcrumb { height:1%; } #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited #breadcrumb_blog a, #breadcrumb_blog a:link, #breadcrumb_blog a:visited { color:#015496; text-decoration:none; } #breadcrumb a:hover, #breadcrumb_blog a:hover { text-decoration:underline; } #community #breadcrumb { margin:10px 18px 15px 10px; } #breadcrumb_blog { color:#015496; font:9px Verdana, Arial, Helvetica, sans-serif; margin:0 18px 10px 15px; } /* Page Bottom */ .viral_toolbar { text-align:center; clear:both; height:40px; padding-top:6px; } .viral_toolbar .shim { height:25px; width:410px; position:absolute; z-index:10; display:none; } .viral_toolbar img { vertical-align:middle; } .viral_toolbar a, .viral_toolbar a:link, .viral_toolbar a:visited, .viral_toolbar span { font-size:10px; color:#000; text-decoration:none; } .viral_toolbar a:hover { text-decoration:underline; } .viral_toolbar .viral_share { background:#e5e5e5; padding:3px 0 6px; margin-left:3px; } .viral_toolbar .viral_share a { padding-right:2px; } .viral_toolbar .viral_share a img { margin-bottom:2px; padding-right:2px; width:14px; } .viral_toolbar .viral_share .spacer { padding-left:4px; } .viral_toolbar .more:hover { cursor:pointer; } .viral_toolbar .more a:hover { text-decoration:none; } .viral_toolbar .more .spacer { padding:0 2px 0 0; } .viral_toolbar .more .dropdown { position:relative; top:-13px; left:327px; } .viral_toolbar .more .menu { display:none; position:absolute; text-align:left; padding-top:8px; } .viral_toolbar .more .menu a { display:block; text-transform:uppercase; line-height:18px; background:#8c8c8c; border-top:#cdcccc 1px solid; border-bottom:#565656 1px solid; border-left:#cdcccc 1px solid; border-right:#cdcccc 1px solid; width:105px; padding:2px 4px; color:#fff; } .viral_toolbar .more .menu a:hover { background:#9f9f9f; text-decoration:none; } .viral_toolbar .more:hover .menu, .viral_toolbar .more .menu:hover { display:block; } /* ...and here are the IE hacks, Ladies and Gentlemen */ * html .viral_toolbar .more .dropdown { top:-10px; left:96px; } * html .viral_toolbar .more .menu { padding-top:6px; } *:first-child+html .viral_toolbar .more .dropdown { top:-10px; left:96px; } *:first-child+html .viral_toolbar .more .menu { padding-top:6px; } #page_bottom { background:#fff; width:460px; padding-top:2px; } #article_page_navigator { margin:0 auto 15px; width:432px; height:166px; background:url(/cm/marieclaire/images/v01/bg_article_navigator.gif); } #page_bottom_table { font-size:12px; line-height:24px; margin:0 auto 15px; } #page_bottom_table tbody td { background:url(/cm/marieclaire/images/v01/bg_related_table_cell.gif) repeat-y; width:215px; vertical-align:top; } #page_bottom_table tbody td a { margin-left:13px; color:#000; display:block; height:25px; overflow:hidden; } #page_bottom_table tbody td a:link, #page_bottom_table tbody td a:visited { color:#000; text-decoration:underline; } #page_bottom_table tbody td a:hover { text-decoration:none; } #page_navigator { margin:auto; width:432px; } #related_links_table { font-size:12px; line-height:26px; } #related_links_table tbody td { background:url(/cm/marieclaire/images/v01/bg_related_table_cell.gif) repeat-y; height:25px; width:215px;} /* ARTICLE COMMENTS ********************************/ #article_comment { margin:0 auto; width:354px; } * html #article_comment { overflow:hidden; } #article_comment h2 { font-size:16px; font-weight:bold; color:#015496; margin:4px 0; } #article_comment .post { border-bottom:#cccbcb 1px solid; } #article_comment .post h2 { margin:4px 0 12px; } #article_comment .login { margin:0 0 24px; border-bottom:#cccbcb 1px solid; } #article_comment .login h3 { font-size:12px; font-weight:normal; margin:0; } #article_comment .login form { background:#fff; border:none; padding:3px; } #article_comment .login table { width:100%; } #article_comment .login table td { width:50%;} #article_comment .login table .fieldname { background:#f1f5f9; font-size:10px; padding:4px; } #article_comment .login td input { float:right; width:100%; background:#f4f6f6; border-top:#9aa0a0 2px solid; border-left:#9aa0a0 2px solid; border-bottom:#fff 1px solid; border-right:#fff 1px solid; line-height:17px; } #article_comment .login #submit { width:100%; text-align:right; height:32px; } #article_comment .login #submit .button { padding-right:16px; } #article_comment .login #register .text { margin:10px 5px 8px; } #article_comment .login #register .button { color:#000; font-size:12px; padding-right:18px; } #article_comment .login #register .button img { margin-left:21px; } /* COMMENT POST */ #article_comment .user_display, #article_comment #comment_subject, #article_comment #comment_title { font-size:12px; font-weight:bold; color:#757575; } #article_comment #comment_subject { text-align:right; } #article_comment #comment_subject * { vertical-align:middle; } #article_comment #comment_subject input { width:280px; margin:6px 0 6px 16px; overflow:hidden; } #article_comment #comment_text textarea { width:350px; margin:4px 0; overflow:auto; } #article_comment #comment_subject input, #article_comment #comment_text textarea { background:#f4f6f6; border-top:#9aa0a0 2px solid; border-left:#9aa0a0 2px solid; border-bottom:#fff 1px solid; border-right:#fff 1px solid; line-height:17px; } #article_comment #comment_submit { text-align:right; padding-bottom:5px; } /* /COMMENT POST */ /* COMMENT LIST */ #article_comment .paging a, #article_comment .paging a:link, #article_comment .paging a:visited { color:#015496; text-transform:uppercase; font-size:10px; } #article_comment .paging .prev_page_link { float:left; height:16px; } #article_comment .paging .next_page_link { float:right; height:16px; } #article_comment .comment { margin:3px 0 10px; clear:both; } #article_comment .comment .head .order { display:none; } #article_comment .comment .title, #article_comment .comment .body { font-size:12px; line-height:16px; color:#000; } #article_comment .comment .title { font-weight:bold; color:#757575; } #article_comment .comment .foot { font-weight:normal; font-size:10px; border-bottom:#cccbcb 1px solid; padding:8px 0 3px; } #article_comment .comment .foot a, #article_comment .comment .foot a:link, #article_comment .comment .foot a:visited { color:#015496; } #article_comment .comment .foot .abuse, #article_comment .comment .foot .del_comment { float:right; margin-left:10px; } #article_comment .comment .foot .name { font-size:10px; color:#757575; margin-bottom:8px; } #article_comment .comment .foot .name div { float:right; } #article_comment .comment .foot .name div * { vertical-align:bottom; } /* /COMMENT LIST */ /* COMMENT COUNT */ #comment_count { color:#015496; cursor:default; font-size:12px; } /* /COMMENT COUNT */ /* /ATRICLE COMMENTS *******************************/ /* Q & A */ .qanda_question { margin:30px 0 15px; font-weight:bold; } .qanda_question_first { font-weight:bold; } .qanda_question_first_big { background:url(/cm/marieclaire/images/v01/hdr_qanda_first.gif) bottom center no-repeat; width:354px; height:94px; margin:auto; } .qanda_question_first_big .qanda_question { margin:0; padding: 0 0 11px 165px; vertical-align:bottom; } .qanda_answer_first_big { margin-top:10px; } /* Gallery */ .mc_gallery #LAYOUT_center_column #content_well .container { margin:0; } .mc_gallery #headline { margin:0 53px; } #gallery_body { margin:14px 46px 0; font-size:10px; border-bottom:#cccbcb 1px solid; } .gallery_image { width:167px; margin-bottom:12px; } .gallery_image a, .gallery_image a:link, .gallery_image a:visited { color:#000; } .gallery_image .caption a:hover { text-decoration:underline; } .gallery_image img { border:#000 1px solid; } .gallery_image .caption { font-weight:bold; } .gallery_image .description { line-height:12px; } .gallery_image .credit { color:#000; font-size:8px; margin-top:4px; text-transform:uppercase; padding-bottom:5px; } .mc_gallery .article_pagination { width:354px; } .mc_gallery .article_pagination_top { margin:6px 53px 0; } .mc_gallery .article_pagination_bottom { border-bottom:#cccbcb 1px solid; margin:0 53px; padding-bottom:8px; } /* QSP */ .qsp #headline { border:none; } .qsp .container .viral_toolbar, .qsp .container .pagination { display:none; } #qsp_applet { height:460px; } /* RSS */ .rss { padding-bottom:16px; margin:0 53px; } .rss a, .rss a:link, .rss a:visited { color:#000; text-decoration:underline; } .rss a:hover { text-decoration:none; } .rss p { margin:12px 0; } .rss .rss_feed a { margin-left:25px; line-height:25px; } .rss .rss_feed h2 { color:#757575; margin-top:15px; } .rss .rss_feed a * { vertical-align:middle; } .rss .rss_feed .rss_readers a { margin:0 3px 0 0; } .rss .go_back { margin:16px 0; } /* BLOGS - EDITORIAL *************************************/ /* Editorial Blog Landing Page */ #landing_blog { margin:0 53px; } #landing_blog #headline h2 { margin-bottom:15px; } #landing_blog #headline { margin:0 53px 16px; border:none; } #landing_blog #slide { padding:5px; } #landing_blog #slide { margin:auto; padding:4px 0; width:400px; border-bottom:#cccbcb 1px solid; border-top:#cccbcb 1px solid; } #landing_blog .entry_teaser { margin:0 53px; border-bottom:#cccbcb 1px solid; clear:both; margin-top:16px; } #landing_blog .entry_teaser h2 a, #landing_blog .entry_teaser h2 a:link, #landing_blog .entry_teaser h2 a:visited { color:#015496; font-size:16px; } #landing_blog .entry_teaser img { margin-right:6px; } #landing_blog .entry_teaser .bottom { width:100%; } #landing_blog .entry_teaser .bottom td { vertical-align:bottom; padding-bottom:6px; } #landing_blog .entry_teaser .bottom .author { color:#757575; font-size:10px; } #landing_blog .entry_teaser .bottom .comment_count {text-align:right; } #landing_blog .entry_teaser .bottom .comment_count a, #landing_blog .entry_teaser .bottom .comment_count a:link, #landing_blog .entry_teaser .bottom .comment_count a:visited { color:#015496; font-size:10px; font-weight:bold; margin-right:6px; } #landing_blog #next_post { margin:4px 0 4px 270px; } #blog_landing_v2_buffer { margin:0 53px; } #blog_landing_v2_buffer #headline h2 { margin-bottom:15px; } #blog_landing_v2_buffer #headline { margin:0 53px 16px; border:none; } #blog_landing_v2_buffer #slide { padding:5px; } #blog_landing_v2_buffer #slide { margin:auto; padding:4px 0; width:400px; border-bottom:#cccbcb 1px solid; border-top:#cccbcb 1px solid; } #blog_landing_v2_buffer .entry_teaser_new{ border-bottom:#cccbcb 1px solid; clear:both; margin-top:16px; } #blog_landing_v2_buffer .entry_teaser_new h2 a, #blog_landing_v2_buffer .entry_teaser_new h2 a:link, #blog_landing_v2_buffer .entry_teaser_new h2 a:visited { font-family:Verdana; color:#015496; font-size:22px; font-weight:normal;} #blog_landing_v2_buffer .entry_teaser_new img { margin-right:6px; } #blog_landing_v2_buffer .entry_teaser_new .bottom { width:100%; } #blog_landing_v2_buffer .entry_teaser_new .bottom td { vertical-align:bottom; padding-bottom:6px; } #blog_landing_v2_buffer .entry_teaser_new .bottom .author { color:##757575; font-size:10px; } #blog_landing_v2_buffer .entry_teaser_new p.teaser {font:12px Verdana; color:#000; line-height:14px;} #blog_landing_v2_buffer .entry_teaser_new .bottom .comment_count {text-align:right; } #blog_landing_v2_buffer .entry_teaser_new .bottom .comment_count a, #blog_landing_v2_buffer .entry_teaser_new .bottom .comment_count a:link, #blog_landing_v2_buffer .entry_teaser_new .bottom .comment_count a:visited { color:#015496; font-size:10px; font-weight:bold; margin-right:6px; } #blog_landing_v2_buffer #next_post { margin:4px 0 4px 270px; }} #landing_blog_v2 { margin:0 53px; } #landing_blog_v2 #headline h2 { margin-bottom:15px; } #landing_blog_v2 #headline { margin:0 53px 16px; border:none; } #landing_blog_v2 #slide { padding:5px; } #landing_blog_v2 #slide { margin:auto; padding:4px 0; width:400px; border-bottom:#cccbcb 1px solid; border-top:#cccbcb 1px solid; } #landing_blog_v2 .entry_teaser { margin:0 53px; border-bottom:#cccbcb 1px solid; clear:both; margin-top:16px; } #landing_blog_v2 .entry_teaser h2 a, #landing_blog_v2 .entry_teaser h2 a:link, #landing_blog_v2 .entry_teaser h2 a:visited { color:#015496; font-size:16px; } #landing_blog_v2 .entry_teaser img { margin-right:6px; } #landing_blog_v2 .entry_teaser .bottom { width:100%; } #landing_blog_v2 .entry_teaser .bottom td { vertical-align:bottom; padding-bottom:6px; } #landing_blog_v2 .entry_teaser .bottom .author { color:#757575; font-size:10px; } #landing_blog_v2 .entry_teaser .bottom .comment_count {text-align:right; } #landing_blog_v2 .entry_teaser .bottom .comment_count a, #landing_blog_v2 .entry_teaser .bottom .comment_count a:link, #landing_blog_v2 .entry_teaser .bottom .comment_count a:visited { color:#015496; font-size:10px; font-weight:bold; margin-right:6px; } #landing_blog_v2 #next_post { margin:4px 0 4px 270px; } /* Article - Wide */ #article_wide #content_well { background:auto; padding:0; width:818px; float:left; position:relative; } #article_wide #article_body_wide { width:809px; background:url(/cm/marieclaire/images/v01/bg_center_wide.gif) repeat-y; } #article_body_wide_bottom { background:#fff url(/cm/marieclaire/images/v01/bg_center_wide_bottom.gif) left top no-repeat; width:809px; height:16px; } #article_wide_content_well { background:#fff; } #article_wide #content_well .container { margin:0 16px 0 14px; } /* Video */ #video { padding:30px 0 8px; } #video iframe { width:750px; height:460px; border:none; margin:auto; display:block; } /* Open */ #article.open #content_well .container { margin:0; } /*Before & After */ * html .before_after { height:1%; } .before_after #content_well .container { margin:0; } .before_after #headline { border:none; margin:0 53px; } .before_after #headline h1 { color:#015496; font-size:30px; font-weight:normal; line-height:31px; margin-bottom:8px; } .before_after #headline #quotes { margin:16px auto 20px; } .before_after #headline #quotes td { height:70px; width:354px; color:#015496; font-size:16px; font-weight:bold; line-height:18px; background:url(/cm/marieclaire/images/v01/bg_banda_quotes.gif) no-repeat center; text-align:center; vertical-align:middle; } .before_after #before_after_body .heading { display:block; padding-bottom:3px; border-bottom:#000 1px solid; width:354px; margin:0 53px; font:28px "Times New Roman", Times, serif; line-height:28px; } .before_after #before_box { width:351px; height:142px; background:url(/cm/marieclaire/images/v01/bg_before_box.gif); margin:3px auto 23px; color:#fff; line-height:16px; font-weight:bold; } .before_after #before_box img { border:#d2d1d1 1px solid; margin:5px; } .before_after #before_box .head_subhead { padding:20px 0 9px; margin:0 7px; } .before_after #before_box .head { font-size:16px; } .before_after #before_box .subhead { font-weight:normal; font-size:11px; } .before_after #before_box .description { margin:0 7px; } .before_after #after_box { margin:3px auto; padding:3px 0; width:100%; position:relative; } .before_after #after_box img { border:#000 1px solid; display:block; margin:auto; } .before_after #after_box .caption { background:#e8eeef; margin:5px auto; font-size:10px; line-height:12px; padding:3px; } .before_after #after_box .tip img { border:none; margin:0; padding:0; } .before_after #after_box #ba1, .before_after #after_box #ba3, .before_after #after_box #ba5 { position:absolute; left:25px; text-align:right; } .before_after #after_box #ba1 .content img, .before_after #after_box #ba3 .content img, .before_after #after_box #ba5 .content img { display:block; float:right; margin:3px 0 0 5px; } .before_after #after_box #ba1 .content p, .before_after #after_box #ba3 .content p, .before_after #after_box #ba5 .content p { margin-right:5px; } .before_after #after_box #ba2, .before_after #after_box #ba4, .before_after #after_box #ba6 { position:absolute; left:297px; text-align:left; } .before_after #after_box #ba2 .content img, .before_after #after_box #ba4 .content img, .before_after #after_box #ba6 .content img { display:block; float:left; margin:3px 5px 0 0; } .before_after #after_box #ba2 .content p, .before_after #after_box #ba4 .content p, .before_after #after_box #ba6 .content p { margin-left:5px; } .before_after #after_box .content { background:#f8f7f7; height:64px; width:128px; position:absolute; top:5px; left:4px; } .before_after #after_box .content p { font-size:10px; line-height:12px; } .before_after #after_box .content p .tip_title { color:#015496; font-weight:bold; text-transform:uppercase; } .before_after .rule { border-bottom:#ccc 1px solid; width:354px; margin:auto; } /* 3/4 */ #landing_custom_three_quarter .hed { border:none; margin:0 72px 16px; } /* Giveaway */ .giveaway .calendar { margin:auto; width:572px; } .giveaway .calendar .cell { background:url(/cm/marieclaire/images/v01/bg_give_calendar_cell.gif) no-repeat; width:108px; height:192px; padding:4px 0; margin:0 6px 6px 0; float:left; color:#999; text-align:center; } .giveaway .calendar .cell.available { color:#fff; } .giveaway .calendar .cell .number { text-align:right; font-weight:bolder; font:16px Impact,"Arial Black", Helvetica, sans-serif; width:92px; margin:0 auto 2px; } .giveaway .calendar .cell a { cursor:auto; } .giveaway .calendar .cell.available a { cursor:pointer; } .giveaway .calendar .cell .image { border:#858585 1px solid; height:90px; width:90px; display:block; margin:auto; } .giveaway .calendar .cell.available .image:hover { border-color:#999; } .giveaway .calendar .cell p { font-size:9px; height:60px; overflow:hidden; padding:2px 2px 0; } .giveaway .calendar .cell .link { color:#f979bc; text-transform:uppercase; font-size:9px; display:block; } .giveaway .calendar .cell.available .link:hover { color:#ff89bc; } .giveaway .calendar .cell .link * { vertical-align:bottom; } .giveaway .preview { border:#ff0 10px solid; } .giveaway .preview .instructions { margin:0 36px 8px; } .giveaway #LAYOUT_right_column #ad_skyscraper { padding:0 0 8px 12px; } /* HOROSCOPES ********************************************/ #horoscopes #content_well .container { padding-bottom:10px; } #horoscopes #content_well .container, #horoscopes_article #content_well .container { margin:0 53px; } * html #horoscopes #content_well .container, {margin:0px;} * html #horoscopes_article #content_well .container { margin:0px; } #horoscopes #chan_name, #horoscopes_article #chan_name { margin:0 25px 18px; } #horoscopes .signs { margin:0 18px 6px; } #horoscopes .signs img { margin:0 2px 0 1px; } #horoscopes .sections { margin:0 auto; width:420px; } #horoscopes #sign_selector, #horoscopes_article #sign_selector { margin:25px 0 30px; } #horoscopes #sign_selector *, #horoscopes_article #sign_selector * { vertical-align:top; } #horoscopes #sign_selector select, #horoscopes_article #sign_selector select { width:100px; font-size:11px; font-weight:bold; color:#015496; background:#f4f6f6; border-top:#d2d3d3 2px solid; border-left:#d2d3d3 2px solid; border-bottom:#f9fafa 1px solid; border-right:#f9fafa 1px solid; } #horoscopes #sign_selector label, #horoscopes_article #sign_selector label { display:block; color:#757575; font-weight:bold; font-size:11px; margin-bottom:5px; } #horoscopes #bottom_margin, #horoscopes_article #bottom_margin { height:20px; } /* All Horoscopes Landing Page */ #horoscopes .all { margin:0 auto; } #horoscopes .all #chan_name { margin:0 25px 2px; } #horoscopes .all .scope_link a, #horoscopes .all .scope_link a:link, #horoscopes .all .scope_link a:visited { color:#015496; font-size:11px; line-height:14px; font-weight:bold; margin-left:4px; letter-spacing:-1px; } #horoscopes .all table .rule { width:350px; border-bottom:#cccbcb 1px solid; margin:20px auto 10px; } #horoscopes_well {padding-left:30px; width:400px;} .signs_row { width:400px; } .signs_cell { float:left; width:100px;font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; padding-top:16px; } .signs_cell a, .signs_cell a:link, .signs_cell a:visited { color:#000; } .signs_cell a:hover { text-decoration:underline; } .sign_mid {padding:16px 50px 0;} .scope_link {float:left; width:96px;color:#015496; font-size:11px; line-height:14px; font-weight:bold; padding-left:4px; letter-spacing:-1px; text-align:left; text-transform:none;} .scope_link img {width:6px; height:6px;} /* Horoscope Article */ #horoscopes_article #content_well .container { margin:0 53px; } #horoscopes #content_well .container h1, #horoscopes_article #content_well .container h1 { color:#015496; font-size:20px; font-weight:normal; } #horoscopes #content_well .container p, #horoscopes_article #content_well .container p { line-height:16px; margin-top:6px; } #horoscopes_article #content_well .container #astrology_credit { margin-top:8px; font-size:11px; color:#015496; } #horoscopes .illustration, #horoscopes_article .illustration { text-align:center; } #horoscopes .illustration, #horoscopes_article .illustration * { vertical-align:middle; margin:0 4px; } #horoscopes_article .daily h2 { color:#015496; font-size:11px; } /* Horoscope Landing Page */ #horoscopes .subchan #sign_selector, #horoscopes .subchan #all_horoscopes_link { margin:0 53px; } #horoscopes .subchan h1 { margin:16px 53px 12px; } #horoscopes .subchan #sign_selector { padding-bottom:16px; border-bottom:#cccbcb 1px solid; text-align:right; } #horoscopes .subchan #sign_selector.single { padding-bottom:5px; border:none; } #horoscopes .subchan #sign_selector label { display:inline; float:left; } #horoscopes .subchan #featured_stories { margin:18px auto 16px; } #horoscopes .subchan #featured_stories_header { margin-left:20px; } #all_horoscopes_link { text-align:center; padding:8px; height:1%; } #all_horoscopes_link a, #all_horoscopes_link a:link, #all_horoscopes_link a:visited { color:#015496; font-weight:bold; font-style:italic; } .subchan #all_horoscopes_link { border-top:#cccbcb 1px solid; } /* Annual Horoscope */ #horoscopes_article .annual h2 { color:#015496; font-size:11px; } #horoscopes_article .annual .pagination { margin-top:10px; } #horoscopes_article .annual .horoscope_pagination { font-size:8px; letter-spacing:1px; margin-top:10px; text-align:right; } #horoscopes_article .annual .horoscope_pagination a, #horoscopes_article .annual .horoscope_pagination a:link, #horoscopes_article .annual .horoscope_pagination a:visited { color:#666; text-decoration:none; } #horoscopes_article .annual .horoscope_pagination a:hover span { text-decoration:underline; } #horoscopes_article .annual .horoscope_pagination a.current { color:#015496; cursor:auto; } #horoscopes_article .annual .horoscope_pagination a.current:hover span { text-decoration:none; } #horoscopes_article .annual .horoscope_pagination a.next, #horoscopes_article .annual .horoscope_pagination a.previous, #horoscopes_article .annual .horoscope_pagination a.this_year { font-size:inherit; margin:0; } #horoscopes_article .annual .horoscope_pagination a.next img { margin-left:2px; } #horoscopes_article .annual .horoscope_pagination a.previous img { margin-right:2px; } /* Coworker Compatibility */ #horoscopes.coworker #content_well .container { margin:0 40px; } #horoscopes_article .coworker h2 { text-transform:capitalize; color:#000; font-weight:bold; font-size:12px; margin:8px 0; } /* Foreplay by the Signs */ #horoscopes #content_well .foreplay { margin:0 40px; } #horoscopes_article .foreplay p { line-height:20px; margin-bottom:40px; } /* Your Passion Sign */ #horoscopes #content_well .passion { margin:0 40px; } /* Seduction by the Signs */ #horoscopes #content_well .seduction { margin:0 40px; } #horoscopes_article .seduction h2 { color:#000; font-weight:bold; font-size:12px; margin:8px 0; } /* Your Boss's Profile */ #horoscopes #content_well .boss { margin:0 40px; } #horoscopes_article .boss h2, #horoscopes_article .passion h2, { color:#000; font-weight:bold; font-size:12px; margin:8px 0; } /* Yoga by the Signs */ #horoscopes #content_well .yoga { margin:0 53px; } #horoscopes_article .yoga #sign_selector select { width:200px; } #horoscopes_article .yoga h2 { color:#000; font-weight:bold; font-size:12px; margin:8px 0; } /* Horoscope Pagination */ #horoscopes_article .daily .horoscope_pagination { font-size:8px; letter-spacing:1px; margin:16px 0 8px; text-align:right; } #horoscopes_article .daily .horoscope_pagination a, #horoscopes_article .daily .horoscope_pagination a:link, #horoscopes_article .daily .horoscope_pagination a:visited { color:#666; text-decoration:none; } #horoscopes_article .daily .horoscope_pagination a:hover span { text-decoration:underline; } #horoscopes_article .daily .horoscope_pagination a.current, #horoscopes_article .daily .horoscope_pagination span.current { color:#015496; cursor:auto; } #horoscopes_article .daily .horoscope_pagination a.current:hover span { text-decoration:none; } #horoscopes_article .daily .horoscope_pagination a.next, #horoscopes_article .daily .horoscope_pagination a.previous, #horoscopes_article .daily .horoscope_pagination a.this_year { font-size:inherit; margin:0; } #horoscopes_article .daily .horoscope_pagination a.this_year { margin-left:12px; } #horoscopes_article .daily .horoscope_pagination a.next img { margin-left:2px; } #horoscopes_article .daily .horoscope_pagination a.previous img { margin-right:2px; } /* Feng Shui */ #horoscopes_article .feng-shui { padding-bottom:8px; } #horoscopes_article .feng-shui #sign_selector select { width:150px; } #horoscopes_article .feng-shui .pagination { line-height:10px; } /* Crosslinks Table */ #crosslinks { width:100%; background:#fff; } #crosslinks table { margin:10px auto 25px; } #crosslinks table .rule { width:340px; border-bottom:#cccbcb 1px solid; margin:5px 7px 12px; } .crosslinks_group { width:357px; } .crosslinks_group a, .crosslinks_group a:link, .crosslinks_group a:visited { color:#015496; font-size:11px; font-weight:bold; margin-left:4px; letter-spacing:-1px; height:18px; line-height:18px; display:block; } .crosslinks_group td { vertical-align:top; padding-left:3px; } .crosslinks_group td a * { vertical-align:middle; } .crosslinks_group.signs a { line-height:11px; } .crosslinks_group.signs span.date { font-weight:normal; } /* /HOROSCOPES *******************************************/ /* SWEEPSTAKES *******************************************/ #sweeps_landing #headline { margin:0 53px; } #sweeps_entry { width:430px; margin:auto; } /* /SWEEPSTAKES ******************************************/ /* CUSTOM ARTICLES / TOOLS ******************************************/ /* Indeed Job Search */ #indeed #content_well #indeed { margin:0 42px; } #indeed #headline { border:none; margin:12px 0; clear:both; } #indeed #headline h1 { float:left; margin-bottom:20px; } #indeed #headline img { float:right; } #indeed #job_search_form { clear:both; } #indeed .input_module { clear:both; margin:24px 4px; } #indeed #content_well label { color:#757575; font-size:17px; font-weight:bold; line-height:16px; margin-bottom:6px; display:block; } #indeed #content_well label span.error { font-size:12px; font-weight:normal; font-style:italic; line-height:12px; color:#f00; } #indeed #content_well input { background:#f4f6f6; line-height:17px; border-top:#d2d3d3 2px solid; border-left:#d2d3d3 2px solid; border-bottom:#f9fafa 1px solid; border-right:#f9fafa 1px solid; width:360px; } #indeed .input_module .description { font-size:10px; } #indeed .input_module .description i { color:#757575; } #indeed #query_submit { text-align:right; } #indeed #query_submit img { cursor:pointer; } #indeed #query_submit #validation_text { color:#f00; font-style:italic; position:relative; top:-12px; margin-right:12px; } #indeed #query_submit #validation_text b { font-style:normal; } #indeed #indeed_at { float:left; padding:8px 0 0 5px; } #indeed #indeed_at a, #indeed #indeed_at a:link, #indeed #indeed_at a:visited { color:#015496; } #indeed #indeed_at a:hover { color:#000; } #indeed #indeed_at img { margin-bottom:3px; vertical-align: middle; } #indeed #job_search_results { background:url(/cm/marieclaire/images/v01/bg_indeed_even.gif) repeat-y; border-top:#cccbcb 1px solid; margin-bottom:6px; } #indeed #job_search_results h1 { background:url(/cm/marieclaire/images/v01/bg_indeed_top.gif) top no-repeat; color:#666; font-size:14px; font-weight:bold; line-height:24px; padding:6px 8px 4px; } #indeed #job_search_results h1.no_results { font-size:14px; } #indeed #results_info { background:url(/cm/marieclaire/images/v01/bg_indeed_odd.gif) repeat-y; font-size:10px; color:#666; padding:6px 8px; } #indeed #results_info #sort { float:right; text-align:right; } #indeed #results_info #sort a, #indeed #results_info #sort a:link, #indeed #results_info #sort a:visited { color:#666; } #indeed #results_info #sort a:hover { text-decoration:underline; } #indeed #results_info #count { float:right; } #indeed .result { display:block; clear:both; padding:0 8px; } #indeed .result * { line-height:16px; } #indeed .result.odd { background:url(/cm/marieclaire/images/v01/bg_indeed_odd.gif) repeat-y; } #indeed .result a, #indeed .result a:link, #indeed .result a:visited { font-size:12px; font-weight:bold; color:#015496; } #indeed .result a:hover { text-decoration:underline; } #indeed .jobtitle { font-weight:bold; text-decoration:none; color:#015496; padding:8px 0 0; } #indeed .location { color:#500; margin:2px 0; padding-bottom:3px; border-bottom:#ddd 1px solid; } #indeed .location .city, #indeed .location .state { color:#676; } #indeed .snippet { display:block; font-size:11px; margin-bottom:4px; } #indeed .bottom_line { padding-bottom:10px; text-align:right; font-size:10px; } #indeed .source { color:#757575; margin-right:10px; float:left; } #indeed .date { color:#000; line-height:16px; } #indeed .pagination { margin-bottom:22px; } #indeed #job_search_results #bottom { background:url(/cm/marieclaire/images/v01/bg_indeed_bottom_even.gif) bottom no-repeat; height:10px;} #indeed #job_search_results #bottom.odd { background:url(/cm/marieclaire/images/v01/bg_indeed_bottom_odd.gif) bottom no-repeat; height:10px;} #article.flipbook #content_well .container { margin:0; } #article.flipbook #content_well .container #headline { margin:0 53px; } #article.flipbook #flipbook_container { width:400px; margin:auto; } #virtual_hair { display:block; margin:auto; } .daily_deal #content_well .container { margin:0 53px; } .daily_deal #headline { letter-spacing:-1px; } .daily_deal .article_image_container { padding:13px 0; } .daily_deal .article_image { padding:0; } .daily_deal .link_code { width:175px; } .daily_deal .link_code .link { margin-top:20px; line-height:19px; } .daily_deal .link_code .discount { font-size:14px; line-height:19px; font-weight:bold; color:#757575; margin-top:20px; } .daily_deal #deal_body { margin-top:8px; } .daily_deal .pagination { padding-bottom:8px; border-bottom:#cccbcb 1px solid; } /* /CUSTOM ARTICLES / TOOLS *****************************************/ /******************************************************** ARCHIVE *********************************************************/ /* Default Archive */ #archive .container { margin:0 53px; } #archive #content_well table { margin:5px auto 8px; width:100%; } #archive #content_well table td { vertical-align:middle; padding:7px 0; } #archive #content_well table img { border:#000 1px solid; float:left; margin-right:6px; } #archive #content_well table h2, #archive #content_well table a, #archive #content_well table a:link, #archive #content_well table a:visited { font-size:12px; font-weight:bold; text-decoration:none; } #archive #content_well table a:hover { text-decoration:underline; } #archive #content_well table p { margin-bottom:6px; } #archive #content_well .pagination .bottom { margin:0 0 16px 0; } /* Blog Archive */ #archive.blog #content_well #headline { margin:0 37px 0 39px; } #archive.blog #content_well .container { margin:0; } #archive.blog .row { margin:0 16px 0 14px; line-height:20px; } #archive.blog .row.odd { background:#f1f5f9; } #archive.blog .entry { padding-left:30px; padding-right:8px; width:275px; } #archive.blog .entry a, #archive.blog .entry a:link, #archive.blog .entry a:visited { color:#000; text-decoration:none; } #archive.blog .entry a:hover { text-decoration:underline; } #archive.blog .date { text-align:right; width:75px; padding-right:34px; font-weight:bold; color:#757575; } #archive.blog .pagination { margin:0 40px 16px 0; } /******************************************************** SEARCH *********************************************************/ /* LAYOUT ***********************************************/ .three_quarter #LAYOUT_2_columns { position:relative; float:right; top:0; height:auto; overflow:visible; margin:0; } .three_quarter #LAYOUT_center_column { width:639px; float:left; height:auto; margin:0; } .three_quarter #LAYOUT_right_column { float:left; height:auto; padding-bottom:16px; width:179px; } /* /LAYOUT **********************************************/ /* CONTENT WELL *****************************************/ .three_quarter #content_well { background:url(/cm/marieclaire/images/v01/bg_center_search.gif) repeat-y top; } .three_quarter img#header { margin:10px 30px 10px; } .three_quarter .pagination { margin:4px 0 8px; padding-right:25px; width:auto; } /* Search Form */ #search_form { width:317px; height:47px; background:url(/cm/marieclaire/images/v01/bg_search_results_form.gif) no-repeat; padding:10px 5px; margin-left:290px; } #search_form form table{ margin-bottom:8px; } #search_form form table * { vertical-align:middle; } #search_form .search_field { width:110px; margin-left:11px; font-size:12px; line-height:12px; border-top:#ccc 2px solid; border-left:#ccc 2px solid; border-bottom:#000 1px solid; border-right:#000 1px solid; } #search_form .label { width:132px; vertical-align:middle; font-weight:bold; font-size:10px; line-height:16px; } #search_form #sort_dropdown { width:171px; font-size:12px; line-height:16px; border-top:#ccc 2px solid; border-left:#ccc 2px solid; border-bottom:#000 1px solid; border-right:#000 1px solid; } /* Search Results */ #search_results { width:595px; margin:0 22px 0 20px; padding-bottom:16px; } #search_results a, #search_results a:link, #search_results a:visited { color:#000; } #search_results a:hover { text-decoration:underline; } #search_results .head { font-size:18px; color:#015496; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; padding:20px 0 8px; } #search_results .head.first { padding:0 0 8px; } #search_results .result { padding:8px 5px 8px 4px; } #search_results .result.odd { background:#eff3f8; padding:4px 5px 4px 2px; } #search_results .result img { width:90px; float:left; margin-right:6px; } #search_results .result { line-height:16px; } #search_results .result h2 { font-weight:bold; font-size:12px; margin-top:4px; } #search_results .result .head { font:18px Arial, Helvetica, sans-serif; color:#015496; text-transform:uppercase; } #search_results .result .rule { border-bottom:#015496 1px solid; } #search_results .foot { text-align:right; padding:2px 2px 6px; line-height:10px; } #search_results .foot.rule { border-bottom:#015496 1px solid; } #search_results .foot .more_results { font-size:10px; font-weight:bold; float:left; display:block; color:#015496; } #search_results .foot .results_count { font-size:8px;color:#015496; margin-bottom:2px; } /* Search Filter Criteria */ .criteria_list { width:176px; font-size:10px; line-height:14px; margin: } .criteria_list .type { color:#fff; font-weight:bold; padding:3px 8px; } .bg1 .criteria_list .box { background:url(/cm/marieclaire/images/v01/bg_search_crit_bg1.gif) repeat-y; } .bg2 .criteria_list .box { background:url(/cm/marieclaire/images/v01/bg_search_crit_bg2.gif) repeat-y; } .bg3 .criteria_list .box { background:url(/cm/marieclaire/images/v01/bg_search_crit_bg3.gif) repeat-y; } .bg4 .criteria_list .box { background:url(/cm/marieclaire/images/v01/bg_search_crit_bg4.gif) repeat-y; } .criteria_list .box img { display:block; } .criteria_list .text { padding:2px 2px 6px 3px; } .criteria_list .text a, .criteria_list .text a:link, .criteria_list .text a:visited { color:#000; display:block; padding:0 7px; } .criteria_list .text a:hover { background:#eff2f7; } .criteria_list .text a.show_all { font-weight:bold; text-transform:uppercase; } /* /CONTENT WELL ****************************************/ /******************************************************** MOBILE *********************************************************/ /* LAYOUT ***********************************************/ #mobile MAIN_2COL_layout_Scontainer { position:relative; float:right; top:0; height:auto; overflow:visible; margin:0; } #search_center { width:639px; float:left; height:auto; margin:0; } #search_right { float:left; height:auto; padding-bottom:16px; width:179px; } /* /LAYOUT **********************************************/ /* CONTENT WELL *****************************************/ #mobile #content_well { background:url(/cm/marieclaire/images/v01/bg_center_search.gif) repeat-y top; } #mobile #content_well .container { margin:0 32px; } #mobile_wrapper {width: 574px; height: 432px; background: url(/cm/marieclaire/images/v01/mobile/mobile-bg-small.gif) no-repeat;} #mobile_reginputs {width: 355px; padding: 125px 0 0 20px;} #mobile_textinputs {width: 355px; margin: 111px 0 0 20px;} .mobile_input {width: 166px; height: 20px; border: 1px solid #ccc; float: left; margin: 0 8px 10px 0;} .mobile_dd {width: 164px; height: 20px; border: 1px solid #ccc;} .mobile_text {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 5px 0;} .clear_alt {clear: both;} .mobile_reg {margin: 0 0 0 20px; width: 80px;} .mobile_arrow {position: relative; top: 5px;} /* /CONTENT WELL ****************************************/ /******************************************************** LOGIN *********************************************************/ #login #content_well .container { margin:0 38px 30px; } #login #content_well h1 { color:#015496; font-size:30px; font-weight:normal; line-height:31px; margin:26px 0 14px; } #login #content_well form { background:#f6f6f6; border:#ccc 1px solid; padding:3px; } #login #content_well form .error { margin:5px 10px 0; color:#f00; font-size:10px; } #login #content_well table { width:100%; } #login #content_well table td { width:50%;} #login #content_well table .fieldname { background:#fff; font-size:10px; padding:4px; } #login #content_well td input { float:right; width:100%; border-top:#9aa0a0 2px solid; border-left:#9aa0a0 2px solid; border-bottom:#fff 1px solid; border-right:#fff 1px solid; line-height:17px; } #login #submit { width:100%; text-align:right; height:32px; } #login a#forgot_password, #login a#forgot_password:link, #login a#forgot_password:visited { margin:0 20px 10px; vertical-align:top; text-decoration:underline; position:relative; top:6px; } .login a#forgot_password, .login a#forgot_password:link, .login a#forgot_password:visited { margin:0 20px 10px; vertical-align:top; text-decoration:underline; position:relative; top:6px; } #login #register { margin-bottom:20px; } #login #register .text { line-height:18px; margin:20px 5px 15px; } #login #register .button { color:#015496; font-size:16px; text-align:right; padding-right:4px; } #login #register .button * { vertical-align:middle; } #login #register .button img { margin-left:5px; } #login #register .button input { margin-left:8px; } #login #content_well p { margin-bottom:20px; } /* Login Iframe */ #login_head_iframe #login_element { border:none; } #login_head_iframe #login_element a { display:block; } #login_head_iframe #login_element .button { text-align:center; font-size:10px; line-height:14px; } #login_head_iframe #login_element .button, #login_head_iframe #login_element .hello { margin-right:9px; } #login_head_iframe #login_element .register, #login_head_iframe #login_element .logout { margin-top:8px; } #login_head_iframe #login_element .hello { width:123px; height:14px; font-size:10px; text-align:center; } /******************************************************** REGISTRATION *********************************************************/ #registration p.info { line-height:16px; margin:0 5px 24px; } #registration p.info a, #registration p.info a:link, #registration p.info a:visited { color:#015496; text-decoration:underline; } #registration .fielddescription { font-size:10px; color:#015496; text-align:center; padding:5px; } #registration .fielddescription img { margin:0 8px; } #registration .mainform { width:100%; } #registration .mainform td { vertical-align:middle; } #registration .mainform .fieldname { background:#f1f5f9; font-size:10px; padding:4px; width:50% } #registration .mainform .fieldinput { padding:0 5px; font-size:10px; width:50% } #registration .mainform input, #registration .mainform select, #registration .mainform textarea { width:100%; background:#f4f6f6; border-top:#d2d3d3 2px solid; border-left:#d2d3d3 2px solid; border-bottom:#f9fafa 1px solid; border-right:#f9fafa 1px solid; } #registration .mainform .multiple input, #registration .mainform .multiple select { margin-right:7px; width:auto; } #registration .mainform .birth select { width:40%; } #registration .mainform input.radio, #registration .mainform input.checkbox { background:none; border:none; margin-left:3px; width:auto; } #registration #offers { margin:16px 0 10px; background:#f6f6f6; border:#cecece 1px solid; padding:12px; } * html #registration #offers { height:1%; } #registration #offers .offer_group { border-bottom:#cecece 1px solid; margin:0 5px 7px; } #registration #offers h2 { line-height:10px; font-size:10px; color:#015496; margin-bottom:6px; } #registration #offers .checkbox { width:25px; margin:4px 0; float:left; } * html #registration #offers .checkbox { margin:0; } #registration #offers p.text { padding-left:25px; font-size:10px; line-height:14px; margin:6px 0 7px; } #registration #offers .offer_title { font-weight:bold; display:block; } #registration #offers #subscribe h2 { margin:0 5px 10px; } #registration #offers #subscribe p.text { padding-left:20px; } #registration #offers #subscribe .checkbox { width:20px; float:left; margin:0 5px; } * html #registration #offers #subscribe .checkbox { margin:0 2px 0 3px; } #registration #offers #subscribe #subform { width:100%; } #registration #offers #subscribe #subform .fieldname { background:#fff; font-size:10px; padding:4px; width:33%; } #registration #offers #subscribe #subform .fieldinput { padding:0 10px; font-size:10px; width:67%; } #registration #offers #subscribe #subform .fieldinput input, #registration #offers #subscribe #subform .fieldinput select { border-top:#9aa0a0 2px solid; border-left:#9aa0a0 2px solid; border-bottom:#fff 1px solid; border-right:#fff 1px solid; line-height:17px; width:100%; } #registration #offers #subscribe #subform .multiple input, #registration #offers #subscribe #subform .multiple select { margin-right:7px; width:auto; } #registration #offers #subscribe tfoot { font-size:10px; text-align:center; padding-bottom:5px; } #registration #offers #subscribe tfoot a, #registration #offers #subscribe tfoot a:link, #registration #offers #subscribe tfoot a:visited { color:#015496; display:block; margin:10px; } #registration #privacy_note { margin:5px 8px 0; border:#015496 1px solid; color:#015496; font-size:11px; line-height:18px; padding:3px 5px; } #registration .new_user .container { margin:0 33px; } #registration .new_user h1 { color:#015496; font-size:30px; font-weight:normal; line-height:30px; margin:14px 5px 14px 0px; } #registration .new_user h2 { color:#000; font-size:12px; font-weight:bold; margin:0px 5px 10px 0px; } #registration .new_user ul { color:#000; font-size:12px; font-weight:normal; margin:0px 15px; } #registration .registered .container { margin:0 24px 0 22px; } #registration .registered h1 { color:#015496; font-weight:normal; } #registration .registered .titlebar { background:url(/cm/marieclaire/images/v01/bg_comm_titlebar.gif) no-repeat; height:24px; margin-top:12px; padding-left:4px; color:#015496; font-size:17px; font-weight:normal; } #registration .registered .box { border-left:#bcbfc2 1px solid; border-right:#bcbfc2 1px solid; padding-bottom:10px; } #registration .registered .full { width:412px; } #registration .registered .welcome { padding:8px 8px 0; line-height:18px; } #registration .registered .border_bottom { background:#f0f; height:10px; margin-bottom:20px; width:100%; background:url(/cm/marieclaire/images/v01/bg_comm_main_b.gif) no-repeat left top; height:10px; } #registration .registered .border_bottom.last { margin-bottom:5px; } #registration .registered .border_bottom .right { background:url(/cm/marieclaire/images/v01/bg_comm_main_b.gif) no-repeat right top; height:10px; width:50%; } #registration .registered .instruction { color:#015496; font-size:11px; font-weight:bold; line-height:11px; padding:14px 5px; } #registration .registered .profile_pic_container { padding:0 18px; } #registration .registered .profile_pic { border:#eee 1px solid; margin:0 18px 0 0; float:left; } #registration .registered #avatar_upload { margin-top:25px; } #registration .registered .profile_pic_container .button { margin:10px 0; } #registration .registered #avatarform { margin:0; width:100%; font-size:10px; } #registration .registered #avatarform div { padding:15px 0 3px; } #registration .registered #avatarform input { width:100%; } #registration .registered #avatarform td { vertical-align:middle; } #registration .registered #avatarform .fieldname { background:#f1f5f9; font-size:10px; padding:4px; width:50% } #registration .registered #avatarform .fieldinput { padding:0 5px; font-size:10px; width:50% } #registration .registered #avatarform input, #registration .registered #avatarform select, #registration .registered #avatarform textarea { width:100%; background:#f4f6f6; border-top:#d2d3d3 2px solid; border-left:#d2d3d3 2px solid; border-bottom:#f9fafa 1px solid; border-right:#f9fafa 1px solid; } #registration .registered #avatarform iframe { width:100%; height:170px; border:#bcbfc2 1px solid; } #registration .please_wait { margin-top:12px; display:block; } /* Errors */ #registration #error_string { color:#f00; font-weight:bold; font-size:10px; text-align:center; } #registration .error td { color:#f00; font-weight:bold; } #registration .error .fieldinput input { color:#f00; font-weight:bold; } /* Confirmation */ #community .landing #congratulations { margin-bottom:12px; } /* Profile Failure */ #edit_profile_error { margin:30px 25px 60px; } #edit_profile_error .box { padding:10px 16px; } #edit_profile_error h3 { font-weight:normal; color:#015496; font-size:16px; } #edit_profile_error p { color:#800; margin:10px 0 0; } #edit_profile_error a { margin-top:5px; display:block; text-decoration:underline; } #edit_profile_error a:hover { text-decoration:none; } /* Forgot Password */ #forgot_password .container { margin:16px 33px; } #forgot_password .container h1 { color:#015496; font-size:30px; font-weight:normal; line-height:31px; margin-bottom:8px; } #forgot_password .container .info b { line-height:20px; } #forgot_password #email_form { margin:16px 0; background:#f6f6f6; border:#cecece 1px solid; padding:12px; } #forgot_password #email_form .fieldname { background:#fff; font-size:10px; padding:4px; width:50%; } #forgot_password #email_form .fieldinput { padding:0 10px; font-size:10px; width:50%; } #forgot_password #email_form .fieldinput input { background:#fff; border-top:#9aa0a0 2px solid; border-left:#9aa0a0 2px solid; border-bottom:#fff 1px solid; border-right:#fff 1px solid; line-height:17px; width:100%; } /******************************************************/ /******************************************************** COMMUNITY *********************************************************/ #community #content_well a, #community #content_well a:link, #community #content_well a:visited { color:#015496; } #community #content_well a:hover { color:#005075; } #forums #content_well a, #forums #content_well a:link, #forums #content_well a:visited { color:#015496; } #forums #content_well a:hover { color:#005075; } #forum_category #content_well a, #forum_category #content_well a:link, #forum_category #content_well a:visited { color:#015496; } #forum_category #content_well a:hover { color:#005075; } #forum_category #content_well a, #forum_category #content_well a:link, #forum_category #content_well a:visited { color:#015496; } #forum_category #content_well a:hover { color:#005075; } /* Graphical Elements */ #community #content_well .container { margin:0 24px 0 22px; padding-bottom:8px; } #community .titlebar { background:url(/cm/marieclaire/images/v01/bg_comm_titlebar.gif) no-repeat right; height:24px; border-left:#bcbfc2 1px solid; padding-left:4px; color:#015496; font-size:17px; font-weight:normal; } #community .box { border-left:#bcbfc2 1px solid; border-right:#bcbfc2 1px solid; } #community .full { width:412px; } #community .half { width:200px; } #community .border_bottom { background:url(/cm/marieclaire/images/v01/bg_comm_main_b.gif) no-repeat left top; height:10px; width:100%; } * html #community .border_bottom { float:left; } #community .border_bottom .right { background:url(/cm/marieclaire/images/v01/bg_comm_main_b.gif) no-repeat right top; height:10px; width:25%; float:right; } /* Forums Graphical Elements */ #forums #content_well .container { margin:0 24px 0 22px; padding-bottom:8px; } #forums .titlebar { background:url(/cm/marieclaire/images/v01/bg_comm_titlebar.gif) no-repeat right; height:24px; border-left:#bcbfc2 1px solid; padding-left:0px; color:#015496; font-size:17px; font-weight:normal; width:414px; } #forums .box { border-left:#bcbfc2 1px solid; border-right:#bcbfc2 1px solid; } #forums .full { width:412px; } #forums .half { width:200px; } #forums .border_bottom { background:url(/cm/marieclaire/images/v01/bg_comm_main_b.gif) no-repeat left top; height:10px; width:100%; } * html #forums .border_bottom { float:left; } #forums .border_bottom .right { background:url(/cm/marieclaire/images/v01/bg_comm_main_b.gif) no-repeat right top; height:10px; width:25%; float:right; } #forum_category #content_well .container { margin:0 24px 0 22px; padding-bottom:8px; } #forum_category .titlebar { background:url(/cm/marieclaire/images/v01/bg_comm_titlebar.gif) no-repeat right; height:24px; border-left:#bcbfc2 1px solid; padding-left:0px; color:#015496; font-size:17px; font-weight:normal; width:414px; } #forum_category .box { border-left:#bcbfc2 1px solid; border-right:#bcbfc2 1px solid; } #forum_category .full { width:412px; } #forum_category .half { width:200px; } #forum_category .border_bottom { background:url(/cm/marieclaire/images/v01/bg_comm_main_b.gif) no-repeat left top; height:10px; width:100%; } * html ##forum_category .border_bottom { float:left; } ##forum_category .border_bottom .right { background:url(/cm/marieclaire/images/v01/bg_comm_main_b.gif) no-repeat right top; height:10px; width:25%; float:right; } #forum_category #content_well .container { margin:0 24px 0 22px; padding-bottom:8px; } #forum_category .titlebar { background:url(/cm/marieclaire/images/v01/bg_comm_titlebar.gif) no-repeat right; height:24px; border-left:#bcbfc2 1px solid; padding-left:0px; color:#015496; font-size:17px; font-weight:normal; width:414px; } #forum_category .box { border-left:#bcbfc2 1px solid; border-right:#bcbfc2 1px solid; } #forum_category.full { width:412px; } #forum_category .half { width:200px; } #forum_category .border_bottom { background:url(/cm/marieclaire/images/v01/bg_comm_main_b.gif) no-repeat left top; height:10px; width:100%; } * html #forum_category .border_bottom { float:left; } #forum_category .border_bottom .right { background:url(/cm/marieclaire/images/v01/bg_comm_main_b.gif) no-repeat right top; height:10px; width:25%; float:right; } /* Community Search */ #community #profile_search_form_box table { margin:auto; } #community #profile_search_form_box { padding-top:7px; } #community #profile_search_form_box td, #community #profile_search_form_box td img, #community #profile_search_form_box td input { vertical-align:middle; } #community #profile_search_form_box td img { margin-left:6px; } #community #profile_search_form_box .fieldname { text-transform:uppercase; font-weight:bolder; color:#444; text-align:center; background:#f1f4f6; font-size:10px; line-height:10px; padding:4px; } #community #profile_search_form_box .fieldinput { padding:0 5px; font-size:10px; } #community #profile_search_form_box input, #community #profile_search_form_box select { text-transform:lowercase; background:#f4f6f6; border-top:#d2d3d3 2px solid; border-left:#d2d3d3 2px solid; border-bottom:#f9fafa 1px solid; border-right:#f9fafa 1px solid; } #community #profile_search_form_box input { width:120px; } #community #profile_search_form_box select { width:70px; } * html #community #profile_search_form_box { height:1%; line-height:1%; } /* Forums Community Search */ #forums #profile_search_form_box table { margin:auto; } #forums #profile_search_form_box { padding-top:7px; } #forums #profile_search_form_box td, #forums #profile_search_form_box td img, #forums #profile_search_form_box td input { vertical-align:middle; } #forums #profile_search_form_box td img { margin-left:6px; } #forums #profile_search_form_box .fieldname { text-transform:uppercase; font-weight:bolder; color:#444; text-align:center; background:#f1f4f6; font-size:10px; line-height:10px; padding:4px; } #forums #profile_search_form_box .fieldinput { padding:0 5px; font-size:10px; } #forums #profile_search_form_box input, #forums #profile_search_form_box select { text-transform:lowercase; background:#f4f6f6; border-top:#d2d3d3 2px solid; border-left:#d2d3d3 2px solid; border-bottom:#f9fafa 1px solid; border-right:#f9fafa 1px solid; } #forums #profile_search_form_box input { width:120px; } #forums #profile_search_form_box select { width:70px; } * html #forums #profile_search_form_box { height:1%; line-height:1%; } #forums #LAYOUT_2_columns { float:left; } /* COMMUNITY HOME ***************************************/ #community p { font-size:10px; line-height:14px; } #community #club_marie_claire p { padding:8px 6px 0; } #community #club_marie_claire .border_bottom { margin-bottom:12px; } #community .half .box { padding:8px 8px 0; font-size:10px; } #community .half .box img.feature_image { float:left; margin:0 4px 2px 0; width:50px; border:#999 1px solid; } #community .half .box img.cover { width:auto; border:none; } #community .half .box .title { font-size:10px; font-weight:bold; color:#015496; margin-bottom:8px; } #community .half .box #date { color:#999999; line-height:8px; margin-bottom:6px; } #community .half .box .text { line-height:14px; margin-bottom:4px; } #community .half .box .link { text-align:right; padding:4px 0 6px; } #community .half .box .link.button { margin-top:12px; padding:0; } #community #marie_claire_news .link a, #community #marie_claire_news .link a:link, #community #marie_claire_news .link a:visited { font-weight:bold; text-decoration:underline; } #community #marie_claire_news .link a:hover { text-decoration:none; } #community .half .border_bottom { margin-bottom:12px; } #community #featured_post p.info { margin-bottom:7px; line-height:6px; } #community .features_header { margin:8px 0; } #community .cell { margin:2px auto 6px; padding:5px 10px; border-left:#f6f6f6 3px solid; border-top:#eee 3px solid; border-right:#e2e2e2 3px solid; border-bottom:#dddddd 3px solid; } * html #community .landing .cell { height:1% } #community .cell h1, #community .cell h3 { color:#015496; font-size:12px; font-style:italic; font-weight:bold; } #community .cell .feature_image { float:left; margin:0 8px 4px 0; border:#999 1px solid; } #community .cell .button { float:right; padding-bottom:3px; } /* /COMMUNITY HOME **************************************/ /* FORUMS ***********************************************/ #forum_category.forums .container { padding-bottom:20px; } #forum_category.forums #forums_iframe iframe { width:414px; } #community.forums .container { padding-bottom:20px; } #community.forums #forums_iframe iframe { width:414px; } /* /FORUMS **********************************************/ /* NEW COMMUNITY HOME ***************************************/ #forums p { font-size:10px; line-height:14px; } #forums #club_marie_claire p { padding:8px 6px 0; } #forums #club_marie_claire .border_bottom { margin-bottom:12px; } #forums .half .box { padding:8px 8px 0; font-size:10px; } #forums .half .box img.feature_image { float:left; margin:0 4px 2px 0; width:50px; border:#999 1px solid; } #forums .half .box img.cover { width:auto; border:none; } #forums .half .box .title { font-size:10px; font-weight:bold; color:#015496; margin-bottom:8px; } #forums .half .box #date { color:#999999; line-height:8px; margin-bottom:6px; } #forums .half .box .text { line-height:14px; margin-bottom:4px; } #forums .half .box .link { text-align:right; padding:4px 0 6px; } #forums .half .box .link.button { margin-top:12px; padding:0; } #forums #marie_claire_news .link a, #forums #marie_claire_news .link a:link, #forums #marie_claire_news .link a:visited { font-weight:bold; text-decoration:underline; } #forums #marie_claire_news .link a:hover { text-decoration:none; } #forums .half .border_bottom { margin-bottom:12px; } #forums #featured_post p.info { margin-bottom:7px; line-height:6px; } #forums .features_header { margin:8px 0; } #forum_category p { font-size:10px; line-height:14px; } #forum_category #club_marie_claire p { padding:8px 6px 0; } #forum_category #club_marie_claire .border_bottom { margin-bottom:12px; } #forum_category .half .box { padding:8px 8px 0; font-size:10px; } #forum_category .half .box img.feature_image { float:left; margin:0 4px 2px 0; width:50px; border:#999 1px solid; } #forum_category .half .box img.cover { width:auto; border:none; } #forum_category .half .box .title { font-size:10px; font-weight:bold; color:#015496; margin-bottom:8px; } #forum_category .half .box #date { color:#999999; line-height:8px; margin-bottom:6px; } #forum_category .half .box .text { line-height:14px; margin-bottom:4px; } #forum_category .half .box .link { text-align:right; padding:4px 0 6px; } #forum_category .half .box .link.button { margin-top:12px; padding:0; } #forum_category #marie_claire_news .link a, #forum_category #marie_claire_news .link a:link, #forum_category #marie_claire_news .link a:visited { font-weight:bold; text-decoration:underline; } #forum_category #marie_claire_news .link a:hover { text-decoration:none; } #forum_category .half .border_bottom { margin-bottom:12px; } #forum_category #featured_post p.info { margin-bottom:7px; line-height:6px; } #forum_category .features_header { margin:8px 0; } #forums .cell { margin:2px auto 6px; padding:5px 10px; border-left:#f6f6f6 3px solid; border-top:#eee 3px solid; border-right:#e2e2e2 3px solid; border-bottom:#dddddd 3px solid; } * html #forums .landing .cell { height:1% } #forums .cell h1, #forums .cell h3 { color:#015496; font-size:12px; font-style:italic; font-weight:bold; } #forums .cell .feature_image { float:left; margin:0 8px 4px 0; border:#999 1px solid; } #forums .cell .button { float:right; padding-bottom:3px; } #forum_category .cell { margin:2px auto 6px; padding:5px 10px; border-left:#f6f6f6 3px solid; border-top:#eee 3px solid; border-right:#e2e2e2 3px solid; border-bottom:#dddddd 3px solid; } * html #forum_category .landing .cell { height:1% } #forum_category .cell h1, #forum_category .cell h3 { color:#015496; font-size:12px; font-style:italic; font-weight:bold; } #forum_category .cell .feature_image { float:left; margin:0 8px 4px 0; border:#999 1px solid; } #forum_category .cell .button { float:right; padding-bottom:3px; } /* / NEW COMMUNITY HOME **************************************/ /* NEW FORUMS ***********************************************/ #forums.forums .container { padding-bottom:20px; } #forums.forums #forums_iframe iframe { width:414px; } #forum_category.forums .container { padding-bottom:20px; } #forum_category.forums #forums_iframe iframe { width:414px; } /* / NEW FORUMS /* PROFILES *********************************************/ /* Edit Profile*/ #community .landing .confirm_message { font-size:12px; line-height:14px; margin-bottom:15px; } #community #avatarform { width:100%; } #community #avatarform td { vertical-align:middle; } #community #avatarform .fieldname { background:#f1f5f9; font-size:10px; padding:4px; width:50% } #community #avatarform .fieldinput { padding:0 5px; font-size:10px; width:50%; font-size:10px; } /* View Profile */ #community.profile .left { clear:left; } #community.profile .right { clear:right; } #community.profile .box { padding:6px 0; } #community.profile .left .box, #community.profile .right .box { padding:6px; } #community.profile .box .button { text-align:right; clear:both; padding-top:8px; } #community.profile .border_bottom { margin-bottom:10px; } * html #community.profile .border_bottom { margin-bottom:5px; } #community.profile #blocked .box { text-align:center; padding:12px 0 8px; } #community.profile #profile p { margin-bottom:2px; font-size:10px; } #community.profile #profile .profile_pic { float:left; margin:0 4px 4px 0; width:50px; } #community.profile #profile #user_options { clear:both; margin-top:4px; } #community.profile #profile #user_options div { padding:2px 0 6px; } #community.profile #profile #user_options a { margin:0 3px; } #community.profile #profile .links { margin:0 1px 4px; } #community.profile #profile .links div { background:#edf1f4; margin:1px 0; padding:3px 3px 3px 1px; font-size:10px; font-weight:bold; } #community.profile #profile table { width:100%; } #community.profile #profile td { background:#edf1f4; padding:4px; font-size:10px; vertical-align:top; } #community.profile #profile td.question { width:40%; font-weight:bold; } #community.profile #profile td.answer { width:60%; } #community.profile #profile .button { padding-top:12px; } * html #community.profile #blog .titlebar, * html #community.profile #comments .titlebar, { background-position:right top; width:195px; border-left:#bcbfc2 3px solid; } #community.profile #blog .box, #community.profile #comments .box { padding:0; } * html #community.profile #blog .box, * html #community.profile #comments .box { padding-left:2px; } #community.profile #blog .box .button, #community.profile #comments .box .button { padding:8px 6px 6px; } #community.profile #blog iframe, #community.profile #comments iframe { width:100%; } #community.profile #friends .friend { text-align:center; width:84px; font-size:9px; padding:6px 4px; } #community.profile #friends .friend img { text-align:center; width:50px; } #community.profile .friend .friend_action { font-size:10px; } #community.profile .friend .username { font-weight:bold; } * html #community.profile #friends_all .box, * html #community.profile #friend_requests_all .box { height:1%; } #community.profile #friends_all .friend { width:190px; padding:16px 8px; font-size:10px; } #community.profile #friends_all .friend.left { clear:left; } #community.profile #friends_all .friend.right { clear:right; } #community.profile #friends_all .friend.gradient { background:url(/cm/marieclaire/images/v01/community/forums/row_bg.gif) repeat-x bottom; } #community.profile #friends_all .friend img { float:left; width:50px; margin:0 4px 4px 0; } #community.profile #friends_all .friend .username { font-size:12px; } #community.profile #friends_all .friend p { line-height:15px; float:left; } #community.profile #friends_all .button { text-align:center; } #community.profile #friend_requests_all .friend { padding:16px; font-size:10px; } #community.profile #friend_requests_all .friend.gradient { background:url(/cm/marieclaire/images/v01/community/forums/row_bg.gif) repeat-x bottom; } #community.profile #friend_requests_all .friend .avatar { float:left; margin-right:16px; } #community.profile #friend_requests_all .friend .username { font-weight:bold; } #community.profile #friend_requests_all .friend p { line-height:15px; } #community.profile #friend_requests_all .friend .options { margin:8px 0; } #community.profile #friend_requests_all .button { text-align:center; width:90px; margin:auto; } /* /PROFILES ********************************************/ /* PROFILE SEARCH ***************************************/ #community.profile_search1 .box { padding:8px 8px 0; } #community.profile_search1 .border_bottom { margin-bottom:10px; } #community.profile_search1 #featured_profile { width:282px; } #community.profile_search1 #featured_profile .feature_image { float:left; margin:0 6px 4px 0; border:#999 1px solid; } #community.profile_search1 #featured_profile p { font-size:11px; } #community.profile_search1 #featured_profile a { margin-right:4px; } #community.profile_search1 #featured_profile .button { clear:both; text-align:right; } #community.profile_search1 #search { width:120px; } #community.profile_search1 #search .box { text-align:center; } #community.profile_search1 #search h3 { font-weight:normal; font-size:11px; } #community.profile_search1 #search input { margin:4px 0; } #community.profile_search1 #search #profile_search_field { width:100px; } #community.profile_search1 #search a {font-size:10px; } #community.profile_search1 #advanced_search { clear:both; } #community.profile_search1 #advanced_search p { font-size:11px; } #community.profile_search1 #advanced_search .mainform { width:100%; } #community.profile_search1 #advanced_search .mainform td { vertical-align:middle; } #community.profile_search1 #advanced_search .mainform .fieldname { background:#f1f5f9; font-size:10px; padding:4px; width:50% } #community.profile_search1 #advanced_search .mainform .fieldinput { padding:0; font-size:10px; width:50%; } #community.profile_search1 #advanced_search .mainform .fieldinput input, #community.profile_search1 #advanced_search .mainform .fieldinput select, #community.profile_search1 #advanced_search .mainform .fieldinput textarea { width:100%; background:#f4f6f6; border-top:#d2d3d3 2px solid; border-left:#d2d3d3 2px solid; border-bottom:#f9fafa 1px solid; border-right:#f9fafa 1px solid; } #community.profile_search1 #advanced_search .mainform .fielddescription { font-size:10px; color:#015496; text-align:center; padding:5px; } #community.profile_search1 #advanced_search .mainform .fielddescription img { margin:0 8px; } #community.profile_search1 #advanced_search .button { text-align:center; padding:4px 0 2px; } /* /PROFILE SEARCH **************************************/ /* GUESTBOOK ********************************************/ #community.guestbook #comment_list_iframe { width:100%; } #community.guestbook .border_bottom { margin-bottom:10px; } * html #community.guestbook .border_bottom { margin-bottom:5px; } #community.guestbook #guestbook_post { padding:10px 0; margin:0; } #community.guestbook #guestbook_post #comment_post_iframe_container { padding:15px 0; } #community.guestbook #guestbook_post #comment_post_iframe_container iframe { margin:auto; display:block; width:360px; height:160px; } #community.guestbook #guestbook_post h3 { font-size:12px; font-weight:normal; padding:16px 16px 0; } #community.guestbook #guestbook_post form { background:#fff; border:none; padding:3px; } #community.guestbook #guestbook_post table { width:100%; } #community.guestbook #guestbook_post table td { width:50%;} #community.guestbook #guestbook_post table .fieldname { background:#f1f5f9; font-size:10px; padding:4px; } #community.guestbook #guestbook_post td input { float:right; width:100%; background:#f4f6f6; border-top:#9aa0a0 2px solid; border-left:#9aa0a0 2px solid; border-bottom:#fff 1px solid; border-right:#fff 1px solid; line-height:17px; } #community.guestbook #guestbook_post #submit { width:100%; text-align:right; height:32px; } #community.guestbook #guestbook_post #submit .button { padding-right:16px; } #community.guestbook #guestbook_post #register .text { margin:10px 5px 8px; } #community.guestbook #guestbook_post #register .button { color:#000; font-size:12px; padding-right:18px; } #community.guestbook #guestbook_post #register .button img { margin-left:21px; } * html #community.guestbook .box { height:1%; } /* /GUESTBOOK *******************************************/ /* PHOTO GALLERY ****************************************/ #community.menu-iframe { background:#bdcbcf; } #community.photo-gallery #photo_gallery_container { margin-bottom:16px; } #community.photo-gallery #photo_gallery_container .box table { margin:auto; } /* /PHOTO GALLERY ***************************************/ /* PERSONAL MESSAGING ***********************************/ #pm_iframe iframe { width:414px; } /* /PERSONAL MESSAGING **********************************/ /******************************************************** USER CONTRIBUTION *********************************************************/ #user_contribution #content_well { padding-bottom:0; } #user_contribution #content_well .container { margin:0 53px; } #user_contribution .mainform { width:100%; border-bottom:#cccbcb 1px solid; } #user_contribution .mainform td { vertical-align:middle; } #user_contribution .mainform .fieldname { background:#f1f5f9; font-size:10px; padding:4px; width:50% } #user_contribution .mainform .fieldinput { padding:0 5px; font-size:10px; width:50% } #user_contribution .mainform .body .fieldinput { padding:0 5px 0 0; } #user_contribution .mainform .fieldinput input, #user_contribution .mainform .fieldinput select, #user_contribution .mainform .fieldinput textarea { width:100%; background:#f4f6f6; border-top:#d2d3d3 2px solid; border-left:#d2d3d3 2px solid; border-bottom:#f9fafa 1px solid; border-right:#f9fafa 1px solid; } #user_contribution .mainform .fielddescription { font-size:10px; color:#015496; text-align:center; padding:5px; } #user_contribution .mainform .fielddescription img { margin:0 8px; } #user_contribution .mainform .upload .fieldname { padding-right:50px; margin-right:8px; } #user_contribution .mainform .upload input { font-size:10px; background:#f4f6f6; border-top:#d2d3d3 2px solid; border-left:#d2d3d3 2px solid; border-bottom:#f9fafa 1px solid; border-right:#f9fafa 1px solid; width:33%; } * html #user_contribution .mainform .upload input { width:55%; } #user_contribution .mainform .captcha { text-align:center; } #user_contribution .mainform .submit { text-align:center; } #user_contribution .mainform .submit p { text-align:left; font-size:10px; margin-bottom:12px; } .redirect { margin:10px 0 20px; text-align:center; } /******************************************************** CUSTOM TOOLS *********************************************************/ /* WebMD ************************************************/ /* #webMD { margin:0 35px; } #webMD #headline { border:none; } #webMD p { line-height:16px; } #webMD .gray_box { margin-bottom:12px; padding:8px; } #webMD #BMICalculator { margin-top:12px; } #webMD #BMICalculator div { margin:16px 0; } #webMD #BMICalculator .label { display:block; float:left; font-size:10px; font-weight:normal; background:#fff; line-height:20px; width:90px; padding:0 5px; } #webMD #BMICalculator input { width:36px; margin:0 3px 0 8px; } #webMD h3 { color:#015496; font-size:18px; font-weight:normal; margin-bottom:4px; } #webMD #results div { margin:0; padding:0; } #webMD #results .marker { text-transform:uppercase; font-size:10px; text-align:center; width:55px; } #webMD #results .bar { border:#757575 1px solid; margin:4px 0; } #webMD #results #current_bmi, #webMD #results #goal_bmi { height:12px; } #webMD #results #current_bmi { background:#f00; width:0; } #webMD #results .points { height:16px; padding-left:1px; } #webMD #results .points span { font-size:10px; margin:25px; } */ #webmd { width: 388px; font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;} #webmd .CNTR { width: 386px; height: 212px; border: 1px solid #cccccc; background: #f6f6f6; margin: 10px 0 0 0;} #webmd .CNTR_more_tools { width: 376px; height: 52px; border: 1px solid #cccccc; background: #f6f6f6; margin: 10px 0 0 0; padding: 10px 5px;} #webmd .blueheading { font: normal 30px/36px Verdana, Arial, Helvetica, sans-serif; color: #015496; letter-spacing: -1px;} #webmd .greyheading { font: bold 14px/16px Verdana, Arial, Helvetica, sans-serif; color: #757575;} #webmd .row { width: 209px; padding: 147px 0 12px 14px; font-size: 10px;} #webmd .label { float: left; background: #fff;} #webmd input { margin: 0px 5px; font-size:10px;} #webmd span.b { font-weight:bold;} #webmd a:link, #webmd a:visited { color:#000; text-decoration:underline; } #webmda:hover { text-decoration:none; } #webmd .row_bmi_calc { width: 209px; padding: 17px 0 14px 14px; font-size: 10px;} #webmd .row_bmi_calc_chart { width:386px; text-align: left; padding: 5px 0 10px 10px; font-size: 10px;} #webmd .row_bmi_calc_results { width:360px; text-align: left; padding: 5px 0 10px 10px; font-size: 10px;} #webmd .CNTR_bmi_results { width: 386px; height: 140px; border: 1px solid #cccccc; background: #f6f6f6; margin: 10px 0 0 0;} #webmd .CNTR_bmi_blue { width: 388px; background: #48789f; text-align: center; font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif; color: #fff;} #webmd .row_breakfast_calc { width: 209px; padding: 12px 0 0px 14px; font-size: 10px;} #webmd select.breakfast_calc { width:190px; font-size: 10px;} #webmd .CNTR_blue { width: 209px; height: 76px; background: #48789f; font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif; color: #fff; padding: 4px 0 0px 14px;} *:first-child+html #webmd .CNTR_blue { background: #48789f; height: 74px; font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif; color: #fff;} * html #webmd .CNTR_blue { background: #48789f; height: 74px; font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif; color: #fff;} #webmd .row_calorie_count { width: 209px; padding: 14px 0 0 14px; font-size: 10px;} #webmd select.calorie_counter { width:190px; font-size: 10px;} #webmd .CNTR_calorie_counter_blue { width: 388px; height: 48px; background: #48789f; text-align: center; font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #fff;} #webmd .row_dessert_wizard { width: 209px; padding: 14px 0 0 14px; font-size: 10px;} #webmd select.dessert_wizard { width:120px; font-size: 10px;} #webmd .CNTR_dessert_wizard_blue { width: 388px; height: 48px; background: #48789f; text-align: center; font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #fff;} #webmd .row_metabolism_calc { width: 209px; padding: 14px 0 0 14px; font-size: 10px;} #webmd select.metabolism_calc { width:106px; font-size: 10px;} #webmd .CNTR_metabolism_calc_blue { width: 388px; height: 48px; background: #48789f; text-align: center; font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #fff;} #webmd .row_target_heart_calc { width: 209px; padding: 14px 0 0 14px; font-size: 10px;} #webmd select.target_heart_calc { width:50px; font-size: 10px;} #webmd .CNTR_target_heart_blue { width: 209px; height: 135px; background: #48789f; font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #fff; padding: 4px 0 0px 14px;} *:first-child+html #webmd .CNTR_target_heart_blue { background: #48789f; height: 131px; font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #fff;} * html #webmd .CNTR_target_heart_blue { background: #48789f; height: 131px; font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif; color: #fff;} /* /WebMD ***********************************************/ /* Fertility Planner ************************************/ #custom_ovulation_planner #content_well .container { margin:0 24px; } #custom_ovulation_planner .titlebar { background:url(/cm/marieclaire/images/v01/bg_comm_titlebar.gif) no-repeat right; height:24px; border-left:#bcbfc2 1px solid; padding-left:4px; color:#015496; font-size:15px; line-height:24px; font-weight:normal; } #custom_ovulation_planner .schedule { width:242px; float:right; margin:0 0 4px 4px; } #custom_ovulation_planner .box { border-left:#bcbfc2 1px solid; border-right:#bcbfc2 1px solid; } #custom_ovulation_planner .border_bottom { background:url(/cm/marieclaire/images/v01/bg_comm_main_b.gif) no-repeat left top; height:10px; width:100%; } * html #custom_ovulation_planner .border_bottom { float:left; } #custom_ovulation_planner .border_bottom .right { background:url(/cm/marieclaire/images/v01/bg_comm_main_b.gif) no-repeat right top; height:10px; width:25%; float:right; } #custom_ovulation_planner .step { padding:10px 30px; border-bottom:#bcbfc2 1px solid; } #custom_ovulation_planner .step img { display:block; margin-left:-20px; } #custom_ovulation_planner .step input { width:25px; margin-right:4px; } #custom_ovulation_planner .step span { font-size:11px; } #custom_ovulation_planner .step p { font-size:8px; line-height:10px; color:#757575; } #custom_ovulation_planner .step .date, #custom_ovulation_planner .step .days { padding:6px 0; } #custom_ovulation_planner .last_period .month { width:62px;} #custom_ovulation_planner .last_period .day { width:51px;} #custom_ovulation_planner .last_period .year { width:55px;} #custom_ovulation_planner .last_period span { display:block; } #custom_ovulation_planner .calculate { margin:6px auto 0; text-align:center; } #custom_ovulation_planner #content_well p { margin-bottom:12px; } #custom_ovulation_planner #content_well b { color:#105496; } #custom_ovulation_planner #content_well #headline { border:none; } #custom_ovulation_planner #content_well h3.month_name { font-weight:normal; font-size:24px; margin:12px 0; color:#015496; } #custom_ovulation_planner #content_well .calendar td { vertical-align:top; border:#777 1px solid; width:57px; } #custom_ovulation_planner #content_well .calendar .rowCal { font-family:Georgia, "Times New Roman", Times, serif; height:85px; } #custom_ovulation_planner #content_well .calendar .rowCal2 { border:none; } #custom_ovulation_planner #content_well .calendar .pms { background-color:#fbf5ea; } #custom_ovulation_planner #content_well .calendar .period { background-color:#fce8e5; } #custom_ovulation_planner #content_well .calendar .ovulation { background-color:#e2f3fd; } #custom_ovulation_planner #content_well .calendar .otherMonth { background-color:#eee; } #custom_ovulation_planner .calendar .day1 { background:url(/cm/marieclaire/images/v01/bg_cal_day_1.gif) no-repeat bottom right; } #custom_ovulation_planner .calendar .day2 { background:url(/cm/marieclaire/images/v01/bg_cal_day_2.gif) no-repeat bottom right; } #custom_ovulation_planner .calendar .day3 { background:url(/cm/marieclaire/images/v01/bg_cal_day_3.gif) no-repeat bottom right; } #custom_ovulation_planner .calendar .day4 { background:url(/cm/marieclaire/images/v01/bg_cal_day_4.gif) no-repeat bottom right; } #custom_ovulation_planner .calendar .day5 { background:url(/cm/marieclaire/images/v01/bg_cal_day_5.gif) no-repeat bottom right; } #custom_ovulation_planner .calendar .day6 { background:url(/cm/marieclaire/images/v01/bg_cal_day_6.gif) no-repeat bottom right; } #custom_ovulation_planner .calendar .day7 { background:url(/cm/marieclaire/images/v01/bg_cal_day_7.gif) no-repeat bottom right; } #custom_ovulation_planner .calendar .day8 { background:url(/cm/marieclaire/images/v01/bg_cal_day_8.gif) no-repeat bottom right; } #custom_ovulation_planner .calendar .day9 { background:url(/cm/marieclaire/images/v01/bg_cal_day_9.gif) no-repeat bottom right; } #custom_ovulation_planner .calendar .day10 { background:url(/cm/marieclaire/images/v01/bg_cal_day_10.gif) no-repeat bottom right; } #custom_ovulation_planner .calendar .day21 { background:url(/cm/marieclaire/images/v01/bg_cal_day_21.gif) no-repeat bottom right; } #custom_ovulation_planner .calendar .day22 { background:url(/cm/marieclaire/images/v01/bg_cal_day_22.gif) no-repeat bottom right; } #custom_ovulation_planner .calendar .day23 { background:url(/cm/marieclaire/images/v01/bg_cal_day_23.gif) no-repeat bottom right; } #custom_ovulation_planner .calendar .day24 { background:url(/cm/marieclaire/images/v01/bg_cal_day_24.gif) no-repeat bottom right; } #custom_ovulation_planner #content_well .calendar a, #custom_ovulation_planner #content_well .calendar div { display:block; width:50px; height:80px; padding:5px 0 0 7px; cursor:pointer; } #custom_ovulation_planner #content_well .legend { margin:12px auto; } #custom_ovulation_planner #content_well .legend span { margin:0 16px 0 6px; vertical-align:top; } /* /Fertility Planner ***********************************/ /******************************************************** MISC *********************************************************/ /* Network Programming Landing Page *********************/ #landing_network_programming #LAYOUT_2_columns { background:#fff; padding-bottom:14px; } #landing_network_programming #content_well .container { margin:auto; width:432px; } #landing_network_programming .features .cell { border-top:#f2f2f2 3px solid; border-bottom:#d5d5d5 3px solid; border-left:#f8f8f8 3px solid; border-right:#e5e5e5 3px solid; width:192px; vertical-align:top; overflow:hidden; } #landing_network_programming .features .cell p { font-size:10px; line-height:13px; padding:4px 0 0; } #landing_network_programming .features .cell .image { width:92px; padding:3px 6px; float:left; } #landing_network_programming .features .cell .image img { border:#868585 1px solid; } #landing_network_programming .features .cell .copy { padding-bottom:4px; } #landing_network_programming .features .cell a, #landing_network_programming .features .cell a:link, #landing_network_programming .features .cell a:visited { color:#000; } #landing_network_programming .features .cell h3 { overflow:hidden; margin:3px 6px; } #landing_network_programming .features .cell h3 a, #landing_network_programming .features .cell h3 a:link, #landing_network_programming .features .cell h3 a:visited { color:#015496; font-size:14px; font-weight:bold; } #landing_network_programming .widget { text-align:center; } #landing_network_programming.bg1 #video_chooser { background:url(/cm/marieclaire/images/v01/tout_video_chooser_bg1.gif) no-repeat; } #landing_network_programming.bg2 #video_chooser { background:url(/cm/marieclaire/images/v01/tout_video_chooser_bg2.gif) no-repeat; } #landing_network_programming.bg3 #video_chooser { background:url(/cm/marieclaire/images/v01/tout_video_chooser_bg3.gif) no-repeat; } #landing_network_programming.bg4 #video_chooser { background:url(/cm/marieclaire/images/v01/tout_video_chooser_bg4.gif) no-repeat; } #landing_network_programming #video_chooser { width:344px; height:113px; padding-top:30px; overflow:hidden; margin-top:8px; } #landing_network_programming #video_chooser .image { padding:3px 6px; float:left; } #landing_network_programming #video_chooser .image img { border:#868585 1px solid; } #landing_network_programming #video_chooser h3 { color:#757575; font-size:12px; text-transform:uppercase; margin:4px 0; } #landing_network_programming #video_chooser p { font-size:10px; margin-bottom:12px; } #landing_network_programming #video_chooser .watch_more { text-align:right; padding-right:16px; } #landing_network_programming #video_chooser .watch_more a, #landing_network_programming #video_chooser .watch_more a:link, #landing_network_programming #video_chooser .watch_more a:visited { color:#757575; font-size:11px; font-weight:bold; } #landing_network_programming #more_features { float:left; width:800px; margin:18px 0 0 13px; background:url(/cm/marieclaire/images/v01/bg_nav_home.gif) repeat-y left #fff; clear:both; } * html #landing_network_programming #more_features { margin:9px 0 0 6px; } *:first-child+html #landing_network_programming #more_features { margin:9px 0 0 6px; } #landing_network_programming #more_features h3 { background:url(/cm/marieclaire/images/v01/bg_related_links_hdr.gif) repeat-x; color:#fff; line-height:24px; padding-left:8px; } #landing_network_programming #more_features .features { width:440px; padding-left:10px; } #landing_network_programming #more_features .features .feature { width:200px; float:left; margin:10px 5px 10px; } #landing_network_programming #more_features .features .feature img { border:#868585 1px solid; float:left; margin-right:3px; } #landing_network_programming #more_features .features .feature h4 { color:#015496; font-size:12px; font-style:italic; } #landing_network_programming #more_features .features .feature p { font-size:10px; } #landing_network_programming #more_features .related_links { width:350px; } #landing_network_programming #more_features .related_links .row { background:url(/cm/marieclaire/images/v01/bg_related_links.gif) repeat-x bottom; line-height:24px; padding-left:4px; } #landing_network_programming #more_features .related_links h4 { color:#000; font-weight:bold; } #landing_network_programming #more_features .related_links a, #landing_network_programming #more_features .related_links a:link, #landing_network_programming #more_features .related_links a:visited { color:#000; font-weight:bold; text-decoration:underline; margin-left:12px; } #landing_network_programming #more_features .related_links a:hover { text-decoration:none; } #landing_network_programming #story_form { float:left; } #landing_network_programming .sponsored_links { padding-top:14px; float:left; } #landing_network_programming .navigator { float:left; background:url(/cm/marieclaire/images/v01/bg_nplp_navigator.gif) no-repeat; height:185px; width:788px; margin-top:12px; } #landing_network_programming .navigator h4 { color:#fff; font:18px normal Arial, Helvetica, sans-serif; margin:1px 0 1px 10px; } #landing_network_programming .navigator .content { width:110px; float:left; text-align:center; } #landing_network_programming .navigator .content img { border:#999 1px solid; } #landing_network_programming .navigator .content a, #landing_network_programming .navigator .content a:link, #landing_network_programming .navigator .content a:visited { color:#fff; font-size:10px; text-align:center; display:block; } #landing_network_programming .navigator .content a:hover { text-decoration:underline; } #landing_network_programming .navigator .content .teaser { font-weight:bold; margin-bottom:3px; } /* /Network Programming Landing Page ********************/