/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ body.custom { background-image: url(http://www.1300rubbish.com.au/assets/images/index/homeBG.png); background-repeat: repeat-x; background-position: top; } .custom a { text-decoration: none; } .custom a, a:hover { text-decoration: none; } .custom #container { margin-top: 0; margin-bottom: 0; } .custom #content { background-color: #fff; width: 670px; padding-left: 8px; } .custom #content_box { background-color: #fff; } .custom #page { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } #footer, #footer a { text-decoration: none; border-bottom:none; } #footer a:hover { text-decoration: none; color: #F9AE3B; } /***** Custom Header *****/ .custom #header { width: 984px; height: auto; background-image: url(http://www.1300rubbish.com.au/assets/images/index/1300rubbish-rubbish-removal-headerBG.png); margin: 0; padding: 0; background-repeat: no-repeat; background-position: center top; border-bottom:0; text-align: left; } .custom .nav_textE { font-family: Helvetica, sans-serif; font-size: 13px; color: #FFF; font-weight: normal; text-decoration: none; line-height: 10px; letter-spacing: 1px; } .custom #navTopTextE { width: 560px; height: 28px; text-align: right; padding-top: 18px; padding-right: 8px; float: right; line-height: 10px; margin-right: 4px; } .custom .nav_textE A:hover { font-family: Helvetica, sans-serif; font-size: 13px; color: #F9AE3B; font-weight: normal; text-decoration: none; line-height: 10px; letter-spacing: 1px; } .custom #navTopSmlE { width: 359px; height: auto; text-align: left; } .custom #headerMainNavE { width: 980px; height: 25px; text-align: right; padding-top: 4px; } .custom #mainContE { width: auto; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ margin: 0 auto; text-align: center; /* this overrides the text-align: center on the body element. */ } .custom #marquee { height: 30px; width: 965px; padding-left: 15px; padding-top: 10px; } .custom #nomarquee { height: 23px; width: 965px; } .custom .marqueeText { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #CE2739; line-height: 20pt; letter-spacing: 0px; /***** Custom Footer *****/ } .custom .footer_navE { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; letter-spacing: 0pt; text-decoration: none; } .custom .footer_navE A:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #F9AE3B; letter-spacing: 0pt; text-decoration: none; } .custom .footer_navRed { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #CE2739; letter-spacing: 0pt; text-decoration: none; } .custom #footer { width: 984px; height: 267px; background-image: url(http://www.1300rubbish.com.au/assets/images/index/FooterBGE.png); background-repeat: no-repeat; background-position: center top; text-align: left; margin: 0; padding: 0; border-width: 0 0 0 0; } .custom #footerNavE { width: 603px; height: 230px; padding-top: 18px; text-align: left; padding-left: 45px; } .custom #footerNav2E { width: 603px; height: 170px; text-align: left; padding-top: 30px; } .custom #footerSpaceTop { padding-top: 15px; } .custom #footerSpaceTop2 { padding-top: 50px; } .custom #footerSpaceTopRight { padding-top: 177px; } .custom #footerNavRight { width: 250px; height: 230px; text-align: right; float: right; padding-top: 9px; padding-right: 50px; } .custom .footerTextWhiteE { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFF; font-weight: bold; text-decoration: none; } .custom .footerTextWhiteE A:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #F9AE3B; font-weight: bold; text-decoration: none; } .custom .footerTextRed { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #CE2739; text-decoration: none; } /***** Custom fonts *****/ .custom h1 { font-weight: bold; font-size: 18pt; color: #CE2739; line-height: .8em; font-family: Arial, Helvetica, sans-serif; } .custom h2 { font-weight: bold; color: #CE2739; font-family: Arial, Helvetica, sans-serif; } .custom h3 { color: #A83538; } .custom h3 a:link { color: #A83538; } .custom h4 { font-weight: normal; font-size: 12pt; color: #CE2739; line-height: 19pt; margin: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; } .custom h5 { font-weight: normal; font-size: 11px; color: #666; line-height: 16px; font-family: Arial, Helvetica, sans-serif; } .custom .main_navE { font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #FFF; font-weight: normal; text-decoration: none; } .custom .main_navE A:hover { font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #D0D2E6; font-weight: normal; text-decoration: none; } .custom .bodyE { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; color: #666; line-height: 15pt; } .custom .bodyLinkBoldSpacedE { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #CE2739; text-decoration: none; line-height: 24pt; } .custom .bodyLinkBoldGreenE { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #CE2739; text-decoration: none; line-height: 22pt; } .custom .recentTitles { font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #CE2739; font-weight: normal; text-decoration: none; } .custom .sideBubblesTextE { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333; font-weight: bold; text-decoration: none; line-height: 18px; } .custom .sideBubblesTextWhiteE { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFF; font-weight: bold; text-decoration: none; line-height: 18px; } .custom .sideBubblesTextLgreenE { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #CE2739; font-weight: bold; text-decoration: none; line-height: 20px; } .custom .sideBubblesTextLinkE { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #CE2739; font-weight: bold; text-decoration: none; line-height: 22px; } .custom .sideBubblesTextLinkE A:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #CE2739; font-weight: bold; text-decoration: none; line-height: 22px; } .custom .bodytextE { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; } .custom .bodytextLRG { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; line-height: 25px; color: #666; } .custom .recentPosts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999; letter-spacing: 0pt; text-decoration: none; line-height: 18px; } .custom .recentPosts a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #06C; letter-spacing: 0pt; line-height: 18px; text-decoration: underline; } /***** Custom Home divs *****/ .custom #indexBodyContE { width: 956px; text-align: left; /* this overrides the text-align: center on the body element. */ height: auto; padding-right: 10px; padding-left: 7px; padding-top: 5px; } .custom #indexBodyNavRightE { float: right; width: 278px; height: auto; text-align: left; } .custom #indexBodyNavRHolderE { height: 86px; text-align: left; background-image: url(http://www.1300rubbish.com.au/assets/images/index/rubbish-removal-buttons-background.png); background-repeat: no-repeat; background-position: left top; width: 278px; } .custom #indexBodyNavRHolderS { height: 86px; text-align: left; background-image: url(http://www.1300rubbish.com.au/assets/images/index/rubbish-removal-buttons-sidebar-bg.png); background-repeat: no-repeat; background-position: left top; width: 278px; } .custom #NavRHolder2E { height: auto; text-align: left; width: 250px; padding-left: 19px; padding-top: 24px; } .custom #NavRHolder3E { height: auto; text-align: left; width: 250px; padding-left: 19px; padding-top: 24px; } .custom #NavRHolder4E { height: auto; text-align: left; width: 250px; padding-left: 30px; padding-top: 24px; } .custom #NavHolderRecentE { height: 150px; text-align: left; width: 278px; background-image: url(http://www.1300rubbish.com.au/assets/images/index/rubbish-removal-recent-posts-bg.png); background-repeat: no-repeat; background-position: right top; } .custom #NavHolderRecentSide { height: 225px; text-align: left; width: 278px; background-image: url(http://www.1300rubbish.com.au/assets/images/index/rubbish-removal-recent-posts-bg.png); background-repeat: no-repeat; background-position: right top; } .custom #NavHolderRecentSideB { height: 325px; text-align: left; width: 278px; background-image: url(http://www.1300rubbish.com.au/assets/images/index/rubbish-removal-recent-posts-bg.png); background-repeat: no-repeat; background-position: right top; } .custom #recentSpacer { height: 12px; } .custom #recentSpacer2 { height: 19px; } .custom #NavHolderRecentBotE { height: 20px; text-align: left; width: 278px; background-image: url(http://www.1300rubbish.com.au/assets/images/index/rubbish-removal-recent-posts-bot.png); background-repeat: no-repeat; background-position: right bottom; } .custom #sideHeadingsHolderE { height: 40px; text-align: left; width: 200px; padding-left: 40px; } .custom #sideHeadingsHolder2E { height: 45px; text-align: left; width: 200px; padding-left: 43px; } .custom #recentTextHolderE { height: auto; text-align: left; width: 253px; padding-left: 20px; padding-top: 10px; } .custom #recentTextHolderSide { height: auto; text-align: left; width: 253px; padding-left: 20px; padding-top: 15px; } .custom #SearchBox { height: 30px; text-align: right; width: 268px; padding-left: 10px; padding-top: 20px; } .custom #indexBodyCopyHolderE { width: 610px; height: 272px; padding-left: 20px; padding-top: 0px; } .custom #indexBodyAreasE { width: 650px; text-align: left; /* this overrides the text-align: center on the body element. */ height: auto; } .custom #indexBodyContBubbles { width: 650px; text-align: left; /* this overrides the text-align: center on the body element. */ height: 220px; padding-top: 130px; } .custom #indexBubbleHolder { height: auto; text-align: left; width: 180px; float: left; margin-left: 42px; } .custom #indexBubbleHolder2 { height: auto; text-align: left; width: 180px; padding-left: 15px; float: left; } .custom #mainContainerE { width: 969px; margin: auto; text-align: center; background-color: #FFF; height: auto; padding-top: 20px; background-image: url(http://www.1300rubbish.com.au/assets/images/index/line.png); background-repeat: no-repeat; background-position: center top; /***** body *****/ } .custom .nav_textColE { font-family: Helvetica, sans-serif; font-size: 13px; color: #F9AE3B; font-weight: normal; text-decoration: none; line-height: 10px; letter-spacing: 1px; } .custom .nav_textBlurbE { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #FFFFFF; text-decoration: none; font-weight: normal; } .custom .main_navTitleE { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #CE2739; font-weight: normal; text-decoration: none; line-height: normal; } .custom .main_navTitleSubE { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; font-weight: normal; text-decoration: none; line-height: 20px; } .custom .homeTxtRedE { font-family: Helvetica, sans-serif; font-size: 16pt; font-weight: bold; letter-spacing: -.5px; text-decoration: none; color: #CE2739; } .custom .homeTxtRedE A:hover { font-family: Helvetica, sans-serif; font-size: 16pt; letter-spacing: -.5px; text-decoration: none; color: #F9AE3B; } .custom .footer_textE { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #999; text-decoration: none; } .custom .footer_textE A:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666; text-decoration: none; } .custom .bodyE { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; color: #666; line-height: 15pt; } .custom .bodyBoldGrey { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #666; line-height: 16pt; } .custom .bodyBoldRed { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #CE2739; line-height: 16pt; } .custom #indexBodyContLowerE { width: 650px; text-align: left; height: 200px; } .custom #indexLowerRimageE { width: 349px; text-align: left; height: 190px; } .custom #indexLowerRimageLocalE { width: 278px; text-align: left; height: 177px; float: right; } .custom #imageSpace { width: 244px; text-align: left; height: 68px; padding-top: 16px; padding-bottom: 16px; } .custom #indexBodyNavRposts { height: auto; text-align: left; width: 240px; color: #CE2739; padding-top: 10px; padding-left: 12px; } .custom #indexBodyNavRSide { height: auto; text-align: left; width: 240px; padding-top: 15px; padding-left: 0px; } .format_text input { width: auto; padding: 0.214em; border-width: 0.071em 0.071em 0.071em 0.071em; } .custom #servicecopy1 { width: 170px; /* padding keeps the content of the div away from the edges */ height: 210px; margin-top: 298px; padding-left: 14px; float: left; } .custom #servicecopy2 { width: 182px; margin-top: 298px; padding-left: 38px; float: left; height: 210px; } .custom #servicecopy3 { width: 175px; margin-top: 298px; padding-left: 25px; float: left; height: 210px; } .custom #serviceright { width: 630px; /* padding keeps the content of the div away from the edges */ height: 630px; background-image: url(http://www.1300rubbish.com.au/assets/rubbish-removal-our-service.jpg); background-repeat: no-repeat; margin-left: 15px; } .custom #service { width: 735px; /* padding keeps the content of the div away from the edges */ height: auto; background-image: url(http://www.1300rubbish.com.au/images/pricing/pricing_page_centre.png); background-position: center; margin-left: 8px; background-repeat: repeat-y; margin-bottom: 20px; } .custom #servicemid { width: 721px; /* padding keeps the content of the div away from the edges */ height: auto; background-position: center; background-repeat: no-repeat; background-color: #FFFFFF; margin-left: 9px; } .custom .body_text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; line-height: 14px; } .custom .bodyTextGrey { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #666; line-height: 12px; } .custom .format_text input { width: 200px; } .custom #commentform textarea { width: 96%; } /*---:[ sidebar styles ]:---*/ .custom #indexBodyNavRightSideb { width: auto; height: auto; text-align: left; } .custom li.widget { font-size: 1.3em; line-height : 12px; margin-bottom: 0em; } .custom li.widget p { margin-bottom: 0em; } .custom li.widget ul li { margin-bottom: 0.3em; } .custom li.widget li ul { margin: 0.692em 0 0 1.385em; } .custom #NavRHolderSide { height: auto; text-align: left; width: 250px; padding-left: 20px; padding-top: 24px; } .custom #sidebars { width: 282px; border: 0; float: right; padding-right: 8px; } .custom .sidebar { width: 100%; } .custom #sidebar_1 { border: 0; } .custom .sidebar ul.sidebar_list { padding-right: 8px; padding-left: .2em; } .custom #multimedia_box { padding: 13px; margin-bottom: 1.5em; } .custom #image_box img { display: block; padding: 2px; border-width: 1px; } /*---:[ our service styles ]:---*/ .custom #serviceAreas { width: 600px; text-align: left; height: 700px; padding-left: 35px; padding-top: 17px; background-image: url(http://www.1300rubbish.com.au/assets/our-rubbish-removal-service.jpg); background-repeat: no-repeat; background-position: left top; } .custom #serviceTextHold { height: 580px; text-align: left; width: 400px; padding-left: 180px; padding-top: 30px; } .custom .serviceTxtWhite { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #FFF; } .custom .bodyService { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal;; color: #5C5C5C; line-height: 15pt; } .custom #serviceTop { height: 85px; } .custom #serviceTopTxt { padding-top: 25px; } .custom #serviceSpace { height: 15px; width: 400px; } .custom #serviceSpace1 { height: 38px; width: 400px; margin-top: 10px; } .custom #serviceSpace2 { height: 32px; width: 400px; margin-top: 10px; } .custom #serviceSpaceB { height: 10px; width: 400px; } .custom #serviceStep1 { height: 170px; width: 400px; } .custom #serviceStep2 { height: 185px; width: 400px; } .custom #serviceStep3 { height: 170px; width: 400px; } /*---:[ landing pages styles ]:---*/ .custom .sliderBullets { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #CE2739; text-decoration: none; line-height: 16pt; } .custom .sliderBulletsSpace { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #CE2739; text-decoration: none; line-height: 21pt; } .custom .heading_textRED25 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #CE2739; text-decoration: none; } .custom .heading_large_red { font-family: Tahoma, Geneva, sans-serif; font-size: 32px; font-weight: bold; color: #CE2739; text-decoration: none; text-align: center; } .custom .handson16 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #666666; } .custom .bodyElarge { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: normal; color: #666; line-height: 16pt; } .custom .bodyElargeKern { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; color: #666; line-height: 16pt; } .custom .bodyElargeRed { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold; color: #CE2739; } .custom #sliderLandingBG { width: 660px; height: auto; background-image: url(http://www.1300rubbish.com.au/assets/images/landing/rubbish-removal-landing-bg-main.png); background-repeat: no-repeat; background-position: left top; padding-top: 14px; } .custom #sliderBooknowRight { width: 370px; float: right; height: 160px; } .custom #sliderPack { width: 370px; height: auto; text-align: left; } .custom #sliderFormer2 { width: 660px; height: auto; } .custom #sliderFormer2B { width: 660px; height: auto; text-align: center; } .custom #sliderFormer3 { width: 630px; height: auto; padding-left: 30px; text-align: left; } .custom #sliderFormer4 { width: 630px; height: 30px; padding-left: 30px; padding-top: 20px; text-align: left; } .custom #sliderBotImageBg { width: 660px; height: 90px; background-image: url(http://www.1300rubbish.com.au/assets/images/landing/rubbish-removal-landing-bg-bot.png); background-repeat: no-repeat; background-position: left bottom; } .custom #sliderFormerImage { width: 660px; height: 170px; } .custom #sideSliderBox { height: 390px; text-align: left; padding-left: 5px; width: 278px; } .custom #sliderSpace { height: 60px; width: 630px; text-align: left; padding-top: 35px; padding-left: 30px; } .custom #sliderForm { height: auto; width: 600px; text-align: left; padding-top: 5px; padding-right: 60px; } .custom #sliderContainer { width: 969px; margin: auto; text-align: center; background-color: #FFF; height: auto; padding-bottom: 20px; } .custom #sliderRecent { height: 200px; text-align: left; width: 278px; background-image: url(http://www.1300rubbish.com.au/assets/images/index/rubbish-removal-recent-posts-bg.png); background-repeat: no-repeat; background-position: right top; } .custom #sliderSideButton { height: auto; text-align: left; width: 250px; padding-left: 19px; padding-top: 24px; } .custom #landsyd { height: 179px; text-align: right; width: 278px; padding-top: 8px; padding-bottom: 13px; } .custom #landBookMain { width: 670px; height: auto; padding-top: 14px; } .custom #landBookForm { height: auto; width: 590px; text-align: left; padding-top: 5px; padding-right: 50px; } .custom #landBookBG { height: 179px; text-align: center; width: 278px; } .custom #landContainer { width: 969px; margin: auto; text-align: center; height: auto; padding-bottom: 20px; }