/* 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/ */ /* Add Header Image - OLD WAY - Better to you hook via OpenHook - GREAT PLUGIN! */ /* This will make the header clickable, define the size, and place the background. * Be sure to change the height, width, and url to match your site: */ /* .custom #header #logo a { display: block; height: 170px; width: 960px; background: url(http://www.hodgeonline.com/wp-content/themes/thesis-15/images/livinghealthybeingwealthy_960x170_01.jpg) no-repeat; outline: none; } /* This code will cast the text title and tagline out of the way: OLD WAY - Better to use OpenHook .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } */ /* This will remove any whitespace after the header image: .custom #header #tagline { height: 0; } */ /* This will remove the padding around the header, so there is no whitespace in any other region: */ .custom #header { padding: 0; border-bottom: black;} /* Add a background color and or image background: #000033; background: #000033 url(http://leroyhodge.com/images/space.gif) repeat; */ body.custom { background: #000033 url(http://leroyhodge.com/images/blue_white_fade_from_social_media_altitude.jpg) repeat; } /* Change border around content area .custom #container { margin-top: 2em; margin-bottom: 2em; padding: 0.3em; background: #33332f; border: 0.4em solid #3e3e3a; */ .custom #container { margin-top: 2em; margin-bottom: 2em; padding: 0.3em; background: #ffffff; border: 0.4em solid #ffffff; } /* Set background for page and content area background: #000099; */ .custom #page { background: #B0C4DE; } /*space between widget list items .custom #header { background-color: #0033FF ; } */ .custom #header { background-color: #B0C4DE; } /* Change the Sidebar color */ .custom #content_box {background-color:#F0F8FF;} .custom #content {background-color:#fff;} /* ============================================================== Custom Code for my NavBar (fron Dan Duckworth.net blog */ /************************************************ * Navbar * ************************************************/ #navbar { width: 990px; height: 35px; background: #FFFFFF url(http://leroyhodge.com/images/navbar.png); margin: 0px auto 15px; padding: 0px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #BBBBBB; } .navbarleft { width: 990px; float: left; margin: 0px; padding: 0px; } .navbarright { width: 1px; float: right; margin: 0px; padding: 7px 0px 0px 0px; } #nav { margin: 0px; padding: 0px 0px 0px 10px; } #nav ul { float: left; list-style: none; margin: 0px; padding: 0px; } #nav li { float: left; list-style: none; margin: 0px; padding: 0px; } #nav li a, #nav li a:link { color: #333333; display: block; font-size: 10px; font-family: Verdana, Arial, Tahoma; font-weight: normal; text-transform: uppercase; margin: 0px; padding: 12px 10px 12px 10px; border-right: 1px solid #CCCCCC; } #nav li a:hover, #nav li a:active { background: #FFFFFF url (http://leroyhodge.com/images/navhover.png); color: #333333; margin: 0px; padding: 12px 10px 12px 10px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #FFFFFF; width: 150px; color: #333333; font-size: 10px; font-family: Verdana, Arial, Tahoma; font-weight: normal; text-transform: uppercase; float: none; margin: 0px; padding: 7px 12px 7px 10px; border-bottom: 1px solid #BBBBBB; border-left: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB; } #nav li li a:hover, #nav li li a:active { background: #F7F7F7; color: #333333; padding: 7px 10px 7px 10px; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px 0px 0px -1px; padding: 0px; } #nav li li { } #nav li ul a { width: 140px; } #nav li ul a:hover, #nav li ul a:active { } #nav li ul ul { margin: -29px 0 0 170px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; } #nav .current_page_item a { background: #FFFFFF url(http://leroyhodge.com/images/navhover.png); color: #333333; margin: 0px; padding: 11px 20px 12px 20px; text-decoration: none; } /* Featured Post Formatting */ .custom #my-feature-box { font-family: Helvetica,Arial,sans-serif; color: #222222; background: #aaaaaa; padding: 22px 15px 22px 15px; background: url(i/featured.gif); } .custom #my-feature-box h2 { font-family: Georgia,"Times New Roman",Verdana; font-size: 2.2em; margin: 0 0 15px 0; } .custom #my-feature-box h2 a { color: #000000; text-decoration: none; } .custom #my-feature-box h2 a:hover { color: #000000; text-decoration: underline;} .custom #my-feature-box p { font-size: 1.4em; line-height:1.571em; text-align: justify;} .custom #my-feature-box .featurereadmore { padding: 22px 0 0 0; } .custom #my-feature-box .featurereadmore a { font-size: 14px; text-decoration: none; }