.50kfangiveaway p { display:block; margin: 0 0 0 100px; font-size: 12px; width:100%; height:20px; background-color:#fffd7e; } body { background: url(http://content.latest-hairstyles.com/images/v4/bg.jpg) repeat-x #f9f9f9; margin:0; font-family:Arial, Helvetica, sans-serif; } .body-header { width:1030px; height:109px; background: url(http://content.latest-hairstyles.com/images/v4/body-bg-header.png) no-repeat; margin-left:auto;margin-right:auto; } .header-logo { width:100px; margin-left:20px; float:left } .header-search { width:275px; float:right; margin:40px 125px 0 0; height:50px; } #container { width:1030px; background: url(http://content.latest-hairstyles.com/images/v4/body-bg-top.png) repeat-x; margin-left:auto;margin-right:auto; } a:link { color:#14b9d2; } /* unvisited link */ a:visited {color:#009db5; } /* visited link */ a:hover { color:#ff1c6c; } /* mouse over link */ a:active {color:#14b9d2;} /* selected link */ p { line-height:1.6em; } .clear { clear:both; } #left-menu { font-size:12px; line-height:20px; width:170px; background-color:#f2f2f2 } #left-menu a { text-decoration:none; color:#838383 } .menu-links { width:165px; margin:10px 0 0 2px; } .table-content { border-left:0px solid #e8e8e8; padding:0 5px 0 5px; } .center-content p { font-size:0.8em; margin-top:0; padding-top:0; font-family:Arial, Helvetica, sans-serif; font-variant: normal; font-weight: normal; } .center-content .text-02 { font-size:18px; margin:0;padding:0; } .center-content h1 { color:#2e2e2e; font:normal 1.875em arial,Verdana,sans-serif; font-weight:normal; line-height:1.1; margin:5px 0 0px 0;padding:0; } .center-content .article-date { font-size:10px; line-height:15px;margin:0;padding:0; color:#999 } .center-content .author { font-size:11px; color:#999; line-height:25px; margin:0; } .center-content .author a { text-decoration:none; color:#999; } .center-content .article-subhead { color:#666; } .center-content ul { list-style-position:inside; } .center-content li { line-height: 170%;margin:15px 0 15px 15px; } .article-intro .bqstart { float: left; height: 45px; margin-top: -25px; padding-top: 0px; margin-right:15px; margin-bottom: -50px; font-size: 600%; color: #cbcbcb; font-family:"Times New Roman", Times, serif; font-style: normal; } .article-intro blockquote { margin: 20px 45px 20px 45px; padding: 0; font-size: 14px; color:#5a5a5a; line-height: 18px; font-style: normal; } #bottom-take-action { position: fixed; bottom: 0px; left:0; height: 120px; width: 100%; display: none; margin:0; padding:0; background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/bottomemailbanner.png) 0 -28px no-repeat; z-index:999999; } #bottom-take-action-box .how-often { margin: 34px 0 0 780px; } #bottom-take-action-box .email-box { margin: 8px 0 0 648px;} #bottom-take-action-box .email { float:left; background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/bottomemailbanner.png) no-repeat 0 -167px; border:0; width:220px;height:33px; padding:0 0 0 5px; margin:0 2px 0 15px; font-size:16px; color:#9b9b9b; letter-spacing:-1px } #bottom-take-action-box .button { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/bottomemailbanner.png) no-repeat -227px -167px; width:103px; height:33px;border:0; margin:0px 0 0px 0px;padding:0px 0 0px 0;vertical-align: middle; cursor:pointer; overflow: hidden; text-indent: -999px; font-size: 0;display:block; line-height: 0; } /* --------- HOME PAGE FORMATTING ----------- */ .home-nav-crumb h1 { font-size:10px; color:#aeaeae } #home-content-top { margin:20px 0 10px 0; } #home-just-added { float:left; width:285px; } .home-just-added-title { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0 -295px; width:285px; height:29px; margin:0 0 15px 0; } #home-just-added p { font-size:14px; line-height:20px; color:#4c4c4c } #home-just-added a { font-size:18px; text-decoration:none; } #home-just-added img { padding:1px; border:1px solid #e5e5e3; } #home-blog { float:right; width:312px; margin:0 15px 0 0; } .home-blog-thumbnail img { width:175px; height:125px; border:0px solid #d3d3d3; padding:1px; margin:0 5px 13px 0; float:left; } #home-blog-post p.title { /* font-size:20px; margin:5px 0 5px 0; padding:0; line-height:22px;*/ color:#000; font-size:1.4em; font-family: "Times New Roman", Times, serif,arial,Helvetica,sans-serif; line-height:20px; margin:5px 0; padding:0; letter-spacing:-0.03em; font-style:italic; font-weight:lighter; } #home-blog-post p.title a:link { text-decoration:none; color:#000 } #home-blog-post p.title a:hover { color:#ff1c6c; } #home-blog-post p { font-size:12px; color:#7c7c7c } .home-blog-title { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0 -341px; width:312px; height:29px; margin:0 0 15px 0; } .home-blog-meta { font-size:10px; color:#a6a6a6; font-weight:bold; float:left; } .home-blog-meta a { color:#a6a6a6; text-decoration:none; } #home-blog,#main-blog-post a:visited { text-decoration:none; } #home-blog-post { clear:left; } #home-blog hr { border:0; background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0 -369px; width:312px; height:1px; margin:15px 0 15px 0;} .home-bottom-left { width:/*285*/597px; float:left; } .home-bottom-right { width:312px; float:right; margin:0 15px 0 0; } #home-middle-new { width:625px; display:block; height:370px; clear:both; } #home-middle-new .new-title { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0 -387px; width:625px; height:29px; margin:15px 0 15px 0; } #home-middle-new img { width:100px; height:100px; border:1px solid #d3d3d3; padding:1px; margin:0 5px 0 0; } #home-middle-new ul { list-style-type:none; width:625px; margin:0 0 20px 0px; padding:0; height:130px; } #home-middle-new li { line-height:16px; width:105px; float:left; display:inline; margin:0 20px 0 0px; } #home-middle-new a { text-decoration:none; } #home-middle-new .bottom-border { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0 -415px; width:625px; height:1px; margin:15px 0 15px 0; } .table-border-3 { border: 1px solid #cfe2f1; background-color: #e8f5ff; font-size:12px; } .text-01 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #7a512a; } .text-01 a:link { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #9A007F; } .text-01 a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #9A007F; } .text-01 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; } /* ##### Blog formatting ##### */ /* MAIN BLOG PAGE FORMATTING */ #main-blog-post { border-bottom:1px dotted #CCC; margin-bottom:25px;} #main-blog-post hr { border:1px dotted #CCC; margin:15px 0 15px 0; height:0px; border-style: none none dotted; letter-spacing:20px;} #home-blog-post,#main-blog-post h3 { font-size:18px; font-weight:bold; margin:8px 0 8px 0; padding:0; } #home-blog-post,#main-blog-post h3 a { text-decoration:none; } #home-blog-post,#main-blog-post p { font-size:14px; color:#7c7c7c } .main-blog-thumbnail img { width:100px; height:100px; border:1px solid #d3d3d3; padding:1px; float:left; margin:0 15px 0 0; } .main-blog-meta { font-size:10px; color:#a6a6a6; font-weight:bold; margin:0 0 10px 0 } .main-blog-meta a { color:#a6a6a6; text-decoration:none; } #blog-content { margin:0; padding:0; } #blog-post { margin-bottom:25px; margin-top:0px; } #blog-content p { font:300 15px/23px Arial, "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; color:#302f2f; } #blog-content .text-02 { font-size:18px; margin:0;padding:0; } /* #blog-content h1 { color:#343434; font:normal 2em tim arial,Helvetica,sans-serif; line-height:35px; margin:0; padding:0 0 15px 0; letter-spacing:-0.07em; width:480px; } */ #blog-content h1 { color:#000; font:normal 2.2em "Times New Roman", Times, serif,arial,Helvetica,sans-serif; line-height:35px; margin:0; padding:0 0 15px 0; letter-spacing:-0.03em; width:600px; font-style:italic; text-align:left; } #blog-content h1 a { text-decoration:none; color:#343434 } #blog-content h2 { font-size:22px; color:#595959; margin:5px 0 5px 0; padding:0; font-weight:normal; text-transform:uppercase; letter-spacing:-1px; font-weight:bold; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #blog-content li { font:300 15px/23px Arial, "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; color:#302f2f; margin:10px 0 5px 0; line-height:1.6em } #blog-content ol { font:300 15px/23px Arial, "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; color:#302f2f; margin:10px 0 5px 0; line-height:1.6em } .blog-meta { margin:5px 0 10px 0; font-size:0.9em; color:#626262; } .blog-meta p { } #blog-entry-content { padding:0 10px 0 10px; width:550px; margin:0 auto 0 auto; } #blog-entry-content p { font:300 15px/23px Arial, "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; color:#302f2f; } #blog-entry-content img { padding: 5px; -moz-box-shadow: 2px 2px 10px #ccc; -webkit-box-shadow: 2px 2px 10px #ccc; box-shadow: 2px 2px 10px #ccc; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696'); border: 1px solid #e1e1e1; } #blog-entry-content ul { font:300 15px/23px Arial, "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; color:#302f2f; } .blog-top-social { width:390px;border-top:0px solid #e0e0e0; border-bottom:0px solid #e0e0e0; margin:10px 20px 20px 0;padding:10px 0 0 0px; height:30px; float:right; } .blog-comment-box { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0 0; float:right; font-size:11px; height:30px; text-align:center;width:107px; } .blog-comment-box a { color:#FFF; text-decoration:none; } .blog-comment-box-count { width:100px;height:15px; margin-top:3px; } .blog-post-end-border { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0 -30px; width:620px; height:1px; margin-bottom:20px; } .blog-comment-title { font-size:18px; margin-bottom:10px; color: #333; } img.alignright { float: right !important; margin:0 0 5px 5px !important; } img.alignleft { float: left !important; margin:0 5px 5px 0 !important; } img.centered, .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left; } #blog-content .author { background: #EEEEEE; border: 1px solid #CCCCCC; font-size: 16px; margin: 25px 0 0 0; padding: 10px 20px 10px 10px; line-height: 20px; text-align: left; text-shadow: #FFFFFF 1px 1px; color:#626262; } #blog-content .author img { float:left; margin:0 10px 0 0px; padding:0px; border: 0px solid #CCCCCC; } .author-meta { padding-top:10px; } .author-meta a { text-decoration:none; } /* Also the formatting for article related links */ #blog-related_posts { width:600px;} #blog-related_posts p.title { font-size:18px; color:#ff1c6c; } #blog-related_posts ul { margin-left:-50px; } #blog-related_posts li { float:left; width:100px; height:150px; font-size:12px; font-weight:normal; list-style-type: none; padding:0 10px 0 10px; } #blog-related_posts p { font-size:12px; } #blog-related_posts a { text-decoration:none; line-height:14px; font-weight:bold; } #blog-related_posts a:hover { color:#009db5; } .relatedthumb img { padding:3px; border:1px solid #e6e6e6; width:100px; height:71px; } .relatedthumb a:hover img { border:1px solid #cccccc; } .social_buttons { margin-top : 0px; height : 20px; } .twitter { width : 105px; height : 20px; float : left; } .facebook { width : 90px; height : 20px; float : left; } .plusone { width: 80px; height : 20px;float : left; margin-left:5px; } .facebook_like { height : 24px; margin : 5px 0 5px 0; } /* BLOG PROMOTIONAL BANNER */ .blog-updates-banner { background:url(http://content.latest-hairstyles.com/images/v4/blog-updates-banner.png) no-repeat; width:591px; height:63px; margin:0 0 20px 0; padding:0; } .blog-updates-banner-email-box { width:260px; height:30px; padding:20px 0 0 0; margin:10px 0 0 320px; } .blog-updates-banner-bottom { background:url(http://content.latest-hairstyles.com/images/v4/blog-updates-banner-bottom.png) no-repeat; width:591px; height:75px; margin:0 0 20px 0; padding:0; } .blog-updates-banner-bottom-email-box { width:320px; height:30px; padding:40px 0 0 0; margin:10px 0 0 140px; } /* ---------- END Blog formatting ----------- */ .stepcarousel .panel h2 { font-size:18px; margin:0 0 10px 0; padding:0; color:#ff006c; } #menu-container { width:1030px; height:50px; z-index:999999; } .top-menu { width:1030px; margin:0 auto 0 auto; z-index:999999; } .top-menu.floating { position: fixed; width:1030px; top: 0; z-index:999999; height:100px; padding:30px 0 0px 0; margin:0 auto 0 auto; background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/lh-logo-small.png) no-repeat; } .header-facebook { width:120px; height:20px; float:right; margin:85px 25px 0 0 } .header-ads { margin:0; padding:10px 0 0 150px; height:114px;} #main-body { width:1030px; background: url(http://content.latest-hairstyles.com/images/v4/body-bg-body.png) repeat-y; margin-left:auto;margin-right:auto; } #footer { background: url(http://content.latest-hairstyles.com/images/v4/body-bg-footer.png) no-repeat; width:1030px; height:38px; margin:0 auto 0 auto; } .footer-search { background: url(http://content.latest-hairstyles.com/images/v4/bottom-search-bg.png) no-repeat; width:1030px; height:83px;margin:0 auto 0 auto; padding-top:35px; } .footer-text { font-size:10px; } #footer-links { width:990px; height:150px; padding-top:10px; font-size:12px; color:#959595; background-color:#FFF; margin-top:25px; word-spacing:3px; text-align:left;} #footer-links a { text-decoration:none; } #footer-links .copyright { float:right; width:300px; padding-left:0px; } #footer-links .about-links { float:left; width:600px; margin-left:10px; } .sidebar-whatsnew { background: url(http://content.latest-hairstyles.com/images/v4/whatsnew.jpg) no-repeat; width:298px; border:1px solid #fe0072; font-size:12px; } .sidebar-whatsnew ul { list-style:none; text-align:left; margin: 40px 0 15px 0; padding:0 20px 0 20px; } .sidebar-whatsnew li { background: url(http://content.latest-hairstyles.com/images/v4/bullet-arrow.png) no-repeat 0px; border-bottom:1px dotted #7f7f7f; padding:8px 0 8px 15px; margin:0; } .sidebar-whatsnew a { text-decoration:none; } /* RIGHT SIDE BAR CONTRIBUTORS */ .contributors { width:300px; margin-top:10px; } .contributors .title { background: url(http://content.latest-hairstyles.com/contributors/contributors.png) no-repeat top; height:40px; } .contributors ul { margin:0 20px 0 0; padding:0; width:300px; list-style-type:none; } .contributors li { width:75px; height:75px; float:left; margin:0; padding:0;} .other-hairstyles { font-size:12px; line-height:18px;} .facebook-like-bottom { background: url(http://content.latest-hairstyles.com/images/v4/likehairstyles.png) no-repeat; width:400px; height:45px; margin:40px 0 40px 0; } .facebook-like-bottom-button {margin:0px 5px 0 305px; padding:10px 0 0 0; } .top-social-links { width:620px;border-top:0px solid #d7d7d7; border-bottom:0px solid #d7d7d7; margin:10px 0 5px 0;padding:10px 0 0 0px; height:30px; } /* ---------- BIG MAIN BOTTOM NAVIGATION ------------*/ #bottom-menu-nav { background-color:#d5d5d5; width:612px; margin-top:40px} #bottom-menu-nav ul { float: left; width: 600px; margin: 0; padding: 5px; list-style: none; border:1px solid #d5d5d5; } #bottom-menu-nav li { float: left; width: 120px; margin: 3px; padding: 0; } /* ---------- ARTICLE SLIDER CSS ---------- */ #article-slideshow-wrapper { width: 630px; /*Width of Carousel Viewer itself*/ border:1px solid #ebebeb; } .stepcarousel{ position: relative; /*leave this value alone*/ border: 0px solid black; overflow: scroll; /*leave this value alone*/ width: 630px; /*Width of Carousel Viewer itself*/ } .stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarousel .panel{ float: left; /*leave this value alone*/ /*overflow: hidden; clip content that go outside dimensions of holding panel DIV*/ margin: 10px; /*margin around each panel*/ width: 610px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } .stepcarousel-table { background-color:#FFC; border:1px solid #FF9; } .stepcarousel .panel img { float:left;margin-right:20px; } .panel-content-left { width: 270px; margin-right: 5px; float:left; } .panel-content-right { width: 335px; float:right; } #mygallery p { font-size:12px; color:#3b3b3b; } /* RELATED ARTICLES THUMBS */ #related-articles img { width:100px; height:100px; border:1px solid #d3d3d3; padding:1px; margin:0 5px 0 0; } #related-articles ul { list-style-type:none; width:625px; margin:0 0 20px 0px; padding:0; height:130px; } #related-articles li { line-height:16px; width:105px; float:left; display:inline; margin:0 20px 0 0px; } #related-articles a { text-decoration:none; } /* panel-content wide options for 300px width images */ .panel-content-left-wide { width: 305px; margin-right: 5px; float:left; } .panel-content-right-wide { width: 300px; float:right; } /* panel-content wide option for the last ad unit slide */ .panel-content-left-ad { width: 340px; margin-right: 5px; float:left; } .panel-content-right-ad { width: 265px; float:right; } /* ---------- MORE IMAGES SLIDER CSS ---------- */ .stepcarousel-more-images { position: relative; /*leave this value alone*/ border: 0px solid black; overflow: scroll; /*leave this value alone*/ width: 620px; /*Width of Carousel Viewer itself*/ height: 75px; } .stepcarousel-more-images .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarousel-more-images .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 10px; /*margin around each panel*/ width: 610px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } .stepcarousel-table { background-color:#FFC; border:1px solid #FF9; } .stepcarousel .panel img { float:left;margin-right:20px; } .panel-thumb img { padding:0 5px 0 5px; } .article-thumb-slider { width:620px; height:75px; border:1px solid #d7d7d7; padding:15px; margin-bottom:25px; } /* ---------- Mega Drop Down --------- */ #menu { list-style:none; width:1030px; line-height:50px; margin:0 0 0 -40px; z-index:999999; /* Background color and gradients */ } ul#menu a.empty-left { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0 -529px; height:50px; width:20px; } ul#menu a.trends { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -20px -529px; width:80px; height:50px } ul#menu a.trends:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -20px -584px; } ul#menu a.tips_advice { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -100px -529px; height:50px; width:109px; } ul#menu a.tips_advice:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -100px -584px; } ul#menu a.tutorials { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -209px -529px; height:50px; width:96px; } ul#menu a.tutorials:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -209px -584px; } ul#menu a.haircolor { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -305px -529px; height:50px; width:106px; } ul#menu a.haircolor:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -305px -584px; } ul#menu a.celebrities { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -411px -529px; height:50px; width:104px; } ul#menu a.celebrities:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -411px -584px;} ul#menu a.formal { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -515px -529px; height:50px; width:130px; } ul#menu a.formal:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -515px -584px; } ul#menu a.curly { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -645px -529px; height:50px; width:100px; } ul#menu a.curly:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -645px -584px; } ul#menu a.products { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -745px -529px; height:50px; width:149px; } ul#menu a.products:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -745px -584px; } ul#menu a.accessories { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -894px -529px; height:50px; width:116px; } ul#menu a.accessories:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -894px -584px; } ul#menu a.empty-right { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -1010px -529px; width: 20px; height:50px } #menu li { float:left; display:block; position:relative; } #menu li a { display:block; outline:0; text-decoration:none; } /* ### NEW NAV DROPDOWN ### */ .nav-dropdown-div { margin:-8px 0 0 0px; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:5px 5px 10px 5px; border-top:none; z-index:999999999999999999; border-left:0px solid #d0d0d0; border-bottom:0px solid #d0d0d0; border-right:0px solid #d0d0d0; background:#FFF; -webkit-box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.30); box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.30); } #menu li:hover .nav-dropdown-div { left:0px; top:auto; } #menu li:hover .nav-dropdown-color { left:-100px; top:auto; position:absolute; } #menu li:hover .nav-dropdown-celebrities { left:-300px; top:auto; position:absolute; } #menu li:hover .nav-dropdown-wedding { left:-310px; top:auto; position:absolute; } #menu li:hover .nav-dropdown-curly { left:-440px; top:auto; position:absolute; } #menu li:hover .nav-dropdown-products { left:-540px; top:auto; position:absolute; } #menu li:hover .nav-dropdown-accessories { left:-675px; top:auto; position:absolute; } .nav-dropdown-posts-div { background:#FFF; min-width:780px; max-width:900px } .nav-dropdown-div ul { list-style-type:none; } .nav-dropdown-div li { width:150px; height:30px; clear:both; border-bottom:1px dotted #CCC; margin:0; padding:0; } .nav-dropdown-div li:hover { background-color:#eaeaea; } .nav-dropdown-links { width:150px;float:left; margin:0; padding:0; } .nav-dropdown-links-header { font-size:14px; margin:0px 0 5px 0; padding:0; color:#ff0072; font-weight:bold; width:150px; height:30px; display:block; clear:both; } .nav-dropdown-featured-post { width:175px; height:165px; float:right; margin:5px 10px; padding-bottom:5px } .nav-dropdown-featured-post img { padding:1px; border:0; } .nav-dropdown-featured-post img:hover { border:1px solid #e2e2e2;padding:0px; } .nav-dropdown-featured-post-title { clear:both; font-size:12px; width:165px; background-color:#333; color:#fff; line-height:15px; padding:5px; } .nav-dropdown-featured-post a:link { color:#333 } .nav-dropdown-featured-post a:visited { color:#333 } .nav-dropdown-featured-post a:hover { color:#ff1c6c } /* ### END NEW DROPDOWN MENU ### */ /* #menu li .drop { padding-right:21px; background:url("img/drop.png") no-repeat right 8px; z-index:999999999999999999; } #menu li:hover .drop { background:url("img/drop.png") no-repeat right 7px; z-index:999999999999999999; } */ .dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns, .dropdown_trends { margin:-1px 0 0 0px; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:0px 5px 10px 5px; border-top:none; /* Gradient background */ background:#FFF; /* -moz-box-shadow: 0px 6px 10px #d9d9d9; -webkit-box-shadow: 0px 6px 10px #d9d9d9; box-shadow: 0px 6px 10px #d9d9d9; /* For IE -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9')";8 */ /* For IE 5.5 - 7 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9');*/ z-index:999999999999999999; border-left:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; } .dropdown_blog { margin:-5px 0 0 -350px; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:0px 5px 10px 5px; border-top:none; /* Gradient background */ background:#FFF; /* -moz-box-shadow: 0px 6px 10px #d9d9d9; -webkit-box-shadow: 0px 6px 10px #d9d9d9; box-shadow: 0px 6px 10px #d9d9d9; /* For IE -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9')";8 */ /* For IE 5.5 - 7 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9');*/ z-index:1000; border-left:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; } .dropdown_1column {width: 140px;} .dropdown_2columns {width: 280px;} .dropdown_3columns {width: 420px;} .dropdown_4columns {width: 790px;} .dropdown_5columns {width: 700px;} .dropdown_trends { width:500px; } .dropdown_blog { width:500px; } #menu li:hover .dropdown_1column, #menu li:hover .dropdown_2columns, #menu li:hover .dropdown_3columns, #menu li:hover .dropdown_4columns, #menu li:hover .dropdown_5columns, #menu li:hover .dropdown_blog, #menu li:hover .dropdown_trends{ left:-1px; top:auto; } .col_1, .col_2, .col_3, .col_4, .col_5 { display:inline; float: left; position: relative; margin-left: 5px; margin-right: 5px; } .col_1 {width:155px;} .col_2 {width:270px;} .col_3 {width:410px;} .col_4 {width:100%;} .col_5 {width:690px;} .col_1_long ul { float: left; list-style:none; margin:0; padding:0; width:155px; } .col_1_long li { float: left; margin:0; padding:0; width:70px; } .col_1 li { clear:left; position:relative; padding:0; margin:0; text-align:left; } .col_4_multi { clear:left; margin-bottom:65px;} .col_4_multi ul { clear: left; list-style:none; margin:0; padding:0; width:500px; } .col_4_multi li { float: left; margin:0; padding:0; width:200px; } .col_2_multi ul { clear: left; list-style:none; margin:0; padding:0; width:350px; } .col_2_multi li { float: left; margin:0; padding:0; width:65px; } .hairstyles_by_age { clear:left; float:left; width:155px; } .hairstyles_by_age li { clear:left; } #menu .menu_right { float:right; margin-right:0px; } #menu li .align_right { /* Rounded Corners */ -moz-border-radius: 5px 0px 5px 5px; -webkit-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px; } #menu li:hover .align_right { left:auto; right:-1px; top:auto; } #menu p, #menu h2, #menu h3, #menu ul li { font-family:Arial, Helvetica, sans-serif; line-height:21px; font-size:14px; text-align:left; } #menu h2 { font-size:21px; font-weight:400; letter-spacing:-1px; margin:5px 0 5px 0; padding-bottom:0px; } #menu h3 { font-size:14px; margin:0px 0 5px 0; padding-bottom:0px; color:#ff0072; } #menu p { line-height:18px; margin:0 0 10px 0; } #menu .header-text { font-size:14px; margin:0px 0 5px 0; padding-bottom:0px; color:#ff0072; font-weight:bold; } .strong { font-weight:bold; } .italic { font-style:italic; } .imgshadow { /* Better style on light background */ background:#FFFFFF; padding:4px; border:1px solid #777777; margin-top:5px; -moz-box-shadow:0px 0px 5px #666666; -webkit-box-shadow:0px 0px 5px #666666; box-shadow:0px 0px 5px #666666; } .img_left { /* Image sticks to the left */ width:auto; float:left; margin:5px 15px 5px 5px; } #menu li .black_box { background-color:#333333; color: #eeeeee; text-shadow: 1px 1px 1px #000; padding:4px 6px 4px 6px; /* Rounded Corners */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* Shadow */ -webkit-box-shadow:inset 0 0 3px #000000; -moz-box-shadow:inset 0 0 3px #000000; box-shadow:inset 0 0 3px #000000; } #menu li ul { list-style:none; padding:0 0 20px 0; margin:0 0 12px 0; } #menu li ul li { font-size:14px; line-height:26px; padding-left:5px; } #menu li ul li:hover { } #menu li .greybox li { background:#F4F4F4; border:1px solid #bbbbbb; margin:0px 0px 4px 0px; padding:4px 6px 4px 6px; width:116px; /* Rounded Corners */ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } #menu li .greybox li:hover { background:#ffffff; border:1px solid #aaaaaa; padding:4px 6px 4px 6px; margin:0px 0px 4px 0px; } .tip { font-size:11px } .nav-crumb { font-size:10px; margin:0 0 10px 0; padding:0; color:#666 } .nav-crumb a:link { text-decoration:none; color:#666 } .more-images { font-size:24px; color:#b2b2b2; margin:0;padding:0; } .sub-text { font-size:14px; } /* ---------- SIDE BAR SOCIAL LINKS ---------*/ #rr_social_tout {border: 0px solid #E0E0E0; margin-bottom: 12px; padding: 5px 0px 0px 0px; width: 300px;} #rr_soc_top { margin-bottom: 10px; margin-top:5px; width:300px; height:55px; background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat; background-position: -418px -129px; height:14px; width:300px; clear:left} #rr_soc_mid {height: 51px; } #rr_soc_bot {padding-top: 0px;} #rr_soc_bot #ams_mar_social_ad{margin-top:10px; display: inline-block;} #rr_soc_fb_cont {border: 0px solid #E0E0E0; cursor: pointer; float: left; height: 50px; width: 46px; margin-right:20px; } #rr_soc_fb_icon {background-image: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png); background-position: -418px -146px; height: 46px; margin: 5px 0 0 0px; width: 45px;} #rr_soc_tw_cont {border: 0px solid #E0E0E0; cursor: pointer; float: left; height: 50px; width: 46px; margin-right:20px; } #rr_soc_tw_icon { background-image: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png); background-position: -477px -146px; height: 46px; margin: 5px 0 0 0px; width: 45px; } /* blog */ #rr_soc_em_cont {border: 0x solid #E0E0E0; cursor: pointer; float: left; height: 50px; width: 46px;} #rr_soc_em_icon {background-image: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png); background-position: -535px -146px; height: 46px; margin: 5px 0 0 0px; width: 45px;} #rr_social_tooltip {filter:none!important; z-index:1000000!important} #rr_social_tooltip_fb {display: block; height: 288px; width: 300px;} #rr_social_tooltip.top #rr_social_tooltip_fb {margin: 0 0 0 -170px;} #rr_social_tooltip.top #rr_social_tooltip_fb .tooltip_head {background: url(http://content.latest-hairstyles.com/images/v4/social-images/popup_head_top_fb.png) no-repeat scroll center top transparent; height: 16px; padding: 0 0 0 40px; width: 341px; } #rr_social_tooltip.top #rr_social_tooltip_fb .tooltip_body {background: url(http://content.latest-hairstyles.com/images/v4/social-images/popup_body_top_fb.png) no-repeat scroll center bottom transparent; border: medium none; height: 275px; padding: 5px 0 0 40px; width: 341px;} #rr_social_tooltip.bottom #rr_social_tooltip_fb {margin: 5px 0 0 -30px; margin-top:-5px\0/;} #rr_social_tooltip.bottom #rr_social_tooltip_fb .tooltip_footer {background: url(http://content.latest-hairstyles.com/images/v4/social-images/popup_footer_bottom_fb.png) no-repeat scroll center bottom transparent; height: 18px; padding: 0 0 0 25px; width: 341px;} #rr_social_tooltip.bottom #rr_social_tooltip_fb .tooltip_body {background: url(http://content.latest-hairstyles.com/images/v4/social-images/popup_body_bottom_fb.png) no-repeat scroll center top transparent; border: medium none; height: 260px; padding: 10px 0 0 25px; width: 341px;} #rr_social_tooltip.top #rr_social_tooltip_tw {margin: 2px 0 0 -95px;} #rr_social_tooltip.top #rr_social_tooltip_tw .tooltip_head {background: url(http://content.latest-hairstyles.com/images/v4/social-images/popup_head_top_tw.png) no-repeat; border:none; height: 15px; width: 375px;} #rr_social_tooltip.top #rr_social_tooltip_tw .tooltip_body {background: url(http://content.latest-hairstyles.com/images/v4/social-images/popup_body_top_tw.png) no-repeat; border:none; height: 75px; width: 375px; position: relative; padding: 0;} #rr_social_tooltip.top #rr_social_tooltip_tw .tooltip_body .tw_1_cont {height: 50px; margin: 0 25px; overflow: hidden; padding: 9px 0 0; width: 50px;} #rr_social_tooltip.top #rr_social_tooltip_tw .tooltip_body .tw_2 {font-size: 13px; font-weight: bold; left: 85px; position: absolute; top: 10px;} #rr_social_tooltip.top #rr_social_tooltip_tw .tooltip_body .tw_3 {font-size: 13px; font-weight: bold; left: 85px; position: absolute; top: 28px;} #rr_social_tooltip.top #rr_social_tooltip_tw .tooltip_body .tw_4 {color: #666666; font-size: 11px; font-weight: bold; left: 85px; position: absolute; top: 32px;} #rr_social_tooltip.top #rr_social_tooltip_tw .tooltip_body .tw_f {height: 27px; left: 268px; position: absolute; top: 15px; width: 89px;} #rr_social_tooltip.bottom #rr_social_tooltip_tw {margin: -2px 0 0 -56px; margin-top:-14px\0/;} #rr_social_tooltip.bottom #rr_social_tooltip_tw .tooltip_body {background: url(http://content.latest-hairstyles.com/images/v4/social-images/popup_body_bottom_tw.png) no-repeat; border:none; height: 75px; width: 375px; position: relative; padding: 0;} #rr_social_tooltip.bottom #rr_social_tooltip_tw .tooltip_body .tw_1_cont {height: 50px; margin: 0 25px; overflow: hidden; padding: 15px 0 0; width: 50px;} #rr_social_tooltip.bottom #rr_social_tooltip_tw .tooltip_body .tw_2 {font-size: 13px; font-weight: bold; left: 85px; position: absolute; top: 12px;} #rr_social_tooltip.bottom #rr_social_tooltip_tw .tooltip_body .tw_3 {font-size: 13px; font-weight: bold; left: 85px; position: absolute; top: 30px;} #rr_social_tooltip.bottom #rr_social_tooltip_tw .tooltip_body .tw_4 {color: #666666; font-size: 11px; font-weight: bold; left: 85px; position: absolute; top: 50px;} #rr_social_tooltip.bottom #rr_social_tooltip_tw .tooltip_body .tw_f {height: 27px; left: 268px; position: absolute; top: 15px; width: 89px;} #rr_social_tooltip.bottom #rr_social_tooltip_tw .tooltip_footer {background: url(http://content.latest-hairstyles.com/images/v4/social-images/popup_footer_bottom_tw.png) no-repeat; border:none; height: 15px; width: 375px;} #rr_social_tooltip #rr_social_tooltip_tw .tooltip_body .tw_f .follow_button {background-image: url(http://content.latest-hairstyles.com/images/v4/social-images/button_follow_twitter.png); background-position: 0 0; cursor:pointer; width:93px; height:26px;} #rr_social_tooltip #rr_social_tooltip_tw .tooltip_body .tw_f .follow_button:hover{background-position:0 -27px;} /* blog */ #rr_social_tooltip.top #rr_social_tooltip_nl {margin: 2px 0 0 -16px;} #rr_social_tooltip.top #rr_social_tooltip_nl .tooltip_head {background: url(http://content.latest-hairstyles.com/images/v4/social-images/popup_head_top_fb.png) no-repeat; border:none; height: 15px; width: 375px;} #rr_social_tooltip.top #rr_social_tooltip_nl .tooltip_body {background: url(http://content.latest-hairstyles.com/images/v4/social-images/popup_body_top_blog.png) no-repeat; border:none; height: 400px; width: 375px; position: relative; padding: 10px 0 0 0;} #rr_social_tooltip.top #rr_social_tooltip_nl .tooltip_body .nl_1 {font-size: 12px; font-weight: bold; left: 0px; position: absolute; top: 9px;} #rr_social_tooltip.top #rr_social_tooltip_nl .tooltip_body #vt_nl_emailfield {border:1px solid #ececec; width:172px; height:15px; font-size:11px; color:#666666; left: 22px; position: absolute; top: 30px; padding:5px 0 5px 5px;} #rr_social_tooltip.top #rr_social_tooltip_nl .tooltip_body button {left: 210px; position: absolute; top: 31px; border:0; margin:0; padding:0; background-position: 0 0; cursor:pointer; width:98px; height:26px;} #rr_social_tooltip.top #rr_social_tooltip_nl .tooltip_body button:hover {background-position:0 -27px;} #right-blog-post { width:350px; margin:0 0 0 0px; } #right-blog-post-featured { width:300px; margin:0 0 15px 25px; } /* @group rounded-corners pics .rounded_wrapper { position: relative; } .rounded_wrapper img { border-width: 0; border-style: none; } .rounded_wrapper div { height: 7px; position: absolute; width: 100%; } .rounded_wrapper .tl { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 108px 0; height:6px; width:6px; } .rounded_wrapper .tr { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 115px 0; height:6px; width:6px; } .rounded_wrapper .br { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 115px -7px; height:6px; width:6px; } .rounded_wrapper .bl { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 108px -7px; height:6px; width:6px; } */ /* IE6 fix .ie6_width .tr { right: -1px; } .ie6_width .br { right: -1px; } .ie6_height .br { bottom: -1px; } .ie6_height .bl { bottom: -1px; } */ /* @end */ /* @group rounded-corners pics */ .rounded_wrapper { position: relative; } .rounded_wrapper img { border-width: 0; border-style: none; } .rounded_wrapper div { height: 7px; position: absolute; width: 100%; } .rounded_wrapper .tl { top: 0; left: 0; background: url(http://content.latest-hairstyles.com/images/v4/roundedcorners/tl.png) no-repeat left top; } .rounded_wrapper .tr { top: 0; right: 0; background: url(http://content.latest-hairstyles.com/images/v4/roundedcorners/tr.png) no-repeat right top; } .rounded_wrapper .br { bottom: 0; right: 0; background: url(http://content.latest-hairstyles.com/images/v4/roundedcorners/br.png) no-repeat right bottom; } .rounded_wrapper .bl { bottom: 0; left: 0; background: url(http://content.latest-hairstyles.com/images/v4/roundedcorners/bl.png) no-repeat left bottom; } /* IE6 fix */ .ie6_width .tr { right: -1px; } .ie6_width .br { right: -1px; } .ie6_height .br { bottom: -1px; } .ie6_height .bl { bottom: -1px; } /* @end */ /* ------------- POP UP WINDOWS ---------- */ #facebox { position: absolute; top: 0; left: 0; z-index: 999999999999999999999; text-align: left; margin-top:250px; } #facebox .popup{ position:relative; border:3px solid #000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4); z-index: 999999999999999999999; } #facebox .content { display:table; width: 500px; padding: 10px; background: #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:12px; } #facebox h3 { display:block; height:25px; background-color:#0fc3ef; color:#fff; padding-top:5px; padding-left:5px;} #facebox .content > p:first-child{ margin-top:0; } #facebox .content > p:last-child{ margin-bottom:0; } #facebox .close{ position:absolute; top:5px; right:5px; padding:2px; background:#fff; } #facebox .close img{ margin-top:-20px; margin-right: -20px; } #facebox .close:hover img{ opacity:1.0; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } .facebox-contents { display:none; } /* ------------- END POP UP WINDOWS ---------- */ .next-slide-button { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0px -87px; width:78px; height:28px; display:block; float:right; } .next-slide-button:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0px -116px; width:78px; height:28px; display:block; } .previous-slide-button { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0px -145px; width:101px; height:28px; display:block; } .previous-slide-button:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0px -174px; width:101px; height:28px; display:block; } .next-slide-button-top { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -26px -223px; width:25px; height:25px; display:block; float:right; margin-left:8px; } .next-slide-button-top:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -78px -223px; width:25px; height:25px; } .previous-slide-button-top { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0px -223px; width:25px; height:25px; display:block; float:left; margin-right:5px; } .previous-slide-button-top:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -52px -223px; width:25px; height:25px; } .top-slide-nav { margin:10px 0 0 90px; height:25px; width:105px; font-size:9px; color:#aaaaaa } .top-slide-nav-status { width:35px; height:25px; float:right; margin-top:8px; } #article-comments { margin-bottom:50px; } #article-comments h3 { font-size:16px; color:#333; } .content-divider { border-top:1px solid #CCC; margin:20px 0 20px 0; clear:both; } /* --- SLIDER FOR ARTICLE THUMBS --- */ .article-panel img { padding:0 5px 0 5px; } .article-slider { width:620px; height:75px; border:1px solid #d7d7d7; padding:15px; margin-bottom:25px; } .stepcarousel-more-images { position: relative; /*leave this value alone*/ border: 0px solid black; overflow: scroll; /*leave this value alone*/ width: 620px; /*Width of Carousel Viewer itself*/ height: 75px; } .stepcarousel-more-images .article-belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarousel-more-images .article-panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 10px; /*margin around each panel*/ width: 610px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } .more-images { font-size:24px; color:#b2b2b2; margin:0;padding:0; } .article-intro-slide { background:url(http://content.latest-hairstyles.com/trends/images/2011/summer/main-summer-hairstyles-2011.jpg) no-repeat top center; width:600px; height: 333px; margin: 0 auto; } .article-intro-slide p { color:#FFF; font-weight:bold; text-shadow: 0px 1px 2px #353535; } /* ---------- NEW ARTICLE FORMAT SAVE AS BUTTONS ---- */ /* trigger button */ .save_hairstyle_button { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) -362px 0px; display:block; height:27px; margin-bottom:15px; width:113px; float:right; margin-right:30px; } /* mouseover state */ .save_hairstyle_button:hover { background-position:-475px 0 ; } /* clicked state */ .save_hairstyle_button:focus { background-position:0 -88px; } /* tooltip styling */ .tooltip { display:none; background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) -358px -260px; height:85px; padding:0px 10px 0 10px; margin:100px 0 0 0; width:315px; font-size:11px; color:#fff; position:fixed; z-index:99999999999999999999999999999999999999999999; } /* a .label element inside tooltip */ .tooltip .label { color:yellow; width:35px; } .tooltip a { color:#ad4; font-size:11px; font-weight:bold; } .save-to-div { width:255px; margin:0 0 0 0px; } .save-to-email { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) -138px -160px; width:28px; height:30px; margin:40px 0 0 0px; float:left;} .save-to-phone { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) -184px -154px; width:64px; height:38px; margin:35px 0 0 10px; float:right} .save-to-download { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) -261px -154px; width:45px; height:38px; margin:35px 0 0 10px; float:right} .save-to-printer { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) -322px -154px; width:26px; height:38px; margin:35px 0 0 10px; float:right} .save-to-pinterest { width:50px; height:38px; margin:35px 0 0 10px; float:right } /* ---------- END NEW ARTICLE FORMAT SAVE AS BUTTONS ---- */ .share_hairstyle_button { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) -362px -87px; display:block; height:27px; width:113px; cursor:pointer; float:left; margin-bottom:10px; margin-left:25px; } /* mouseover state */ .share_hairstyle_button:hover { background-position:-475px -87px ; } .how-to-style-button { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -109px 0px; width:113px; height:27px; float:right;margin-right:30px; } .image-like-button { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -222px 0px; width:113px; height:27px; float:left; margin-bottom:15px; margin-left:25px; } /* -------- BLOG SUBSCRIBE BOX ------ */ #blog-subscription-box { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0 -636px; width:300px; height:135px; padding:55px 0 0 0px; margin:0 0 0 10px; } #blog-subscription-box .content { margin:0 0 0 15px; } #blog-subscription-box .by-email { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0 -501px; width:300px; height:12px; display:block; margin:0 0 10px 0; padding:0; } #blog-subscription-box .by-rss { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0 -570px; width:300px; height:24px; display:block; margin:55px 0 0 0; padding:0; text-indent:-9999px; } #blog-subscription-box a:hover .by-rss { background-position: 0 -594px; } /* ### RIGHT SIDE BAR TABS #### */ ul.tabs { margin: 10px 0 0 0; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #e1e1e1; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e1e1e1; } ul.tabs li a { text-decoration: none; color: #484848; display: block; font-size: 12px; font-weight:bold; padding: 0 20px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } ul.tabs li a:hover { background: #ccc; } html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ } .tab_container { border: 1px solid #e1e1e1; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #fff; height:150px; } .tab_content { padding: 0px; font-size: 18px; } .tab-content img { float:left; width:50px; height:50px; } .tab_content ol { text-align:left; margin:10px 0 0 0; padding:0 0 0 10px; color:#737373; } .tab_content li { font-size:12px; text-align:left; padding:5px 0 5px 0; margin:0 0 0 10px; border-bottom: 1px dotted #ccc; } .tab_content a { text-decoration:none; } .tab_content img { float:left; margin-right:10px; } /* NEW BOTTOM NAVIGATION */ #bottom-nav-container { width:1030px; background: url(http://content.latest-hairstyles.com/images/v4/body-bg-body.png) repeat-y; margin-left:auto;margin-right:auto; height:375px; padding-top:25px; } #bottom-nav-links { width:940px; margin:0 auto 0 auto; /* background:url(http://content.latest-hairstyles.com/images/v4/bottom-nav-bg.png) top repeat-x; border:1px solid #e6e6e6; */ padding:0 0 20px 10px; border-top:0px dotted #e6e6e6; } .bottom-banner-ad { margin:10px 0 0 50px; width:900px } .bnl-col1 { width:232px; } .bnl-col2-4 { width:232px; float:right; } .bnlp-col1 { width:160px; margin:55px 0 0 0; } .bnlp-col2 { width:160px; float:right; margin:40px 75px 0 0; } #bottom-nav-links p.title {text-transform:uppercase;font-size:14px; font-weight:bold; color:#ff0670;margin-bottom:5px;} #bottom-nav-links p { font-size:14px; line-height:16px; } #bottom-nav-links a { text-decoration:none; } #bottom-nav-links ul { list-style-position:outside; width:232px; margin:0; padding:0; list-style-type:none; } #bottom-nav-links li { line-height:20px; font-size:14px } #bottom-nav-links img { padding:1px; border:1px solid #e5e5e3; } .more-from-lh { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0 -445px; width:438px; height:34px; margin:20px 0 0 0; } /* ### MAIN SECTION PAGE FORMATING ### */ #main-section-content { width:600px; } #main-section-content h1 { font-size:26px; color:#2e2e2e; font-weight:normal;} #main-section-content h2 { font-size:14px; color:#575757; line-height:18px; padding:10px 0 30px 0; font-weight:normal; } /* #main-section-content h3 { font-size:14px; color:#14b9d2; font-weight:bold; padding:0 0 5px 0; margin:5px 0 0px 0; line-height:15px; } */ /* #main-section-content img { padding:1px; border:1px solid #e5e5e3; } */ #main-section-content p { font-size:14px; color:#999; line-height:20px } #main-section-content p a { color:#3d3d3d; } #main-section-content .article-title { font-size:14px; color:#14b9d2; font-weight:bold; padding:8px 8px 15px 8px; margin:5px 0 0px 0; line-height:15px; line-height:20px; } #main-section-content .intro { font-size:14px; color:#333; line-height:20px } #main-section-content a { text-decoration:none; } #main-section-content ul { list-style-type:none; width:600px; margin:0 0 0px 0px; padding:0; clear:both; } /* #main-section-content li { width:110px; float:left; margin:0 15px 25px 0px; padding:10px 10px 10px 15px; display: block; } #main-section-content li a { display: block; } #main-section-content li:hover { background-color:#f2f2f2;} */ #main-section-content h3 { font-size:14px; color:#14b9d2; font-weight:bold; padding:8px 8px 15px 8px; margin:5px 0 0px 0; line-height:15px; line-height:20px; } #main-section-content img { width:150px; height:150px; margin:8px 0 0 8px; padding:0; } #main-section-content li { width:165px; float:left; margin:0 35px 25px 0px; padding:0px; display: block; box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4); border-top:1px solid #ededed; } #main-section-content li a { display: block; } #main-section-content .howtostyletips { text-transform:uppercase; font-size:10px; font-weight:bold; width:157px; background-color:#f1f1f1; height:21px; margin:1px 0 0 0; padding:0 0 0 8px; } #main-section-content .articledescription { font-size:12px; color:#999; border-bottom:1px solid #e2e2e2; padding:0 8px 10px 8px; margin:0; line-height:16px; } /* #### CUSTOM GOOGLE CSE #### */ .cse-branding-bottom, .cse-branding-right { margin:0; padding:0 } .cse-branding-bottom, .cse-branding-right { zoom: 1; } .cse-branding-bottom:after, .cse-branding-right:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .cse-branding-text { font: 10px Arial; color:#999 } .cse-branding-form form { margin-bottom: 0; padding-bottom: 0; } /* Bottom-specific selectors */ .cse-branding-bottom .cse-branding-logo, .cse-branding-bottom .cse-branding-text { display: block; float: left } .cse-branding-bottom .cse-branding-form { margin-bottom: 3px; } .cse-branding-bottom .cse-branding-logo { padding: 0; margin-left:230px; } .cse-branding-bottom .cse-branding-text { padding-top: 4px } .cse-branding-right .cse-branding-form { float: left; } /* Right-specific selectors */ .cse-branding-right .cse-branding-logo, .cse-branding-right .cse-branding-text { margin-left: 4px; } .cse-branding-right .cse-branding-form { float: left; margin-right: 4px; } .cse-branding-right .cse-branding-logo { padding: 0 } .cse-branding-right .cse-branding-text { margin-top: -4px } /* ### FEEDBACK SLIDEOUT SCRIPT CSS 333 - IF ANY CHANGES BE SURE TO UPDATE NEW LAYOUT CSS */ #feedback-container{position:fixed;right:0px; top:350px;background: #FFFFFF; font: 12px Arial, Helvetica, sans-serif; border-top:1px solid #bfbfbf; border-left:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; z-index:999999999999999999; } #feedback-message{display:none;padding-left:20px;width:250px; color:#333; font-weight:bold;} #question-diaglog-box{display:none; width:250px; margin-bottom:10px;} #feedback-dialogYes,#feedback-dialogNo{color:#eff; font-size:12px; display:inline-block;height:25px; width:60px; margin-left:20px; background:url('http://content.latest-hairstyles.com/includes/feedback/images/dialog_button.png') top left no-repeat;cursor:pointer;text-align:center;line-height: 25px; } #feedback-dialogYes:hover,#feedback-dialogNo:hover{background:url('http://content.latest-hairstyles.com/includes/feedback/images/dialog_button.png') bottom left no-repeat;} #feedback-form{display:none;margin:10px;} #feedback-open{position:absolute; top:0px;left:-30px; background: #eee; height:35px; width:34px;background: url('http://content.latest-hairstyles.com/includes/feedback/images/feedback-icon.png') top left no-repeat;} #feedback-open:hover{background:url('http://content.latest-hairstyles.com/includes/feedback/images/feedback-icon.png') bottom left no-repeat;cursor:pointer;} #feedback-close{display:none; position:absolute; top:15px; right:5px;height:16px; width:16px;background:url('http://content.latest-hairstyles.com/includes/feedback/images/feedback-close.png') top left no-repeat;cursor:pointer;} #feedback-submit{width:60px;height:25px;background:url('http://content.latest-hairstyles.com/includes/feedback/images/dialog_button.png') top left no-repeat;text-align:center;color:#eff;font-size:12px;line-height:25px;cursor:pointer;margin-top:10px; margin-left:0px;} #feedback-submit:hover{background:url('http://content.latest-hairstyles.com/includes/feedback/images/dialog_button.png') bottom left no-repeat;} #feedback-container textarea { height: 50px; width: 250px; border: 4px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* ### NEW ARTICLE SLIDESHOW SEPTEMBER 2011 ### */ #slides { /* z-index:99999999999; */ } /* Load CSS before JavaScript */ /* Slides container Important: Set the width of your slides container Set to display none, prevents content flash */ .slides_container { width:630px; display:none; } /* Each slide Important: Set the width of your slides If height not specified height will be set by the slide content Set to display block .slides_container div { width:600px; height:400px; display:block; }*/ #slides .slide { padding:0px; margin:15px 0 0 0; width:630px; height:490px; display:block; } /* Optional: Reset list default style */ .pagination { width:300px; padding:5px 5px; margin-left:30px; } .pagination li { float:left; margin:2px 4px; list-style:none; } .pagination li a { display:block; width:100px; height:100px; margin-right:10px; float:left; } .pagination li.current a { border-bottom:5px solid #00c6e0; height:100px; } .scrollable { /* required settings */ position:relative; overflow:hidden; width: 500px; height:140px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; } /* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ .scrollable .items div { float:left; } /* this makes it possible to add next button beside scrollable */ .scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ a.browse { /* background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat; */ display:block; width:23px; height:28px; float:left; margin:60px 10px 0 40px; cursor:pointer; } /* right */ #slides a.right { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -280px -258px; clear:right; margin-right: 10px;} #slides a.right:hover { background-position:-304px -258px; } /* left */ #slides a.left { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -232px -258px; margin-left: 20px; } #slides a.left:hover { background-position:-256px -258px; } .slider-header { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0 -427px; width:630px; height:4px; margin-top:25px; } .slider-header-bottom { background-color:#f1f1f1; width:630px; height:35px; border-bottom:1px solid #e1e1e1; } .slider-header-social-links { width:520px; padding:7px 0 0 5px; } .slider-header-nav { margin:4px 5px 0 0px; width:100px; color:#aaaaaa; float:right; } .slider-header-status { width:35px; float:right; margin-top:7px; font-size:11px; } .slider-header-next { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -207px -258px; width:23px; height:28px; display:block; float:right; margin-left:5px; cursor: pointer; } .slider-header-next:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -183px -258px; width:23px; height:28px; display:block; } .slider-header-previous { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -135px -258px; width:23px; height:28px; display:block; float:left; margin-right:5px; cursor: pointer; } .slider-header-previous:hover { background: url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -159px -258px; width:23px; height:28px; display:block;} #slides p { color:#3b3b3b; } #slides h2 { font-size:18px; margin:0 0 10px 0; padding:0; color:#ff006c; } /* panel-content wide options for 300px width images */ .slide-content-left { width: 300px; float:left; padding:10px; border:1px solid #e1e1e1; text-align:center } .slide-content-right { width: 300px; float:right; padding:10px 0 0 0; } .article_end_text { float:right; width:250px; } #slider-thumbs { width:630px; background-color:#f1f1f1; border:1px solid #e1e1e1; height: 140px; } .article-nav-buttons { position: absolute; bottom: 0; right: 0; height:50px; width:200px; } /* IMAGE THUMB SWAP CSS */ #images-container { } #images-container ul.imgthumbs { float: left; list-style: none; margin: 0 0 5px 4px; padding: 0px; width: 290px; } #images-container ul.imgthumbs li { margin: 0px; padding: 0px 0px 5px 8px; float: left; position: relative; width: 60px; height: 60x; } #images-container ul.imgthumbs li img { width: 60px; height: 60px; padding:1px; border:1px solid #e5e5e3; } #images-container ul.imgthumbs li img.hover { } #images-container #main_view { } /* // END IMAGE THUMB SWAP CSS */ /* ### FORMATTING FOR MAIN SECTION THAT PULL BLOG CONTENT - HAIR ADVICE & PRODUCTS ### */ #main-section-blog-content { width:600px; } #main-section-blog-content h1 { font-size:26px; color:#2e2e2e; font-weight:normal; } #first-blog-post { display:block; width:600px; border-bottom:1px dotted #CCC; margin-bottom:25px; padding:5px 5px 15px 5px; } #first-blog-post h3 { font-size:24px; font-weight:normal; line-height:24px; margin:0;padding:0;} #first-blog-post h3 a { text-decoration:none; } #first-blog-post p { font-size:16px; color:#7c7c7c; margin-top:15px; } .first-blog-left { width:200px; float:left;margin:0 15px 0 0; vertical-align:middle } .first-blog-left img { max-width:200px; max-height:300px; border:5px solid #e0e0e0; padding:0px; } .first-blog-right { width:385px; float:right; } /* PINTERST BANNER TO SHOW ON BLOG FOR ALL VISITORS FROM PINTEREST */ #pinterest-banner { width:600px; height:82px; background: url(http://content.latest-hairstyles.com/images/v4/pinterest-banner.png) no-repeat; padding-bottom:15px;} /* ########################### ######## HAIR LOVE CODE ###### ############################## */ #hairlove-wrap { width:950px; height:auto; } #hairlove { } #hairlove-header { } .fixed { position:fixed; top:0px; left:50%; margin-left:50px; } .box { margin: 10px 27px 10px 0; padding: 10px; width:190px; float: left; display: block; background-color:#fff; box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4); border-top:1px solid #ededed; } .hairlove-menu { height:30px; background-color:#e2e2e2; width:950px; margin:5px 0 10px 0px; } .hairlove-menu ul { width:100%; list-style-type:none; height:20px; padding:5px 0px 5px 7px; margin:0; } .hairlove-menu li { width:70px; float:left; padding:2px; margin:0 7px 0 0; background-color:#f2f2f2; height:15px; color:#838383; text-align:center } .hairlove-desc { background-color:#f2f2f2; font-size:12px; color:#838383; padding:0 0 5px 0; margin:0; border-bottom:1px solid #dcdcdc; width:190px; } .hairlove-source { width:180px; background-color:#f2f2f2; color:#838383; padding:0; margin:0; border-top:1px solid #fff; font-size:10px; text-align:right; padding:5px 10px 5px 0; } .hairlove-source a { text-decoration:none; color:#838383; } #hairlove div.pagination { padding: 3px; margin: 3px; } #hairlove div.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #AAAADD; text-decoration: none; /* no underline */ color: #000099; } #hairlove div.pagination a:hover, div.pagination a:active { border: 1px solid #000099; color: #000; } #hairlove div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #000099; font-weight: bold; background-color: #000099; color: #FFF; } #hairlove div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; } /* ### HAIRLOVE BUTTONS ### */ .hairlove-buttons { width:420px; height:45px; } .hairlove-lovebutton { float:left; margin:5px 5px 0 0; display: block; background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat 0 -861px; height:26px; width:63px; text-indent:-9999px; } .hairlove-lovebutton:hover { background-position: 0 -835px; } .hairlove-comment-button { float:right; margin:5px 0 5px 200px; display: block; background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -63px -861px; height:26px; width:73px; text-indent:-9999px; } .hairlove-comment-button:hover { background-position: -63px -835px; } .hairlove-follow-button { margin:10px 0 10px 0px; display: block; background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/layout-sprite.png) no-repeat -136px -861px; height:26px; width:73px; text-indent:-9999px; } .hairlove-follow-button:hover { background-position: -136px -835px; } /* /// END HAIRLOVE BUTTONS /// */ /* HAIRLOVE IMAGE PAGE COLUMNS */ #hairlove-left-column { width:200px; float:left; margin:10px 20px 0 0; } #hairlove-center-column { width:430px; float:left; margin:10px 10px 0 0 } #hairlove-right-column { width:200px; float:left; margin:54px 0px 0 0; } #hairlove-left-column .comment-box-top { width:214px; height:85px; margin:0; padding:0; background:url(http://content.latest-hairstyles.com/hairlove/img/comment-top.png) no-repeat; color:#838383; } #hairlove-left-column .comment-box-middle { width:214px; margin:0; padding:10px 0; background:url(http://content.latest-hairstyles.com/hairlove/img/comment-middle.png) repeat-y top; position:relative; color:#838383; } #hairlove-left-column .comment-box-bottom { width:214px; height:31px; margin:0; padding:0; display:block; background:url(http://content.latest-hairstyles.com/hairlove/img/comment-bottom.png) no-repeat top; color:#838383; } #hairlove-left-column .comment-box-top h2 { font-size:12px; font-weight:bold; margin:0px 0 0 5px; padding:20px 0 0 0px; } #hairlove-left-column .comment-box-top p { font-size:10px; width:185px; margin:0 0 0 10px; } #hairlove-left-column .comment-box-top img { padding:1px; border:1px solid #e5e5e3; float:left; margin:10px 5px 10px 10px; } #hairlove-left-column .comment-box-middle p { font-size:12px; width:185px; margin:0 0 0 10px; } .hairlove-left-column-category-box { padding:5px; box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4); border-top:1px solid #ededed; } .hairlove-left-column-category-box h2 { font-size:14px; font-weight:normal; padding:0; margin:0; } .hairlove-main-image { padding:10px; box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4); border-top:1px solid #ededed; } .hairlove-caption-box { width:400px; background-color:#fff; border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; padding:10px; margin:15px 0 15px 0; border-radius:5px; -moz-border-radius:5px; /* Firefox 3.6 and earlier */ -webkit-box-shadow: #B3B3B3 1px 1px 1px;-moz-box-shadow: #B3B3B3 1px 1px 1px; box-shadow: #B3B3B3 1px 1px 1px; } /* ################ BOTTOM TAKE ACTION SIGNUP BOX FOR DAILY AND WEEKLY UPDATES ######################## */ #take-action-box { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/takeactionbox.png) 0 0 no-repeat; width:550px; height:208px } #take-action-box .how-often { padding:109px 0 0 155px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #take-action-box .email { float:left; background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/takeactionbox.png) no-repeat 0 -213px; border:0; width:225px;height:34px; padding:5px 0 0 5px ; margin:10px 0 0 15px; font-size:16px; color:#9b9b9b; letter-spacing:-1px } #take-action-box .button { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/takeactionbox.png) no-repeat -235px -213px; width:106px; height:33px;border:0; margin:10px 0 0px 0px;padding:0px 0 0px 0;vertical-align: middle; cursor:pointer; overflow: hidden; text-indent: -999px; font-size: 0;display:block; line-height: 0; } /* ################ END BOTTOM TAKE ACTION SIGNUP BOX FOR DAILY AND WEEKLY UPDATES ######################## */ /* ###################################################### ########## V4 Page Formatting For WordPress ########## #######################################################*/ /* ## General formatting for article page ** */ #page-content h1 { font-size:35px; color:#242424; font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:normal; letter-spacing:-2px } #page-content h1 a { text-decoration:none; color:#242424; } #page-body { width:550px; margin:0 auto;} .article-contents .article-intro { margin: 0px auto 20px auto; padding: 0; line-height: 24px; font:300 15px/23px Arial, "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; color:#302f2f; } .article-contents .article-intro-quote { float: left; height: 20px; margin-top: -18px; padding-top: 0px; margin-right:0px; margin-left:-45px; margin-bottom: 0px; font-size: 600%; color: #cbcbcb; font-family:"Times New Roman", Times, serif; font-style: normal; } /* ## Formatting for each hairstyle featured in a div ## */ .save-share-buttons { width:500px; margin:0; padding:10px; height:20px; border-bottom:0px solid #d9d9d9; background-color:#FFF;} .save-share-buttons div { width:92px; float:left; } .article-contents { } .article-contents p { /* font:300 15px/23px Arial, "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; */ font-size:15px; font-family:Arial, "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; color:#302f2f; line-height:22px } .article-contents h2 {font-size:20px; font-weight:bold; color:#ff1c6c; /* text-transform:uppercase; */ margin:40px 0 0 0; } .article-contents img { border:2px solid #FFF; } .article-contents ul { font:300 15px/23px Arial, "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; color:#302f2f; } .article-contents ol { font-size:13px; list-style-position: inside; padding:5px; } .article-contents li { font:300 15px/23px Arial, "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; color:#302f2f; margin:10px 0 5px 5px; line-height:1.6em } /* #### CATEGORY TEMPLATE ###### */ #category-page { margin:0; padding:0; width:640px; } #category-page h1 { color:#343434; font:normal 2em arial,Helvetica,sans-serif; margin:0; padding:0; letter-spacing:-0.07em; } .category-intro { width:600px; margin:0; padding:0; } .category-intro p { font-size:14px; color:#666; font-weight:normal; font-style:italic; } .cat-author { float:right; font-size:10px; width:100px; margin:20px 20px 0 0 } .cat-author a:link, .cat-author a:visited { text-decoration:none; color:#666 } #category-post-container { width:630px; padding:0; margin:0; } /* .category-post-item { width:175px; padding:10px; margin:0px 15px 20px 0; float:left; -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.35); box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.35); } .category-post-item h3 { font-size:24px; line-height:24px; font-weight:bold; margin:5px 0 5px 0; padding:0; } .category-post-item h3 a { text-decoration:none; font-weight:lighter; font-style:normal; letter-spacing:-0.07em; } .category-post-item p { font-size:12px; margin:0; padding:5px; background-color:#efefef; display:block; color:#929292; text-shadow: #FFFFFF 1px 1px;} .category-post-item a { text-decoration:none; } .category-post-item img { border:0; } */ .category-post-item { width:175px; padding:10px; margin:0px 15px 20px 0; float:left; border:1px solid #e0e0e0; } .category-post-item h3 { font-size:24px; line-height:24px; font-weight:bold; margin:5px 0 5px 0; padding:0; } .category-post-item h3 a { text-decoration:none; font-weight:lighter; font-style:normal; letter-spacing:-0.07em; } .category-post-item p { font-size:12px; margin:0; padding:5px; background-color:#efefef; display:block; color:#929292; text-shadow: #FFFFFF 1px 1px;} .category-post-item a { text-decoration:none; } .category-post-item img { border:0; max-width:175px; } #page-nav { width:300px; clear:both; } .category-nav-box { float:left; width:150px; background-color:#0fc3ef; padding:10px; margin:0 10px 30px 0; } .category-nav-box ul { list-style-type:none; margin:0; padding:0; font-size:14px;} .category-nav-box li { margin:10px 0 10px 0;} .category-nav-box a { color:#fff; text-decoration:none;} /* disable transitions on container */ .transitions-enabled.infinite-scroll.masonry { -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } /* #################### SOCIAL BUTTONS IMAGE OVERLAY - 2/22/2012 ################# */ #page-body img { /* padding: 0; border: 0px solid #fff; position: relative; background: #ffffff; display:block; /* margin:0 auto; height: auto; max-width: 100%; */ } .with-share { display:block; position:relative; /* margin:0 auto; */ width: 100%!important; } #page-content a.with-share { border-bottom:none; } #att-shares, .att-shares { text-align: center; } #page-content #att-shares, #page-body .att-shares { position:absolute; top:-09px; left: 50%; width:165px; margin-left: -82px; line-height:0; background: /* rgba(0,0,0,0.7); */; border-radius:0px; padding:0px 0px; border: 0px solid #fff; /* -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; */ -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .att-share { display:inline-block; } .att-share a{ border: none!imporatant; } #page-body .att-shares { opacity:.7; } /*ie8 hack*/ #page-body .att-shares { display: none; } #page-body .hover .att-shares { opacity:1; } #page-body .att-share a { border-bottom:none!important; } .att-share a { background-image:url(http://content.latest-hairstyles.com/images/v4/imagesocialbuttons.png); background-repeat:no-repeat; border-bottom:none; display:block; width:84px!important; height:32px!important; overflow:hidden; margin:10px 10px!important; padding:0!important; } .fb-att-share { background-position: 0 center; } .twitter-att-share { background-position: -32px center; } .tumblr-att-share { background-position: -64px center; } .pinterest-att-share { background-position: -46px center; } .pinit-att-share { position: relative; top: -13px; left: 10px; } /* #################### END - SOCIAL BUTTONS IMAGE OVERLAY - 2/22/2012 ################# */ /* ##################################################################### ########## Floating Vertical Social Sharing Buttons Styles ########## ##################################################################### */ #dcssb-float.dc-social-float .tab { display: none; } #nav-dcssb, #nav-dcssb li { margin: 0; padding: 0; list-style: none; } #nav-dcssb li { padding: 5px 0; } #nav-dcssb li.size-box { text-align: center; height: 60px; } #nav-dcssb li.size-small { height: 30px; } /* Floater */ #dcssb-float { margin-top: 148px; } #dcssb-float.dc-social-float .tab { display: none; } #dcssb-float.dc-social-float .dc-social-float-content { border: 0px solid #000; padding: 5px 0 6px 0; margin-left: 20px; } #dcssb-float.dc-social-float .dc-social-float-content { border-radius: 7px 1px 1px 7px!important; -webkit-border-radius: 7px 1px 1px 7px!important; } #dcssb-float #dcssb-facebook {padding-left: 10px;} #dcssb-float .fb_iframe_widget {margin-left: 0;} .sidebar-widgets { list-style-type:none;} .sidebar-widgets ul { list-style-type:none; list-style:none; } .sidebar-widgets li { list-style-type:none; wdith:300px; list-style:inside;} .sidebar-widgets ul ul { list-style-type:none; } /* Get rid of smiley face from WP-POLL stats plugin */ img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden} /* ################ BOTTOM NEWSLETTER SIGNUP BOX ######################## */ #newsletter-signup-post-bottom { width:560px; padding:5px; border:0px solid #e1e1e1; } #newsletter-signup-post-bottom .textbox { } #newsletter-signup-post-bottom input[type=submit] { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/bottom-newsletter-signup-button.png) no-repeat; width:90px; height:26px; border:0; padding:0; vertical-align: middle; margin:0 0 0 5px; text-indent:-999px; font-size:12px; cursor:pointer } #newsletter-signup-post-bottom input[type=submit]:hover { background:url(http://content.latest-hairstyles.com/wp-content/themes/lhv4theme/images/bottom-newsletter-signup-button-hover.png) no-repeat; } .newsletter-signup-post-bottom-form { width:350px; margin:10px 0 0 175px; } /* ######## END BOTTOM NEWSLETTER SIGNUP BOX ################# */ /* ######## RIGHT SIDEBAR POPULAR POSTS ################# */ #sidebar-popular-posts { width:300px; } #right-sidebar-bottom-ad { width:300px; margin:20px 0 20px 0; } #right-sidebar-bottom-ad.fixed { width:300px; height:250px; margin:100px 0 0 0; position: fixed; } /*modify these values to change the size of the stage or the thumbs */ .pika-stage{ width:287px; height:390px;} .pika-thumbs li{ width: 95px; height: 68px;} .pikachoose-whiteout{ position:relative; width:287px; height:390px; top:0px; margin:0 auto;} .pika-stage{ padding:1px;} .pika-stage .pika-aniwrap{ position: absolute; top: 1px; left: 1px; z-index:9;} .pika-stage, .pika-stage .caption{ position: relative; -webkit-box-shadow: 0px 0px 5px 0px #9b9b9b; -moz-box-shadow: 0px 0px 5px 0px #9b9b9b; box-shadow: 0px 0px 5px 0px #9b9b9b;} /* .pika-thumbs li{ -webkit-box-shadow: 0px 0px 9px -2px #000000; -moz-box-shadow: 0px 0px 9px -2px #000000; box-shadow: 0px 0px 9px -2px #000000;} */ .pika-stage .caption { font-family: Rokkitt; position: absolute; bottom: 18px; right: 18px; background-color: white; background-color: rgba(255, 255, 255, 0.7); width: 250px; height: 31px; padding: 7px;} .pika-stage .caption a{ color:black;} .pika-imgnav{display:none;} .pika-imgnav a{ position: absolute; text-indent: -5000px; height: 65px; width: 55px; display: block; z-index:11; background:url(controls.png) 0 0 no-repeat; cursor:pointer; top:10px; right:28px;} .pika-imgnav .next, .pika-imgnav .previous{ top:160px; background-position: 0 -160px;} .pika-imgnav .previous{ left:13px; background-position: 0 -80px;} .pika-imgnav .play{ background-position:0 -240px;} .pika-thumbs li{ float:left; list-style: none; overflow:hidden; margin:0px 1px; padding:0px;} .pika-thumbs li .clip{ position:relative; height:100%; overflow: hidden;} .pika-textnav{display:none;} .pika-counter{display:none;} .jcarousel-clip-horizontal{ width:287px; overflow:hidden; left:0px;} .jcarousel-container{ position:relative; width:300px; padding-top:8px; height:100px; z-index:10; overflow:hidden; top:5px; left:0px;} .jcarousel-prev,.jcarousel-next{ width:35px; height:44px; background:url(http://www.latest-hairstyles.com/images/v4/controls.png) top left no-repeat; display:block; position:absolute; right:5px; top:24px; cursor:pointer; opacity:0.6;} .jcarousel-prev:hover, .jcarousel-next:hover{ filter:alpha(opacity=100); opacity:1.0;} .jcarousel-prev-disabled:hover, .jcarousel-next-disabled:hover, .jcarousel-next-disabled, .jcarousel-prev-disabled{ filter:alpha(opacity=30); opacity:0.3;} .jcarousel-next{ background-position: -30px -310px;} .jcarousel-prev{ background-position: 0 -310px; left:15px;} /* ####################################################################### ############# BOTTOM RIGHT SIDEBAR DAILY EMAIL SIGNUP BOX ############# ####################################################################### */ #sidebar-email { width:300px; height:300px; background:url(http://www.latest-hairstyles.com/wp-content/themes/lhv4theme/images/sidebaremail.png) 0 0; } #sidebar-email .sidebar-email { background:url(http://www.latest-hairstyles.com/wp-content/themes/lhv4theme/images/sidebaremail.png) no-repeat 0 -300px; border:0; width:243px; height:33px; padding:0 0 0 5px; margin:170px 0 0 25px; font-size:16px; color:#9b9b9b; letter-spacing:-1px } #sidebar-email .sidebar-email-button { background:url(http://www.latest-hairstyles.com/wp-content/themes/lhv4theme/images/sidebaremail.png) no-repeat 0 -333px; width:103px; height:33px; border:0; margin:10px 0 0px 165px; padding:0px 0 0px 0; vertical-align: middle; cursor:pointer; overflow: hidden; text-indent: -999px; font-size: 0; display:block; line-height: 0; } #sidebar-email .sidebar-email-button:hover { background:url(http://www.latest-hairstyles.com/wp-content/themes/lhv4theme/images/sidebaremail.png) no-repeat -103px -333px; } /* ####################################################################### ############# END: BOTTOM RIGHT SIDEBAR DAILY EMAIL SIGNUP BOX ######## ####################################################################### */