/* 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/ */ /* Remove the line under the header */ .custom #header { border-bottom: none; width: 100%; padding-top: 5px; padding-bottom: 10px;} /* Addition of a clickable logo in header */ .custom #header #logo a { display: block; height: 75px; width: 800px; background: url('images/logo_avvasi.gif') no-repeat; background-position: top right; outline: none; } /* This line pushes the text title way to the left so it doesn't show up on screen */ .custom #header #logo { text-indent: -9999px; } /* This line pushes the text tagline way to the left so it doesn't show up on screen; thins out the tagline area */ .custom #header #tagline { text-indent: -9999px; height: 5px; } /* Change sidebars to ride higher up, closer to navigation */ .custom .sidebar_list {padding-top: 0px;} /* Change sidebars to ride closer together */ .custom .sidebar_list li.widget {margin-bottom: 10px;} /* Change menu to proper size, adds background, and positions .custom .menu { width: 100%; height: 38px; padding: 0px; margin: 0px; position: relative; background: url('images/nav_complete_undivided_800px.gif') no-repeat; background-position: top left; padding-left: 10px; } */ /* REVISED NAV - Change menu to proper size, adds background, and positions */ .custom .menu { width: 100%; height: 30px; padding: 0px; margin: 0px; position: relative; background: url('images/nav_halfheight_800px.gif') no-repeat; background-position: top left; padding-left: 10px; } /* Add button background to each menu item, space out each tab .custom .menu a { height: 22px; padding-left: 5px; padding-right: 20px; background: url('images/nav_divider.gif') no-repeat; position: relative; background-position: top right; line-height: 14px; font-weight: bold; } */ /* REVISED NAV - Add button background to each menu item, space out each tab .custom .menu a { height: 15px; padding-left: 5px; padding-right: 20px; background: url('images/nav_halfheight_divider.gif') no-repeat; position: relative; background-position: top right; line-height: 14px; font-weight: bold; } */ /* REVISED NAV - VERTICAL - Add button background to each menu item, space out each tab */ .custom .menu a { height: 15px; padding-left: 10px; padding-right: 10px; background: url('images/nav_halfheight_divider_vertical_offstate.gif') no-repeat; position: relative; background-position: top right; line-height: 14px; font-weight: bold; font-style: italic; } /* Change menu background for the current page when hovering .custom .menu .tab a:hover { background: url('images/nav_divider.gif') no-repeat; position: relative; background-position: top right; background-color: #F68933; color: #FFFFFF; } */ /* REVISED NAV - Change menu background for the current page when hovering .custom .menu .tab a:hover { background: url('images/nav_halfheight_transparent_divider.gif') no-repeat; position: relative; background-position: top right; background-color: #F68933; color: #FFFFFF; } */ /* REVISED NAV - VERTICAL - Change menu background for the current page when hovering */ .custom .menu .tab a:hover { background: url('images/nav_halfheight_divider_vertical_onstate.gif') no-repeat; position: relative; background-position: top right; background-color: #F68933; color: #FFFFFF; } /* Remove button background from submenu and bump text over to align with tab text */ .custom .submenu a { background-color: #c7c8ca; background: none; padding-left: 5px; padding-right: 0px; } /* Change sub-menu individual menu items look */ .custom .submenu .item a { background-color: #c7c8ca; border: 1px solid #8b8c8e; border-top: none; font-size: 7pt; } /* Change sub-menu background for the current page when hovering */ .custom .submenu .item a:hover { background: none; background-color: #F68933; color: #FFFFFF; font-weight: bold; } /* Change sub-menu position */ .custom .submenu { padding-left: 0px; padding-top: 0px; } /* Change the page headline color */ .custom .headline_area h2 {color: #77787b;} /* Change the content area so it sits higher up */ .custom .post_box { padding-top: 0px; margin-right: 0px; padding-bottom: 10px; position: relative; top: -10px } /* Change the content area in IE so it doesn't sit too high up */ .custom .post_box { position: relative\9; top: 0px\9; } /* Remove space below bottom border under logo and above each entry on blogroll */ .custom .teasers_box { padding-top: 0px; } /* Remove dividing line between main content and sidebars */ .custom #content_box { background:none; } /* Change footer top border */ .custom #footer {border-top: solid 1px #77787b; margin: 0px 10px; } /* -------- Custom Changes for Plugin: News Slider --------- */ .custom .newsslider { height: 80px; } .custom .newssection { height: 80px; } /* -------- Custom Changes to accommodate form fields on a page--------- */ .format_text input, #commentform input, #commentform textarea { width: auto; } /** Mike's Test **/ .menu li a { _float: left; }