/* Theme Name: Clutter Cleaner (WP2.9.2) Theme URI: http://blog.cluttercleaner.com Description: 'This is for the Clutter Cleaner news theme' Author: Adam Smith Author URI: http://www.93-octane.com Version: 1.0 */ /* colors - - - - - - - - - - - - / dark grey #58595B green #999900 blue #0066cc - - - - - - - - - - - - - - - - - */ /* - - - - - - - - - - - - - - - - - - - CSS NOTES - - - - - - - - - - - - - - - - -- - - - - - -- - - - - - - - - - CLASSES & ID's USED BY BUZZBOOST FOR THE RSS FEED - DO NOT USE THESE NAMES! 2/28/10 .headline #creditfooter -------> yeah, never mind - they decided they don't want the posts to feed to the home page 3/3/10 - ALSO - ART USED SEPARATE CSS FILES IN ORIGINAL PROGRAMMING (grid960.css, text.css, reset.css, style.css) - ALL OF WHICH HAVE BEEN COMBINED TO WORK IN THE PARENT DIRECTORY OF WORDPRESS THE CLUTTERCLEANER THEME - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - -- - - - - - - - - - - - - - - - */ /* GRID 960 */ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} /* RESET */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* TEXT */ body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} html { background: #1b447c; } body { } p, h1, h2, h3, h4, h5, h6, li { color:#58595B; } h6 { margin-left: 25px; margin-top: 25px; } a, a visited{ color:#58595B; } /* HEADER */ #page-wrap { } #header { } #logo { } h1 { margin: 0; padding: 0; } h1 a { text-indent: -9999px; background: url(images/logo-tm.png) no-repeat; background-position:0 0; height: 113px; min-height: 113px; padding: 0; display: block; width: 220px; } h1 a:hover { background-position:0 -113px; } .hide { visibility: hidden; } #contact { text-indent: -9999px; background: url(images/phone.png) no-repeat; height:113px; } /* SOCIAL MEDIA BUTTONS IN HEADER */ #social { } ul#share { list-style: none; margin-bottom: 0; position: relative; float: right; /* might not need this */ width: 200px; /* might not need this */ } ul#share li { display: inline; } ul#share li a { text-indent: -9999px; display: block; height: 113px; min-height: 113px; float: right; } ul#share li a.facebook { background: url(images/facebook-header.jpg) no-repeat top center; width: 50px; } ul#share li a.twitter { background: url(images/twitter-header.jpg) no-repeat top center; width: 48px; } /* NAVIGATION */ .spacer { height: 20px; min-height: 20px; } #navigation { padding: 0; } ul#menu { list-style: none; margin-bottom: 0; position: relative; } ul#menu li { display: inline; } ul#menu li a { text-indent: -9999px; display: block; height: 54px; min-height: 54px; float: left; display: inline; } ul#menu li a.services { background: url(images/navigation_services.png) no-repeat top center; width: 178px; } ul#menu li a.hoarding { background: url(images/navigation_hoarding.png) no-repeat top center; width: 137px; } ul#menu li a.trust { background: url(images/navigation_trust.png) no-repeat top center; width: 106px; } ul#menu li a.about { background: url(images/navigation_about.png) no-repeat top center; width: 96px; } ul#menu li a.freeestimate { background: url(images/navigation_estimate.png) no-repeat top center; width: 183px; margin-top: 0; position: absolute; right: 0; } ul#menu li a.services:hover, ul#menu li a.services:active, ul#menu li a.hoarding:hover, ul#menu li a.hoarding:active, ul#menu li a.trust:hover, ul#menu li a.trust:active, ul#menu li a.about:hover, ul#menu li a.about:active, ul#menu li a.freeestimate:hover, ul#menu li a.freeestimate:active { background-position: center center; } body#services ul#menu li a.services, body#extremecleaning ul#menu li a.services, body#decluttering ul#menu li a.services, body#seniorsolutions ul#menu li a.services, body#familyservices ul#menu li a.services, body#divorce ul#menu li a.services, body#realtorprogram ul#menu li a.services, body#hoarding ul#menu li a.hoarding, body#trust ul#menu li a.trust, body#about ul#menu li a.about, body#freeestimate ul#menu li a.freeestimate { background-position: bottom center; } /* SIDEBAR */ #sidebar { margin: 0; position: relative; } #services_top { text-indent: -9999px; height: 41px; min-height: 41px; width: 231px; display: block; background: url(images/sub_services.png) no-repeat; margin:0; padding: 0; } ul#submenu { list-style: none; } ul#submenu li { display: inline; margin: 0; position: relative; } ul#submenu li a { text-indent: -9999px; display: block; width: 231px; margin-bottom: 0; } ul#submenu li a.extremecleaning { background: url(images/sub_extreme.png) no-repeat top left; height: 59px; min-height: 59px; margin: 0; padding: 0; } ul#submenu li a.de-cluttering { background: url(images/sub_decluttering.png) no-repeat top left; height: 54px; min-height: 54px; } ul#submenu li a.seniorsolutions { background: url(images/sub_senior.png) no-repeat top left; height: 57px; min-height: 57px; } ul#submenu li a.familyservices { background: url(images/sub_family.png) no-repeat top left; height: 56px; min-height: 56px; } ul#submenu li a.divorce { background: url(images/sub_divorce.png) no-repeat top left; height: 53px; min-height: 53px; } ul#submenu li a.realtorprogram { background: url(images/sub_realtor.png) no-repeat top left; height: 81px; min-height: 81px; } /* ul#submenu li a.facebook { background: url(images/facebook-button.png) no-repeat top left; height: 41px; min-height: 41px; } ul#submenu li a.twitter { background: url(images/twitter-button.png) no-repeat top left; height: 41px; min-height: 41px; } */ ul#submenu li a.extremecleaning:hover, ul#submenu li a.extremecleaning:active, ul#submenu li a.de-cluttering:hover, ul#submenu li a.de-cluttering:active, ul#submenu li a.seniorsolutions:hover, ul#submenu li a.seniorsolutions:active, ul#submenu li a.familyservices:hover, ul#submenu li a.familyservices:active, ul#submenu li a.divorce:hover, ul#submenu li a.divorce:active, ul#submenu li a.realtorprogram:hover, ul#submenu li a.realtorprogram:active { background-position: top center; } body#extremecleaning ul#submenu li a.extremecleaning, body#decluttering ul#submenu li a.de-cluttering, body#seniorsolutions ul#submenu li a.seniorsolutions, body#familyservices ul#submenu li a.familyservices, body#divorce ul#submenu li a.divorce, body#realtorprogram ul#submenu li a.realtorprogram { background-position: top right; } /* MAIN */ #main { min-height: 720px; float: right; display: inline; background: url(images/main_back_repeat.png) repeat-y; position: relative; margin-left: 0px; margin-top: 0; _width:700px; } body#home #main { background: url(images/home_main_back_realcrew.png) no-repeat; height:738px; min-height: 738px; } body#home #main_bottom { background: url(images/main_bottom.png) no-repeat; text-indent: -9999px; height: 34px; min-height: 34px; } #main_bottom { background: url(images/main_bottom.png) no-repeat; text-indent: -9999px; height: 34px; min-height: 34px; margin-left: 0; } ul#facts { list-style: none; position: relative; min-height: 352px; height: 352px; } ul#facts li a { text-indent: -9999px; display: block; } ul#facts li a.free_estimate { background: url(images/facts_freeestimate.png) no-repeat; height: 140px; min-height: 140px; width: 91px; position: relative; top:200px; left:0; z-index: 100; } ul#facts li a:hover.free_estimate:hover, ul#facts li a:hover.collaborate:hover, ul#facts li a:hover.organize:hover, ul#facts li a:hover.donateorsell:hover, ul#facts li a:hover.packandmove:hover, ul#facts li a:hover.donateorsell:hover, ul#facts li a:hover.clean:hover { background-position:bottom center; } ul#facts li a.collaborate { background: url(images/facts-collaborate.png) no-repeat; height: 138px; min-height: 138px; width: 136px; position: absolute; top:58px; left:72px; z-index: 100; } ul#facts li a.organize { background: url(images/facts-organize.png) no-repeat; height: 132px; min-height: 132px; width: 127px; position: absolute; top:10px; left:218px; z-index: 100; } ul#facts li a.donateorsell { background:url(images/facts-donateorsell.png) no-repeat; height: 105px; min-height: 105px; width: 165px; position: absolute; top:10px; left:351px; z-index: 100; } ul#facts li a.packandmove { background:url(images/facts-packandmove.png) no-repeat; height: 163px; min-height: 163px; width: 93px; position: absolute; top:25px; left:525px; z-index: 100; } ul#facts li a.clean { background:url(images/facts_clean.png) no-repeat; height: 120px; min-height: 120px; width: 136px; position: absolute; top:200px; left:550px; z-index: 100; background-position: top center; } #tagline { text-indent: -9999px; background: url(images/clutterhasmetitsmatch-realcrew.png) no-repeat; height: 569px; min-height: 569px; width: 685px; position: absolute; top:165px; left:7px; z-index: 1; } #hoarders_tv { height:83px; left:60px; position:absolute; top:600px; z-index:50; } #hoarders_tv h3 { margin-top:15px; text-indent:-9999px; } #hoarders_tv h3 a{ background:transparent url(images/hoarders_logo.png) no-repeat scroll 0 0; display:block; height:85px; width:256px; } #hoarders_tv p{ width: 300px; margin: 40px 0 0 40px; color: white; } #hoarders_tv p a{ text-decoration: none; color: white; } #hoarders_tv p a:hover{ text-decoration: underline; } /* TOOLTIP*/ .tip { width: 136px; padding-top: 16px; display: none; position: absolute; background: transparent url(images/tipTop.png) no-repeat top;} .tipMid { background: transparent url(images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;} .tipBtm { background: transparent url(images/tipBtm.png) no-repeat bottom; height: 32px;} /* FOOTER */ #footer { clear:both; color:white; font-size:9px; text-align:left; } #footer a, #footer a:visited { color: white; text-decoration: none; } #footer a:hover { text-decoration: underline; } #foot_left{ text-align: left; float: right; margin: 0 0 0 20px; padding: 0 20px 0 0; } #foot_right { text-align: right; float: right; margin: 0; } /* SUB PAGE */ #headline_section { background: url(images/headine_back.png) no-repeat; min-height: 123px; height: 123px; margin: 0 0 0 20px; } .head_service{ text-indent: -9999px; width: 94px; min-height: 74px; height: 74px; display: inline; margin: 10px 0 0 40px; float: left; } body#extremecleaning .head_service{ background: url(images/extreme-section.png) no-repeat; } body#decluttering .head_service{ background: url(images/section-decluttering.png) no-repeat; } body#seniorsolutions .head_service{ background: url(images/section-seniorsolutions.png) no-repeat; } body#familyservices .head_service{ background: url(images/section-familyservices.png) no-repeat; } body#divorce .head_service{ background: url(images/section-divorce.png) no-repeat; } body#realtorprogram .head_service{ background: url(images/section-realtor.png) no-repeat; } body#services .head_service{ background: url(images/section-services.png) no-repeat; } body#hoarding .head_service{ background: url(images/section-hoarding.png) no-repeat; } body#trust .head_service{ background: url(images/section-trust.png) no-repeat; } body#about .head_service{ background: url(images/section-about.png) no-repeat; } body#about .head_service{ background: url(images/section-about.png) no-repeat; } body#freeestimate .head_service{ background: url(images/section-freeestimate.png) no-repeat; } body#news .head_service{ background: url(images/section-news.png) no-repeat; } .headline { border-left:1px solid #333333; color:#9FA617; float:left; font-size:18px; height:74px; line-height:74px; margin:30px 0 0 10px; text-indent:15px; width:500px; } .fix { font-size: 15px !important; } .before_after_top { background: url(images/beforeafter_top.png) no-repeat; _background: none; min-height: 10px; height: 10px; width: 664px; margin: 0 0 0 20px; } .before_after_bot { background: url(images/beforeafter_bot.png) no-repeat; _background: none; min-height: 10px; height: 10px; width: 664px; margin: 0 0 35px 20px; } .before_after { background: url(images/beforeafter_mid.png) repeat-y; height: 220px; min-height: 220px; margin: 0 0 0 20px; } body#divorce .before_after, body#familyservices .before_after, body#seniorsolutions .before_after, body#divorce .before_after, body#realtorprogram .before_after, body#services .before_after, body#hoarding .before_after, body#trust .before_after, body#about .before_after { height: 220px; min-height: 220px; } .caption { color:white; font-size:9px; line-height:12px; margin:15px 160px 30px 20px; } .beforeafter_image{ margin: 15px 20px 0 17px; } #copy_area p { color:#58595B; font-size:12px; letter-spacing:0.04mm; line-height:24px; margin:0px 20px 10px 25px; } #copy_area p a{ color: #58595b; } #copy_area p a:hover { color: black; text-decoration: underline; } #copy_area ul{ color:#58595B; font-size:12px; letter-spacing:0.04mm; line-height:24px; margin:0 25px 0 25px; } #copy_area li{ margin-bottom: 5px; } #sidebar_copy { position: relative; margin-left: 0; } .sidebar_top { background: url(images/sidebar_top.png) no-repeat; min-height: 9px; height: 9px; margin-top: 0px; } .sidebar_bottom { background: url(images/sidebar_bot.png) no-repeat; min-height: 15px; height: 15px; margin: 0 0 20px 0; } .sidebar_middle { background: url(images/sidebar_mid.jpg) repeat-y; padding: 15px 15px 20px 15px; margin: 0; } .quote{ width:180px; margin-bottom: 0; } .quote_city { margin-bottom: 0; margin-top: 10px; font-style: italic; color: gray; font-size: .8em; } /* SERVICES PAGE */ .services-list { border-bottom:1px dotted gray; margin:20px; min-height:120px; padding:20px 0 40px 20px; width:550px; } .services-list img { float: left; margin-right: 20px; } .services-list h5 { margin-bottom: 0; margin-top: 15px; color: #9FA617; } .services-list a, .services-list a:visited { color: #9FA617; text-decoration: none; } .services-list a:hover { color:#1b447c; } .last { border-bottom: 0 !important; } .services-list p { font-size: 14px !important; } .sales-pitch { font-weight: bold; font-size: 16px !important;; } .list { list-style-type: none; font-size: 14px; } .list li { margin: 0; font-weight: bold; } .sub_list { list-style-type: none; } .sub_list li{ text-indent: 5px; font-weight: normal; } .sub_list li a, .sub_list li a:hover{ text-decoration: none; } .sub_list li a:hover { text-decoration: underline; } .widequote_main { background:#E2F2F9 none repeat scroll 0 0; margin:20px; padding:20px 10px 10px 0; } .wide_city { text-align: right; font-style: italic; } /* CONTACT FORM */ #form { margin: 30px 20px 0 30px; } #form h2 { visibility: hidden; } /* SERVICES PAGE */ .list_head a, .list_head a:visited { text-decoration: none; } .list_head a:hover { text-decoration: underline; } /*PRIVACY*/ .headline_privacy { color:#9FA617; font-size:18px; margin:20px 0 10px 25px; } .subhead { margin: 20px 0 0 25px; font-size: 14px; } #filler { min-height: 650px; height: 650px; } /*sitemap*/ #filler2{ min-height: 100px; height: 100px; } .nav { } /*HOARDING*/ #hoarders_badge { position: absolute; right: 0; top:330px; width: 225px; height: 73px; min-height: 73px; background: url(images/hoarders_badge.jpg) no-repeat; } #hoarders_badge a{ display: block; text-decoration: none; height: 73px; width: 225px; } #hoarders_badge p{ color: white; margin: 5px 0 0 13px; } /* BLOG POSTS */ #post-item { background: url(images/headine_back.png) no-repeat; min-height: 300px; /* height: 350px; */ margin: 0 0 0 20px; text-decoration: none; color: #999900; position: relative; } .meta { width: 114px; min-height: 32px; height: 32px; display: inline; margin: 10px 0 0 40px; float: left; } #post-item p.meta { color: #0066cc; font-size: 11px; text-align: right; margin: 60px 0 0 0; } .post-title { /* border-left:1px solid #333333; */ color:#9FA617; float:left; font-size:14px; height:64px; line-height:16px; margin:60px 0 0 0; /* padding: 0 0 0 20px; */ vertical-align: text-bottom; /* text-indent:15px; */ width:470px; } .post-content { min-height: 300px; margin: 0 30px 0 20px; clear: both; } #post-item a { text-decoration: none; color: #999900; clear: both; /* float: left; */ } /* body#news h5 { color: #369; font-size: 11px; font-weight: normal; text-align: center; margin-top: 60px; } */ .post-content img { padding: 0 15px 5px 0; float: left; } .post-content object { padding: 0 15px 5px 0; float: left; } .border-left-spacer { /* this creates the vertical rule separating the date from the post-title */ border-left:1px solid #333333; height:74px; line-height: 74px; width: 30px; margin:30px 0 0 20px; float: left; } #primary { min-height: 700px; } /* I added this because when clicking on individual posts - the background repeated forever, looking bad */ /* the #media-request div is before the news posts start */ #media-request { padding: 5px 25px 5px 25px; } #media-request a{ color: #0066cc; } #news { } #news-sidebar { } #news-sidebar a { text-indent: -9999px; background: url(images/in-the-news.png) no-repeat; background-position: 0 0; height: 65px; min-height: 65px; padding: 0; display: block; width: 231px; margin: 0; } #news-sidebar a:hover { background-position:0 -65px; }