/*---------------------------- DailyMakeover Blogs Master Stylesheet Last Revision: 12/22/08 -----------------------------*/ /*---------------------------- Global Styles -----------------------------*/ body {color:#545454;} #copyright{margin-bottom:30px;} p {line-height:1.6em;} span.feedPromo{float:right; vertical-align:top; right:15px; top:18px; position:relative;} span.feedPromo a{color:#636567; font-size:11px; text-decoration:underline;} span.feedPromo img.feedIcon{margin-left:5px; vertical-align: middle;} div.adWrapperTop {clear:both; height:90px; margin-bottom:10px;} div.adWrapperTop img{float:right;} a:hover{text-decoration:underline;} ul{margin:0px; padding:0px;} li{margin:0px; padding:0px;} .serifText{font-family:Georgia !important;text-transform:none;} #About-The-Author p{margin-top:0px;} .hidden{display:none;} .visible{display:block;} div.leaderboard{display:block; margin-left:245px;} /*---------------------------- Hack Styles -----------------------------*/ #AdWrapper{font-size:10px;} #footer{clear:both; display:block; float:left; margin:20px 0px 0px 0px; width:100%;} div.global_footer .right {margin-bottom:15px;} /*---------------------------- BodyContainer -----------------------------*/ #BodyContainer{height:100%; width:inherit;} #BodyContainer a, a:visited{color:#FF0099;} #BodyContainer a:hover{color:#FF0099; text-decoration:underline;} /*---------------------------- AuthorWidget -----------------------------*/ #AuthorWidget {clear:both; display:block;height:auto;} #AuthorWidget p {margin-left:40px; margin-right:30px;} #AuthorWidget span.feedPromo {float:right; position:relative; top:40px;} #AuthorWidget span.thickBlockHeader h3 {font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; font-size:11px; left:50px; margin:0px; position:relative; text-transform:uppercase; top:28px; width:200px;} #AuthorWidget span.thickBlockHeader h3 a.blogName {color:#999999;font-style:normal;} #AuthorWidget span.thickBlockHeader h4 {font-size:24px; font-style:normal; left:50px; margin:0px; position:relative; top:25px; width:480px;} #AuthorWidget span.thickBlockHeader h4 a {font-style:normal;} #AuthorWidget span.thickBlockHeader img.authorPhoto {background-color:transparent; display:block; float:left; height:75px; position:relative; left:40px; top:14px; width:75px; z-index:2;} #AuthorWidget ul{margin-left:40px; margin-right:40px;} /*---------------------------- LandingHeader -----------------------------*/ #LandingHeader {clear:both;} #LandingHeader div.blockHeader { padding:10px;} #LandingHeader div.pinkHeader {background-image:url(/shared/img/brownbg.gif); background-repeat: repeat-x; color:white; display:block; height:103px;} #LandingHeader div.pinkHeader div.dateText {font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; font-size:28px; font-weight:normal; left:40px; letter-spacing:.05em; position:relative; top:32px; text-transform:uppercase; width:570px;} #LandingHeader div.pinkHeader div.tagLine { clear:both; display:block; left:40px; margin-top:2px; position:relative; top:22px;} #LandingHeader div.pinkHeader div.tagLine h2 {color:white; font-size:10px; margin:0px;} #LandingHeader div.pinkHeader img.authorPhoto {float:left; height:75px; width:75px;} #LandingHeader div.pinkHeader span.serifText {font-family:Georgia !important; font-size:28px; font-weight:lighter; margin-left:10px;} #LandingHeader div.thinBlockHeader h3{font-size:13px; font-weight:bold; left:40px; margin:0px; position:relative; top:22px; width:400px;} /*---------------------------- BlogHeader -----------------------------*/ #BlogHeader {clear:both;} #BlogHeader div.pinkHeader {background-image:url(/shared/img/brownbg.gif); background-repeat: repeat-x; color:white; display:block; height:103px;} #BlogHeader div.pinkHeader img.authorPhoto {float:left; height:75px; left:40px; position:relative; top:15px; width:75px; z-index:2;} #BlogHeader div.pinkHeader h1 {font-size:30px; font-weight:lighter; left:60px; margin:0px; position:relative; top:20px; width:500px;} #BlogHeader div.pinkHeader h1 a {color:white; font-style:normal;} #BlogHeader div.pinkHeader h2 {color:white; font-family:Georgia; font-size:11px; letter-spacing:0px; left:60px; margin:0px; position:relative; text-transform:none; top:20px;} #BlogHeader div.pinkHeader h2 strong{font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; font-weight:normal; letter-spacing:0em; text-transform:uppercase;} #BlogHeader div.boadHeader{background-image:url(/shared/img/boad-banner.jpg); background-repeat: no-repeat; display:block; height:101px;} /*---------------------------- LeftColumn -----------------------------*/ #LeftColumn {border-style:solid; border-width:1px; border-color:#DADADA; float:left; height:100%; padding:0px 0px 25px 0px; width:660px; /*width: 620px NP 1/5/11*/} #LeftColumn div.adWrapper {margin-bottom:50px; margin-top:15px;} #LeftColumn div.thinBlockHeader{background-image:url(/shared/img/graybarbg.gif); background-repeat:repeat-x; background-position: top left; border-bottom-color:#DADADA; border-bottom-style:solid; border-bottom-width:1px; clear:both; display:block; height:50px; position:relative; top:0px; left:0px;} #LeftColumn div.thinBlockHeader h3 {font-size:13px; font-weight:bold; left:40px; margin:0px; position:relative; top:22px; width:400px;} #LeftColumn div.wideBlock {vertical-align:top; } #LeftColumn div.wideBlock .blockHeader {background-color:#E2E2E2; display:block; height:103px; padding:10px; position:relative; top:0px; left:0px;} #LeftColumn span.brownBarHeader {background-image:url(/shared/img/brownbg_lp.gif); background-repeat:repeat-x; background-position: top left; border:0; color:white; display:block; height:53px; position:relative; top:0px; left:0px;} #LeftColumn span.brownBarHeader h2 {color:white; font-size:20px; left:40px; margin:0px; padding:0px; position:relative; top:12px; } #LeftColumn span.blackHR {background-image:url(/shared/img/blackhr.gif); clear:both; display:block; height:8px; margin-top:20px; width:100%;} #LeftColumn span.thickBlockHeader {background-image:url(/shared/img/graybarbg.gif); background-repeat:repeat-x repeat-y; background-position: top left; border-bottom-color:#DADADA; border-bottom-style:solid; border-bottom-width:1px; display:block; height:103px; position:relative; top:0px; left:0px;} #LeftColumn #BlogHeader .thinBlockHeader{display:block;} /*---------------------------- BlogContent -----------------------------*/ #BlogContent {background-image:url(/shared/img/undershadow.gif); background-position:top left; background-repeat:repeat-x; font-size:14px; padding-top:5px;position: relative} #BlogContent a.entryMore{clear:both; font-weight:bold;} #BlogContent h1 {font-size:16pt; font-weight:bold; margin-top:0px; margin-bottom:10px;} #BlogContent p.byline {font-size:92%; margin-top:-10px; margin-bottom:10px;} #BlogContent p {margin:0px; margin-bottom:1em; padding:0px;} #BlogContent div.entry {clear:both; display:block; margin: 25px 40px 25px 40px;} #BlogContent div.entryContent a {color:#FF0099;} #BlogContent div.entryContent a:visited {color:#FF0099;} #BlogContent div.entryContent a:hover {text-decoration:underline; } #BlogContent div.entryContent a.entryMore {color:#FF0099;} #BlogContent div.entryContent a.entryMore:visited {color:#FF0099;} #BlogContent div.entry div.entryContent div.image p {clear:both; font-size:0.8em; padding:5px; text-align:center;} #BlogContent div.entry div.entryContent div.image p span.captionHeader{letter-spacing:.06em; text-transform:uppercase;} #BlogContent div.entry div.entryContent div.left {float:left; margin-right:25px;} #BlogContent div.entry div.entryContent div.right {float:right; margin-left:25px;} #BlogContent div.entry div.entryContent div.bottom {margin-bottom:20px;} #BlogContent div.entry div.entryContent ul {list-style-type:disc; margin-left:20px;} #BlogContent div.entry div.entryContent ul li{list-style-type:disc; list-style-position:inside;} #BlogContent div.entry h1 {font-style:italic; font-weight:lighter; margin-bottom:5px;} #BlogContent div.entry h1.permaTitle {font-style:normal; margin-bottom:5px;} #BlogContent div.entry h3 {color:#999999; font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; font-size:10px; margin:0px; text-transform:uppercase;} #BlogContent div.entry p {margin-bottom:20px;} #BlogContent div.entry p.byline {color:#999999; font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; font-size:10px; font-weight:bold; margin:0px 0px 20px 0px; text-transform:uppercase;} #BlogContent div.entry p.byline a {color:#FF0099; font-style:normal; text-decoration:none;} #BlogContent div.entry p.byline a:visited {font-style:normal; text-decoration:normal;} #BlogContent div.entry p.byline a:hover {text-decoration:underline;} #BlogContent div.entryFooter {background-image:url(/shared/img/graybarbg_noshadow.gif); border-top:1px solid #DADADA; border-bottom:1px solid #DADADA; clear:both; display:block; height:50px;} #BlogContent div.entryFooter ul {display:inline; margin:0px; padding:0px;} #BlogContent div.entryFooter ul li{display:inline; margin-right:2px; padding:0px;} #BlogContent div.entryFooter ul.commentLinks{left:40px; position:relative; top:15px;} #BlogContent div.entryFooter ul.commentLinks li img{margin-right:5px;} #BlogContent div.entryFooter ul.utilityLinks{float:right; position:relative; right:10px; } /* removed top: -2px NP 1/5/11*/ #BlogContent div.listing {margin-bottom:0px;} #BlogContent .searchresult {margin: 10px 0px 10px 0px; } /*---------------------------- PageNav -----------------------------*/ #PageNav {float:left;} #PageNav div.toIndex {float: right; font-family: century gothic; font-size: 12px; font-weight: bold; line-height: 25px; color: #404040; background: url(/shared/img/index_bg.gif) repeat-x; width:620px;} #PageNav div.toIndex div {float: left; width: 20px; height: 23px; text-align: center; cursor: pointer;} #PageNav div.toIndex .on {color: #FF0099; background: url(/shared/img/index_num_bg_on.gif) no-repeat; cursor: default;} #PageNav div.toIndex .off {background: none; color:black;} #PageNav div.toIndex .arr1 {width: 42px; background: url(/shared/img/index_left_arr.gif) no-repeat;} #PageNav div.toIndex .arr1d {width: 42px; background: url(/shared/img/index_left_arr_dis.gif) no-repeat; cursor: default;} #PageNav div.toIndex .arr2 {width: 42px; background: url(/shared/img/index_right_arr.gif) no-repeat;} #PageNav div.toIndex .arr2d {width: 42px; background: url(/shared/img/index_right_arr_dis.gif) no-repeat; cursor: default;} #PageNav a, a:visited, a:hover{color:black; text-decoration:none;} /*---------------------------- CategoryHeader -----------------------------*/ #CategoryHeader {clear:both;} #CategoryHeader div.pinkHeader {background-image:url(/shared/img/brownbg_lp.gif); background-repeat: repeat-x; color:white; display:block; height:55px;} #CategoryHeader div.pinkHeader div.dateText {font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; font-size:24px; font-weight:normal; left:40px; letter-spacing:.05em; position:relative; text-transform:uppercase; top:12px; width:570px;} #CategoryHeader div.pinkHeader div.dateText span.serifText { font-family:Times;} #CategoryHeader div.pinkHeader h1 {font-size:24px; font-weight:lighter; left:15px; margin:0px; position:relative; top:10px;} #CategoryHeader div.pinkHeader h2 {color:white; font-family:Times; font-size:11px; letter-spacing:0px; left:15px; position:relative; text-transform:none; top:15px;} #CategoryHeader div.pinkHeader img.authorPhoto{float:left; height:75px; left:40px; position:relative; width:75px;} /*---------------------------- Comments -----------------------------*/ #Comments div.comment {margin-bottom:0px !important;padding-bottom:0px !important;} #Comments div.comment div.comment-footer {background-image:url(/shared/img/graybarbg_noshadow.gif); background-repeat:repeat; border-color:#DADADA; border-style:solid; border-width: 1px 0px 1px 0px; display:block; height:30px;} #Comments div.comment div.comment-footer a.reportLink {left:40px; position:relative; top:6px; text-decoration:underline;} #Comments div.comment div.comment-footer div.ratings {float:right; font-style:oblique; left:-15px; margin:0px; position:relative; top:5px;} #Comments div.comment div.comment-footer div.ratings img {position:relative; top:4px;} #Comments div.comment div.commentHeader{background-image:url(/shared/img/commentheader.gif); background-repeat:repeat-x; background-position: top left; border:0; color:white; display:block; height:30px; position:relative; top:0px; left:0px;} #Comments div.comment div.commentHeader span.byline {left:40px; position:relative; top:7px;} #Comments div.comment div.commentHeader a {color:white; font-style:normal; font-weight:bold;} #Comments div.comment-reply div.comment-content {border-color:#DADADA; border-style:solid; border-width: 0px 0px 0px 1px;} #Comments div.comment-reply div.comment-footer {border-width: 1px 0px 1px 1px;} #Comments div.comment-reply div.commentHeader {background-image:url(/shared/img/commentthreaded.gif);} #Comments div.comment p.byline {font-family:"Helvetica Neue", Arial, sans-serif; font-size:10px; text-transform:uppercase;} #Comments div#comments-open {font-size:10px;} #Comments div#comments-open {border-top-color:#DADADA; border-top-style:solid; border-top-width:1px; padding: 20px 40px 20px 40px;} #Comments div#comments-open-data label {font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; text-transform:uppercase; font-size:10px; letter-spacing:0.2em; margin-top:10px;} #Comments div#comments-open-data input[type='checkbox'] {margin:5px;} #Comments div#comments-open-data label.textNormal {font-family:Times, Georgia;font-size:13px;letter-spacing:normal;text-transform:none;} #Comments div#comments-open-text label {display:block; font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; text-transform:uppercase; letter-spacing:0.2em; margin-top:10px;} #Comments div.comment-content {background-image:url(/shared/img/undershadow.gif); background-repeat:repeat-x; padding:15px 40px 20px 40px;} #Comments div.comment-reply {margin-left:100px;} #Comments div.comments-open-content {font-family:Helvetica;} #Comments div#preview-box {width:500px;} #Comments textarea#comment-text {font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-size:12px; width:500px;} #Comments div#preview-box div.comment {border-color:#DADADA; border-style:solid; border-width:0px 1px 0px 1px;} #Comments input#comment-submit {float:right; margin-right:38px; margin-top:10px;} /*---------------------------- LatestPosts -----------------------------*/ #LatestPosts {clear:both; display:block; height:auto; padding:25px 40px 0px 40px;} #LatestPosts ul {margin:0px;} #LatestPosts ul li {margin-bottom:20px; height:125px;} #LatestPosts ul li span {margin-bottom:10px;} #LatestPosts ul li span h3 {color:#999999; font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; font-size:10px; margin:0px; text-transform:uppercase;} #LatestPosts ul li span p.byline {margin:0px;} #LatestPosts ul li span a.entryTitle {font-size:22px;} #LatestPosts ul li span a.blogName {color:#636567;font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;font-size:12px;font-style:normal;font-weight:bold; text-decoration:none; text-transform:uppercase;} #LatestPosts ul li span a.blogName:hover {text-decoration:underline;} #LatestPosts ul.leftList {display:block; float:left; margin-right:10px; width:260px;} #LatestPosts ul.rightList {display:block; float:right; width:260px;} /*---------------------------- RightColumn -----------------------------*/ #RightColumn {clear:right; float:right; font-size:14px; height:100%; width:300px;} #RightColumn div.adWrapper{margin-bottom:20px; /* removed padding: 15px and border 1px solid #dadada NP 1/5/11*/} #RightColumn div.narrowBlock {border-style:solid; border-width:1px; border-color:#DADADA; height:auto; margin-bottom:20px; padding:15px 15px 15px 15px;} #RightColumn h2.narrowBlockHeader {background-image:url(/shared/img/graybarbg_noshadow.gif); background-position:top left; background-repeat:repeat-x; border-color:#DADADA; border-style:solid; border-width: 1px 1px 0px 1px; height:20px; margin:0px; padding: 9px 10px 8px 12px;} #RightColumn ul {margin:0px; padding:0px;} #RightColumn ul li {margin:0px 0px 3px 0px; padding:0px;} #RightColumn h3{background-color:#DADADA; margin:0px; width:332px;} /*---------------------------- Search -----------------------------*/ #Search{} #Search input.query{width:218px; margin-right:5px;} input.submitButton{background-image:url(/shared/img/searchbg.gif); background-repeat:repeat-x; cursor:pointer; font-size:10px; text-transform:uppercase; width:75px;} h3.search-results-header{font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; font-size:11px; font-weight:bold; text-transform:uppercase;} h3.search-results-header a{font-style:normal;} /*---------------------------- Tag Cloud -----------------------------*/ #cloud a{font-style:normal; font-family:Georgia, Times;} #cloud a.tag6{font-size:10px;} #cloud a.tag7{font-size:11px;} #cloud a.tag4{font-size:12px;} #cloud a.tag3{font-size:16px;} #cloud a.tag2{font-size:24px;} #cloud a.tag1{font-size:36px;} /********************* TrackBacks *********************/ #trackbacks{margin:20px 40px 20px 40px;} /**********************/ /** Global Nav CSS **/ /**********************/ #TOP ul { margin: 0px; padding: 0px; -webkit-padding-start: 0px; } #global-nav { width: 987px; margin: 0px 0px 20px 0px; padding: 0px; } #global-nav li { display: inline; } /* #global-nav2 li a { display: inline; float: left; height: 28px; margin: 0px; padding: 0px; background-image: url('../../img/nav/sm2_on.png'); overflow: hidden hidden; } #global-nav2 li a:hover {background-image: url('../../img/nav/sm2_over.png'); } #global-nav2 li a:active {background-image: url('../../img/nav/sm2_click.png'); } */ /* Nav button positions */ #global-nav2 li#gn_sm1 a { background-position: 0px 0px; width: 214px; } #global-nav2 li#gn_btr a { background-position: -218px 0px; width: 153px; } #global-nav2 li#gn_ch a { background-position: -370px 0px; width:196px; } #global-nav2 li#gn_bl a { background-position: -562px 0px; width:87px; } #global-nav2 li#gn_cm a { background-position: -641px 0px; width:207px; } #global-nav2 li#gn_bt a { background-position: -860px 0px; width:121px; } #global-nav li a { display: inline; float: left; height: 28px; margin: 0px; padding: 0px; background-image: url('http://www.dailymakeover.com/images/global/nav/on.gif'); overflow: hidden hidden; } #global-nav li a:hover { background-image: url('http://www.dailymakeover.com/images/global/nav/over.gif'); } #global-nav li a { border:none; } #global-nav li a { display: block; float: left; margin: 0px; background-repeat: no-repeat; cursor: pointer; } #global-nav li a, #TOP li a { text-indent: -7777px; } /* Nav button positions */ #global-nav li#gn_ms a { background-position: 0px 0px; width:214px; } #global-nav li#gn_cm a { background-position: -214px 0px; width:207px; } #global-nav li#gn_ch a { background-position: -420px 0px; width:196px; } #global-nav li#gn_bt a { background-position: -615px 0px; width:121px; } #global-nav li#gn_pr a { background-position: -735px 0px; width:162px; } #global-nav li#gn_bl a { background-position: -896px 0px; width:87px; } #loginout { margin:0px 20px 0px 0px; padding:0px; -webkit-padding-start: 0px; } #loginout li { display: inline; } #loginout li.loginout-button a { float: right; height: 7px; margin: 10px 0 10px 10px; padding: 0px; background-image: url('http://www.dailymakeover.com/images/global/nav/loginout.gif'); overflow: hidden; } /* Login / out normal states */ #loginout li a { height: 10px; border: none; } #loginout li#loginout-login a { background-position: 0px 0px; width:37px; } #loginout li#loginout-myaccount a { background-position: -38px 0px; width:73px; } #loginout li#loginout-logout a { background-position: -112px 0px; width:48px; } /* Login / out hover states */ #loginout li#loginout-login a:hover { background-position: 0px -8px; width:37px; } #loginout li#loginout-myaccount a:hover { background-position: -38px -8px; width:73px; } #loginout li#loginout-logout a:hover { background-position: -112px -8px; width:48px; } .global_footer img {border: none;} .global_footer {padding: 0px; margin: 20px 0 0 0; font-family: georgia, arial; font-size: 12px; color: #4c4c4c;} .global_footer .logo {float: left;} .global_footer .slogan {float: left; padding-left: 30px; line-height: 44px; font-size: 11px;} .global_footer .copyright {float: right; clear: both; width: 700px; margin-top: 5px; font-family: georgia, arial; font-size: 11px; color: #b2b2b2;} .global_footer .right #second.nav {width: 820px;} /* 720 */ .global_footer .right #third.nav {width: 300px;} .global_footer .right {float: right; width: 830px; text-align: right;} /* 780 */ .global_footer .right .nav {float: right; clear: both; margin-bottom: 7px; width: auto;} .global_footer .right .nav .item {float: right; padding: 0 8px; border-right: 1px solid #b2b2b2;} .global_footer .right .nav #last.item {border: none; padding-right: 0px;} .global_footer a, .global_footer a:active, .global_footer a:visited {font-family: georgia, arial; font-size: 11px; font-weight:normal; color: #4c4c4c; text-decoration: none; font-style: oblique;} .global_footer a:hover {font-family: georgia, arial; font-size: 11px; font-weight:normal; color: #4c4c4c; text-decoration: underline; font-style: oblique;} #wedding_nav_banner { float: left; margin: 7px 0 10px 10px; font-size: 12px; color: #000; } #wedding_nav_banner div a { font-style: normal; font-weight: bold; color: #FF0099; text-indent: 0px; } #wedding_nav_banner div a:hover { text-decoration: underline; } #wedding_nav_banner img, #wedding_nav_banner div { float: left; } /*---------------------------- Sponsored Posts -----------------------------*/ .alignr {text-align: right} .sponsored .permaTitle { /* width: 430px; */ line-height: 1.2em } .sponsored p {font-size: 14px} /* .sponsored p.quote {font-style: italic} */ .sponsoredLogo { float: right; margin-top: -10px } #BlogContent.sponsored div.entry h3, .sponsored .quote-author, .quote-author-title { font-family: Georgia; } #BlogContent.sponsored div.entry h3{ font-size: 22px; padding: 10px; margin: 10px 0 20px;text-transform: none; font-weight: normal; color: #333; border-bottom: 1px solid #ccc; clear: both} .sponsored .quote-author, .quote-author-title{ font-style: italic } .sponsored .quote-author { font-size: 14px; margin: 0; padding: 0;font-weight: bold;} .sponsored .sponsorimage {position: absolute; right: 0;} #BlogContent.sponsored div.entry p a {color: #333; font-style: normal} #BlogContent.sponsored div.entry div.entryContent div.left {margin-bottom: 20px;} .sponsored hr { border-width: 0 0 1px 0; border-style: solid; border-color: #ccc; clear: both }