/* File: custom.css Description: Custom styles for Thesis Custom by Supriyadi Widodo 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: #e2fdc6 url(images/body-bg.jpg) center top repeat-x; } .custom .page { border: 0px solid #000; width: 978px; background-color: transparent; } .custom #logo { text-align: center; width: 960px; background-image: url(images/header.png); margin: 0 auto; text-indent: -9999px; } .custom #logo a { margin: 0 auto; display: block; height: 220px; overflow: hidden; } .custom #header { border: 0px solid #000; padding: 0; } .custom #menu-top { background: url(images/main-menu.png) center top no-repeat; height: 44px; } .custom #content_area .page { background: url(images/page-bg.png) center top repeat-y; border: 0px solid #fff; } .custom #content { border: 0px solid #000; margin-left: 25px; } .custom #sidebars { border: 0px solid #000; margin-right: 25px; } .custom #footer { background: url(images/footer.png) center top no-repeat; height: 64px; border: 0px solid #000; font-size: 9pt; font-family: Verdana, Geneva, sans-serif; color: #000; } .custom .footer-left { border: 0px solid #fff; width: 330px; float: left; text-align: left; margin-left: 23px; margin-top: -6px; } .custom .footer-right { border: 0px solid #fff; width: 550px; float: right; margin-right: 25px; } .custom .clear { clear: both; } ul.menu-footer { border: 0px solid #444; list-style: none; } ul.menu-footer li{ background: none; display: inline; padding: 0 2px 0 7px; border-left: 1px solid #000; margin: 0; } ul.menu-footer li a { color: #000 !important; border: none !important; } ul.menu-footer li.current-menu-item a, ul.menu-footer li.current-menu-item a:hover { background: none; border: none; color: #000; } ul.menu-footer li a { background: none; border: none; text-transform: none; letter-spacing: 0; color: #000; } ul.menu-footer li a:hover{ background: none; color: #000; text-decoration: underline; } ul.menu-footer li.tab-home a{ padding-left: 0px; } ul.menu-footer li.home { border-left: none; } /* Top menu */ ul.menu { border: 0px solid #444; padding: 0px 0 0px 0px; font-size: 10pt; font-family: Verdana, Geneva, sans-serif; background: url(images/main-menu.png) center top no-repeat; height: 44px; } ul.menu li.tab-home, ul.menu li.tab-1 { margin-left: 20px; } ul.menu li{ background-color: transparent; border: none; } ul.menu li.current a, ul.menu li.current-cat a, ul.menu li.current a:hover, ul.menu li.current-parent, ul.menu li.current-parent a, ul.menu li.current-parent a:hover, ul.menu li.current-cat a:hover{ background-color: transparent; border: none; color: #000; } ul.menu li a { /*height: 44px;*/ /*padding-top: 13px;*/ color: #000; text-transform: none; letter-spacing: 0; height: 26px; font-weight: normal; background-color: transparent; } ul.menu li a:hover{ background-color: transparent; /*background: #c59f3a;*/ color: #000; text-decoration: underline; height: 26px; } ul.menu li ul.submenu{ border-right: 0px solid #444; border-left: 0px solid #444; border-bottom: 0px solid #444; /*background: #7e2818;*/ /*background: url(images/main-menu.png) center top no-repeat;*/ background: #c59f3a; } ul.menu li ul.submenu li{ border: none; } ul.menu li ul.submenu li a{ border: none; } .custom .sidebar h3 { background-attachment: scroll; background-clip: border-box; background-color: #c59f3a; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; color: #000; font-size: 1.4em; line-height: 1.5em; padding-left: 0.5em; padding-top: 0; } /* Home Page added by Ally */ .custom.home h1 { color: #5A2B81; font-size: 20px; text-align: center; font-weight: bold; margin-bottom: 15px; } /* Training Page added by Ally */ .custom.training h2 { color: #000000; font-size: 20px; font-weight: bold; margin-top: -40px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } /* blockquotes added by Ally */ blockquote{ margin: 5px 10px 5px 10px; padding: 10px 60px 10px 10px; border-width: 1px; border-style: solid; border-color: #cfcfcf; background-color: #ffffff; background-repeat: no-repeat; background-position: right top; font-size: 12px; color: #000000; } /* Speaking Page added by Ally */ .custom.speaking h2 { color: #000000; font-size: 20px; font-weight: bold; text-align: center; line-height: 1.5em; margin-top: -5px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .custom.speaking h4 { color: #000000; font-size: 16px; font-weight: bold; line-height: 3.5em; } .custom.speaking a{ text-decoration: none; } .custom.speaking a.willpower{ text-decoration: none; color: #000000; } .custom.speaking a.willpower:hover{ text-decoration: underline; color: #2361A1; } .custom.speaking a:hover{ text-decoration: underline; } #indent{ padding-left: 12px; } #indent li{ margin-bottom: 10px; padding-left: 30px; background-image: url(images/koru_bullet.png); background-repeat: no-repeat; background-position: left center; list-style: none; } /* speaking added by Tina */ .custom.speaking h5 { text-align: center; font-style: italic; font-weight: bold; font-size: 12px; margin-top: -15px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; text-transform: none } .custom.speaking h6 { text-align: right; font-size: 13px; color: #c53b0A; font-weight: bold; text-transform: none } /* Bio Page added by Ally */ .custom.bio h2 { color: #000000; font-size: 20px; font-weight: bold; text-align: center; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .custom.bio h2 a{ color: #0000FF; font-size: 20px; font-weight: bold; text-align: center; } .custom.bio h4 { color: #000000; font-size: 16px; font-weight: bold; text-align: center; padding-bottom: 20px; } /* willpower outline added by Ally */ .custom.willpoweroutline h2 { color: #000000; font-size: 20px; font-weight: bold; text-align: center; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .custom.willpoweroutline h2 a { color: #0000FF; font-size: 20px; font-weight: bold; text-align: center; } .custom.willpoweroutline h4 { color: #000000; font-size: 16px; font-weight: bold; line-height: 3em; text-decoration: underline; } .custom.willpoweroutline h5 { color: #000000; font-size: 14px; text-align: center; line-height: 20px; padding-bottom: 20px; text-transform: none } /* stoptryingoutline Page added by Ally */ .custom.stoptryingoutline h2 { color: #000000; font-size: 20px; font-weight: bold; text-align: center; } .custom.stoptryingoutline h2 a { color: #0000FF; font-size: 20px; font-weight: bold; text-align: center; } .custom.stoptryingoutline h4 { color: #000000; font-size: 16px; font-weight: bold; line-height: 3em; text-decoration: underline; } .custom.stoptryingoutline h5 { color: #000000; font-size: 14px; text-align: center; line-height: 20px; padding-bottom: 20px; text-transform: none } /* affiliates Page added by Ally */ .custom.affiliates h2 { color: #000000; font-size: 16px; font-weight: bold; text-align: center; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .custom.affiliates h2 a { color: #0000FF; font-size: 16px; font-weight: bold; text-align: center; } /* contact us page added by Tina */ .custom.contact-us blockquote { margin: 0px 10px 5px 10px; padding: 0px 10px 0px 10px; border-width: 1px; border-style: solid; border-color: #000000; background-color: #ffffff; background-repeat: no-repeat; background-position: right top; font-size: 14px; color: #000000; } .custom.contact-us h2 { color: #BE0000; font-size: 20px; margin-top: 15px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .custom.formimage { background-color: #ffffff; } /* Privacy Policy page added by Tina */ .custom.privacy-policy h2{ color: #000000; font-size: 24px; font-weight: bold; text-align: center; text-decoration: underline; margin-top: 5px; } .custom.privacy-policy h3{ color: #000000; font-size: 14px; font-weight: bold; text-decoration: underline; margin-bottom: 10px; } /* Earnings Disclaimer page added by Tina */ .custom.earnings-disclaimer h2{ color: #000000; font-size: 24px; font-weight: bold; text-align: center; text-decoration: underline; margin-top: 5px; } /* Legal Disclaimer page added by Tina */ .custom.legal-disclaimer h2{ color: #000000; font-size: 24px; font-weight: bold; text-align: center; text-decoration: underline; margin-top: 5px; } /* Terms page added by Tina */ .custom.terms-of-use h2{ color: #000000; font-size: 24px; font-weight: bold; text-align: center; text-decoration: underline; margin-top: 5px; } .custom.terms-of-use h3{ color: #000000; font-size: 14px; font-weight: bold; text-decoration: underline; margin-bottom: 10px; } /* Optin Thank You page */ .custom.thank-you-htgu h2{ color: #000000; font-size: 24px; font-weight: bold; text-align: center; margin-top: 5px; }