/*---------------------------- DailyMakeover Blogs Wedding Beauty Stylesheet Last Revision: 4/09/09 -----------------------------*/ /*---------------------------- id: Primary Column Structure -----------------------------*/ div#BodyContainer div#LeftColumn {border:0px; width:981px;} /*---------------------------- id: Sub-Column Structure -----------------------------*/ div#LeftColumn div#LeftColumnLeftSubColumn {float:left; width:336px;} div#LeftColumn div#LeftColumnRightSubColumn {float:left; margin-left:20px; width:624px;} /*---------------------------- id: LeftColumnRightSubColumn -----------------------------*/ div#LeftColumnRightSubColumn div.adWrapper {display:block; float:left; margin:0px; width:300px;} div#LeftColumnRightSubColumn div.split_row {clear:both; display:block; margin-bottom:10px;} div#LeftColumnRightSubColumn div.white-box {border:1px solid silver; display:block; padding:15px; width:590px;} div#LeftColumnRightSubColumn div.white-box a {font-style:normal;} div#LeftColumnRightSubColumn div.white-box-small {float:left; margin-right:20px; width:270px;} div#LeftColumnRightSubColumn div.white-box-small h2 {text-align:center;} div#LeftColumnRightSubColumn div.white-box-small p {line-height:normal; margin:0px;} div#LeftColumnRightSubColumn div.white-box-small p.small_center {text-align:center; font-size:0.75em;} div#LeftColumnRightSubColumn div.white-box-small ul {border-bottom:1px dotted #ccc; margin-top:10px;} div#LeftColumnRightSubColumn div.white-box-small ul li {border:1px dotted #ccc; border-width:1px 0px 0px 0px; padding:5px 0px;} div#LeftColumnRightSubColumn div.white-box-small ul li p {font-size:0.8em; font-style:oblique;} div#LeftColumnRightSubColumn div.white-box-top {border-bottom:0;} div#LeftColumnRightSubColumn div.white-box h2{clear:right; font-size:24px; font-style:normal; line-height:1em; margin:0px; text-transform:uppercase;} div#LeftColumnRightSubColumn div.white-box h2 a{color:black;} div#LeftColumnRightSubColumn div.white-box h2 a:hover{color:#ff0099; text-decoration:underline !important;} div#LeftColumnRightSubColumn div.white-box h2 a:visited:hover{color:#ff0099; text-decoration:underline !important;} div#LeftColumnRightSubColumn div.white-box h2 span{color:#FF0099; font-size:13px; font-style:oblique; font-weight:bold; text-transform:none;} div#LeftColumnRightSubColumn div.white-box img.try-it-on {float:right;} div#LeftColumnRightSubColumn div.white-box p{font-family:"Helvetica Neue",Helvetica,Arial; font-size:0.9em; line-height:1.3em; margin:0;} /*---------------------------- id: BannerHeader -----------------------------*/ div#BannerHeader {background-image:url(../img/wedding_beauty_header.gif); display:block; height:110px; margin-bottom:1px; width:980px;} /*---------------------------- id: BlogFeedWidget -----------------------------*/ div#BlogFeedWidget {background:url(../img/crosshatch.gif); background-position:top left; background-repeat:repeat; border:3px solid #eeeeee; display:block; z-index:0;} div#BlogFeedWidget div.blog-feed-inner {border: 3px white solid; display:block; padding-top:20px; z-index:1;} div#BlogFeedWidget div.blog-feed-inner div.blog-feed-header {background:transparent url(../img/featured_articles_header.gif) top center no-repeat; display:block; height:24px; margin-bottom:20px;} div#BlogFeedWidget div.blog-feed-entry-listing {clear:both; display:block; margin:7px 15px 15px 15px;} div#BlogFeedWidget div.blog-feed-entry-listing a {color:#545454; font-style:normal;} div#BlogFeedWidget div.blog-feed-entry-listing a.more_link {clear:both; display:block; font-size:0.8em; font-weight:bold; text-transform:uppercase;} div#BlogFeedWidget div.blog-feed-entry-listing a:visited {color:#545454; font-style:normal;} div#BlogFeedWidget div.blog-feed-entry-listing a:hover {color:#ff0099; text-decoration:underline;} div#BlogFeedWidget div.blog-feed-entry-listing div.entry-title {display:block; font-size:1.1em; line-height:auto;} div#BlogFeedWidget div.blog-feed-entry-listing div.entry-title a {color:#0099cc; font-style:normal;} div#BlogFeedWidget div.blog-feed-entry-listing div.entry-title a:visited {color:#0099cc; font-style:normal;} div#BlogFeedWidget div.blog-feed-entry-listing div.excerpt {display:block; float:left;} div#BlogFeedWidget div.blog-feed-entry-listing div.text {float:left; width:212px;} div#BlogFeedWidget div.blog-feed-entry-listing div.long {float:left; width:290px;} div#BlogFeedWidget div.blog-feed-entry-listing img.thumbnail {border:1px solid gray; display:block; float:left; height:70px; line-height:auto; margin:0px 10px 0px 0px; width: 70px; z-index:100;} div#BlogFeedWidget div.blog-feed-entry-listing div.time-stamp {font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; font-size:.7em; font-weight:normal; text-transform:uppercase;} div#BlogFeedWidget div.blog-feed-entry-listing p {background:transparent; display:block; font-size:.8em; margin:0px; text-align:left; widows:1;} div#BlogFeedWidget div.blog-feed-entry-listing p.byline {display:block; font-style:oblique;} div#BlogFeedWidget div.blog-feed-footer {margin:5px 15px 15px 15px;} div#BlogFeedWidget div.blog-feed-footer a {color:#545454; text-decoration:none; text-transform:uppercase;} div#BlogFeedWidget div.blog-feed-footer a:hover {color:#0099cc; text-decoration:underline;} div#BlogFeedWidget img.feed-header {clear:both; margin:5px 5px 10px 5px;} /*---------------------------- id: MoreBeautyAdviceWidget -----------------------------*/ div#MoreBeautyAdviceWidget {clear:both; display:block; margin-top:20px;} div#MoreBeautyAdviceWidget a {color:#0099CC; line-height:18px; font-style:normal;} div#MoreBeautyAdviceWidget h3 {font-size:15px; font-weight:normal; margin:0px 0px 5px 0px; text-transform:uppercase;} div#MoreBeautyAdviceWidget div.more_beauty_advice_header {background:transparent url(../img/more_beauty_advice_header.gif) top center no-repeat; display:block; height:24px; margin-bottom:15px; width:337px;} div#MoreBeautyAdviceWidget img.image-header {margin:-65px 0px 0px 5px;} div#MoreBeautyAdviceWidget img.image-footer {margin:10px 0px 15px 80px;} div#MoreBeautyAdviceWidget p {font-size:.8em; font-style:italic; margin:-3px 0px 0px 0px;} div#MoreBeautyAdviceWidget ul {margin-bottom:20px;} div#MoreBeautyAdviceWidget ul li {margin-bottom:5px;} /*---------------------------- id: BridalBeautyQA -----------------------------*/ div#BridalBeautyQA div {display:block; margin-top:5px;} div#BridalBeautyQA div a {color:black; float:right; text-transform:uppercase;} div#BridalBeautyQA div a:hover {color:black;} /*---------------------------- id: TopBridalLooksWidget -----------------------------*/ div#TopBridalLooksWidget div {margin-top:10px;} div#TopBridalLooksWidget img.try-it-on {margin-right:90px; margin-top:-190px;} /*---------------------------- id: TopBridalLooksWidget -----------------------------*/ div#BridalBlingWidget {background:transparent url(../img/bridal_bling_bg.jpg) top right no-repeat; height:105px;} div#BridalBlingWidget p {width:170px !important;} div#BridalBlingWidget img.try-it-on {margin-right:410px; margin-top:-105px;} /*---------------------------- id: CelebrityInspiredWidget -----------------------------*/ div#CelebrityInspiredWidget {background:transparent url(../img/celebrity_inspired_bg.jpg) top left no-repeat; height:180px;} div#CelebrityInspiredWidget h2 {left:305px; position:relative; width:220px !important;} div#CelebrityInspiredWidget img.top-looks-header {float:left; margin-right:10px;} div#CelebrityInspiredWidget p {left:306px; position:relative; width:280px !important;} div#CelebrityInspiredWidget img.try-it-on {float:right; margin-right:100px; margin-top:-180px; position:relative;} /*---------------------------- id: WeddingMakeoverWidget -----------------------------*/ div#WeddingMakeoverWidget {background:transparent url(../img/wedding_makeover_bg.jpg) top right no-repeat; height:140px;} div#WeddingMakeoverWidget p {width:211px;} /*---------------------------- 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;} a.more_link {clear:both; color:#545454 !important; display:block; font-size:0.8em !important; font-weight:bold; text-transform:uppercase;} a.more_link:hover {color:#FF0099 !important; text-decoration:underline !important;}