/*---------------------------- DailyMakeover Blogs Beauty Bloggerati Stylesheet Last Revision: 12/13/10 Revised: Nelson Polanco -----------------------------*/ /*---------------------------- Global -----------------------------*/ a.read_more {color:black !important; clear:both; display:block; font-size:0.8em; font-weight:bold; font-size:10px; margin:3px 0px; text-transform:uppercase;} h2 {color:black; font: normal light 1.8em "Georgia", serif; font-style:normal; margin-bottom:0px; padding:0px; text-transform:uppercase;} h4 {font-family: "Helvetica Neue", sans-serif; font-size:.9em; font-style:normal; font-weight:normal; margin:0px; text-transform:uppercase;} h5 {font: normal bold .7em "Helvetica Neue", sans-serif; margin:0px; text-transform:uppercase;} /*---------------------------- id: Primary Column Structure -----------------------------*/ div#BodyContainer div#LeftColumn {border:0px; width:660px;} /*---------------------------- id: Sub-Column Structure -----------------------------*/ div#LeftColumn div.hr_divider {background:transparent url(../img/hr_divider_bg.gif) top left repeat-x; clear:both; display:block; height:5px; margin:10px 0px 20px 0px; width:660px;} div#RightColumn {width:300px;} div#RightColumn div.narrowBlock {padding:10px 20px 20px 20px;} div#RightColumn div.narrowBlock h2 {font-family:"Georgia", "Times New Roman"; font-weight:normal; margin:0px; text-align:center;} div#RightColumn div.narrowBlock ul {border-bottom:1px dotted #ccc; margin:0px;} div#RightColumn div.narrowBlock ul li {border:1px dotted #ccc; border-width:1px 0px 0px 0px; margin:0px; text-align:center;} div#RightColumn div.pink a {color:#FF0099;} div#RightColumn div.pink a:visited {color:#FF0099;} div#RightColumn div.pink a:hover {color:#FF0099;} div#RightColumn div.adWrapper {border:0px; padding:0px;} div#BodyContainer div.blogroll {font-size:14px;} div#BodyContainer div.blogroll h3 {font-size:1em;} div#BodyContainer div.blogroll a {color:#FF0099; font-style:normal; font-weight:bold;} div#BodyContainer div.blogroll div.blogroll_header h1 {display:none;} div#BodyContainer div.blogroll div.blogroll_header span {display:none;} div#BodyContainer div.blogroll .blogroll_item {border-bottom: 1px dotted #CCCCCC;; clear:both; padding:20px 0px 20px 0px;}/* changed padding to 20px 0 20px 0 -NP 12/7/2010 */ div#BodyContainer div.blogroll .blogroll_item div.image {float:left; margin-right:20px; width:83px } /* changed margin to 20px -NP 12/7/10 */ div#BodyContainer div.blogroll .blogroll_item div.image img {border:1px solid #ccc;} div#BodyContainer div.blogroll .blogroll_item div.text {display:block; float:left; width:523px;} /* changed width to 53px -NP 12/7/10 */ div#BodyContainer div.blogroll .blogroll_item div.text h3{font-size:24px; font-family: Georgia;line-height: 25px; } div#BodyContainer div.blogroll .blogroll_item div.text h3 a{ font-weight: normal;} div#BodyContainer div.blogroll .blogroll_item div.text span.open-link{background: transparent url('http://www.dailymakeover.com/blogs/img/exit_site.gif') no-repeat 0 0; width:14px; height: 11px;display:inline-block; zoom: 1; *display: inline; border: none;vertical-align: middle; margin: -4px 0 0;} div#BodyContainer div.blogroll .blogroll_item div.text span.date, div#BodyContainer div.blogroll .blogroll_item div.text span.author{font-size:9px; text-transform: uppercase; margin-right: 10px; padding-right: 10px;border-right: 1px solid #ccc;} div#BodyContainer div.blogroll .blogroll_item div.text span.author{border:0; font-weight: bold;} div#BodyContainer div.blogroll .blogroll_item div.text p {font-size:12px; margin:0px;} div#BodyContainer div.blogroll .blogroll_item div.text p.byline {font-style:oblique; line-height:1em; margin-bottom:5px;} div#BodyContainer div.blogroll div.blogroll_footer {border-top:1px dotted #ccc; padding:5px 0px 15px;} div#BodyContainer div.blogroll div.blogroll_footer a {color:black; font-weight:normal; font-size:12px; font-style:oblique; text-decoration:underline;} div#meet-bloggerati { border-top: 1px solid #E8E8E8;padding-bottom:30px;} div#meet-bloggerati a{background: transparent url('http://blogs.dailymakeover.com/beauty-bloggerati/img/meetbloggerati.gif') no-repeat 0 0; display:block;height:59px; width: 300px; } div#meet-bloggerati a:hover {background-position: 0 -79px} /*------------------------------------ Bloggers Page --------------------------------------*/ div#BodyContainer div#allBloggersLeft, div#BodyContainer div#allBloggersRight{font-size:12px;} div#BodyContainer div#allBloggersLeft .blogroll_item, div#BodyContainer div#allBloggersRight .blogroll_item { padding:20px 0;margin: 0 ;} div#BodyContainer div#allBloggersLeft .blogroll_item div.text, div#BodyContainer div#allBloggersRight .blogroll_item div.text {width:215px; } div#BodyContainer div#allBloggersLeft .blogroll_item div.text h3, div#BodyContainer div#allBloggersRight .blogroll_item div.text h3 {font-size:14px; font-weight:bold;line-height: normal;margin:0 0 4px 0;} div#BodyContainer div#allBloggersLeft div.blogroll_footer, div#BodyContainer div#allBloggersRight div.blogroll_footer, div#BodyContainer div#allBloggersLeft div.last, div#BodyContainer div#allBloggersRight div.last {border: 0} /*---------------------------- allBloggers -----------------------------*/ div#allBloggersLeft {float:left; width:320px; margin-right:20px;} div#allBloggersLeft .blogroll_item {margin-bottom:50px;} div#allBloggersLeft h3 {margin-bottom:0px;} div#allBloggersRight {float:left; width:320px;} div#allBloggersRight .blogroll_item {margin-bottom:50px;} div#allBloggersRight h3 {margin-bottom:0px;} img#blogger-header{ border-bottom: 1px solid #E8E8E8;} /*---------------------------- BannerHeader -----------------------------*/ div#BannerHeader {background: transparent url(../img/bloggerati_main_header.gif) top center no-repeat; border-bottom:1px solid #ccc;display:block; height:95px; width:660px;position:relative;} div#BannerHeader div img {border:1px solid #ccc;} div#BannerHeader a.bloggers-link {display:block; position:absolute; width: 126px; height: 66px; left: 493px; top:5px;background: transparent url(../img/bloggerati_main_header.gif) -493px 0 no-repeat ;} div#BannerHeader a.bloggers-link:hover {background-position: -493px -88px;} div#BannerHeader div#bannerAdPromo1 {position:relative;float:left; margin-top:12px;} div#BannerHeader div#bannerAdPromo2 {position:relative; float:right; margin-top:12px;} div.hr_divider {background:transparent url(../img/hr_divider_bg.gif) top left repeat-x; clear:both; display:block; height:5px; margin:0px 0px 20px 0px; width:660px;} /*---------------------------- aboutBloggerati -----------------------------*/ div#aboutBloggerati {padding:0px !important;} div#aboutBloggerati a {color:#ff0099;} div#aboutBloggerati a:hover {color:#ff0099; text-decoration:underline;} div#aboutBloggerati h2 {background: transparent url(../img/about_blog_bg.gif) top left no-repeat; text-indent:-9999px; left:10px; position:relative; top:15px;} div#aboutBloggerati p {font-size:12px; font-style:oblique; margin:15px 10px; text-align:center;} /*---------------------------- Scoop -----------------------------*/ div#scoop {clear:both; display:block; padding: 10px; border: 1px solid #CCC; margin-bottom: 10px;} div#scoop div.content {padding: 10px;} div#scoop div.scoop_content h4 {font-style:normal; text-align: center;text-transform:none;} div#scoop div.content a {font-style:normal; font-weight:bold; color:#ff0099;} div#scoop div.content p{font-size:12px; line-height: 1.5em; margin:5px 0px 8px 0px;} div#scoop div.content ul {} div#scoop div.content ul li {margin-bottom:8px;border-top:1px dotted #CCCCCC;padding-top:4px;} div#scoop div.content ul li p {margin:0px;} div#scoop div.content ul li p span {font-style:oblique;} div#scoop div.content ul li .endDate {float:right;font-size:10px;margin-top:-17px;} div#scoop .scoop_header {background: transparent url(../img/scoop_header.gif) top center no-repeat; text-indent:-9999px; height: 34px;padding-left: 10px;} /*---------------------------- bloggeratiBlogroll and DM blogroll -----------------------------*/ div#bloggeratiBlogroll {font-size:12px;} div#bloggeratiBlogroll a {color:#FF0099 !important;} div#bloggeratiBlogroll h2 {background: transparent url(../img/beautyblog_header.gif) top center no-repeat; text-indent:-9999px; height: 40px;} div#RightColumn div#DM_blogroll {padding: 10px 10px 20px;} div#DM_blogroll h2 {background: transparent url(../img/DM_blogs_header.gif) top center no-repeat; text-indent:-9999px; height: 36px; width: 277px;} /*---------------------------- featuredTopic -----------------------------*/ div#featuredTopic {clear:both; display:block; padding-bottom:10px;} div#featuredTopic div.image {display:block; float:right; margin-left:20px;} div#featuredTopic div.image p {color:#b8b8b8; font-family:"Helvetica Neue", sans-serif; font-size:12px; font-style:normal; font-weight:normal; margin-top:4px;} div#featuredTopic div.image p span {font-size:11px; font-style:oblique;} div#featuredTopic div.content {} div#featuredTopic div.content a {font-style:normal; font-weight:bold; color:#ff0099;} div#featuredTopic div.content p{font-size:12px; line-height: 1.5em; margin:5px 0px 8px 0px;} div#featuredTopic div.content ul {} div#featuredTopic div.content ul li {margin-bottom:8px;} div#featuredTopic div.content ul li p {margin:0px;} div#featuredTopic div.content ul li p span {font-style:oblique;} /*---------------------------- expertCorner -----------------------------*/ div#expertCorner {background:#fdf6fb url(../img/expert_corner_bg.gif) top left no-repeat; display:block; float:left; margin-right:10px; width:322px;} div#expertCorner div.blogroll_header {border-left:1px solid #ccc; display:block; height:35px;} div#expertCorner div.blogroll_header a {display: block; position: absolute; width: 308px; height: 77px; text-indent: -1000em; overflow: hidden;} /*Added for linked header 06.26.09 HJG */ div#expertCorner .blogroll_content {border:1px solid #ccc; border-top:0px; padding:50px 10px 0px 10px;} div#expertCorner .blogroll_content h5 a {color:#636567;} div#expertCorner .blogroll_content h5 a:hover {color:#FF0099;} /*---------------------------- bloggeratiBuzz -----------------------------*/ div#bloggeratiBuzz {background:white; float:left; width:322px;} /* removed url(../img/blog_buzz_bg.gif), display:block; */ div#bloggeratiBuzz div.blogroll_header {display:block; } /* removed height:35px; */ div#bloggeratiBuzz div.blogroll_header a {background: url(../img/blog_buzz_bg.gif) no-repeat center 0; display: block; height: 77px; text-indent: -1000em; overflow: hidden;} /*Added "center 0" to Background 3.11.10 NP */ div#bloggeratiBuzz .blogroll_content {padding: 8px 10px 0px 10px;} /* Changed padding for new header to 50px->8px 06.26.09 HJG */ div#bloggeratiBuzz .blogroll_content h5 a {color:#636567;} div#bloggeratiBuzz .blogroll_content h5 a:hover {color:#FF0099;} /* Removed the Expert Corner and making the Bloggeratia two col 11-3-10 NP*/ div#BodyContainer div#bloggeratiBuzz{width: 658px;} div#BodyContainer div#bloggeratiBuzz .blogroll_item{clear:none;float:none;vertical-align:top;width:100%;display: block;}/* Changed Width to 100% NP 12/7/2010*/ /*---------------------------- Utility -----------------------------*/ center img{border:none; margin-bottom:5px;} div#footer div.global_footer h4 {font-size:16px; text-align:center;} div#footer div.global_footer p {color:#666; font-size:14px; text-align:center;} div#footer div.global_footer p a {font-weight:bold; font-size:14px; font-style:normal;} #BodyContainer a {color:#0099CC;} #BodyContainer a:hover {color:#0099CC;} /*---------------------------- id: VideoWidget -----------------------------*/ div.hr_divider_video {background:transparent url(../img/hr_divider_bg.gif) repeat-x scroll left top;clear:both;display:block;height:5px;} div.hr_divider_video_thin {background:transparent url(../img/hr_divider_bg.gif) repeat-x scroll left top;clear:both;display:block;height:1px;} div#VideoWidget h2 {background: transparent url(../img/video_trends.gif) 0px center no-repeat; height: 46px; text-indent: -1000em;} div#VideoWidget {background: transparent url(../img/video_background.jpg) top left no-repeat; margin-bottom:10px; padding:0px !important; width:655px !important} div#VideoWidget div#MainVideo {margin:14px 0px 0px 0px; width:425px; float: left;} /* height:425px; */ div#VideoWidget div#MainVideo h4 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-style:normal; font-weight:bold; margin-top:10px;} div#VideoWidget div#MainVideo div.time-stamp {font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; font-size:.7em; font-weight:normal; margin:0px; text-transform:uppercase;} div#VideoWidget div#MainVideo div.video-description {font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; font-size:.7em; font-weight:normal; margin:0px; margin:10px 0px 10px 0px;} div#VideoWidget div#VideoPicker {display:block; height:370px; overflow-x:hidden; overflow-y:scroll; padding:14px 0px 0px 20px; width:210px; *width: 206px;} div#VideoWidget div#VideoPicker div.video-roll div.video-roll-item {display:block; margin:6px 10px 10px 0px; width:155px;} div#VideoWidget div#VideoPicker div.video-roll div.video-roll-item div.entry-title {clear:both; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:.9em; font-weight:bold;} div#VideoWidget div#VideoPicker div.video-roll div.video-roll-item div.entry-title a {color:#545454; font-style:normal;} div#VideoWidget div#VideoPicker div.video-roll div.video-roll-item div.entry-title a:visited {color:#545454; font-style:normal;} div#VideoWidget div#VideoPicker div.video-roll div.video-roll-item div.thumbnail {float:left; display:block; border:2px solid #eeeeee;} div#VideoWidget div#VideoPicker div.video-roll div.on div.thumbnail {display:block; border:2px solid #FF0099;} div#VideoWidget div#VideoPicker div.video-roll div.video-roll-item img {border:1px solid white;} div#VideoWidget div#VideoPicker div.video-roll div.video-roll-item p.byline {font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; font-size:.7em; font-weight:normal; margin:0px; text-transform:uppercase;} div#VideoWidget div#VideoPicker h4 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:.9em; font-style:normal; font-weight:bold; margin:0px;}