/* ================ BOTTOMS UP BREWHOUSE CUSTOM.CSS =============== */ /* 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/ */ /*COLORS #820D14 - deep red - background #000000 - black - page border #F48B61 - salmon - unselected tabs hover */ /*=================================================*/ /* HEADER */ /*=================================================*/ /* clickable header */ .custom #header #logo a { display: block; height: 110px; width: 398px; background: url('images/webheader.jpg') no-repeat; outline: none; } .custom #header { padding: 0px 0px 10px 0px; } /* make the title and tagline disappear */ .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } /* address box header right */ #header_address_box { width: 170px; height: 85px; background: #FFFFFF; /*border: 1px solid #000000;*/ padding: 8px 8px 8px 8px; float: right; margin: -110px 0px 0px 0px; text-align: right; /* size of font */ font-size: 1.5em; /* height of line */ line-height: 1.5em; /* font family if desired*/ /*font-family: Verdana, Arial, sans-serif;*/ /* cursor a little hand */ cursor: pointer; /* font color */ color: #000000; } /*=================================================*/ /* BORDERS AND BACKGROUNDS */ /*=================================================*/ /* set the background*/ body.custom { background: #820D14; } /* border & set top & bottom margin */ .custom #container { /* margin at the top */ margin-top: 2em; /* margin at the bottom */ margin-bottom: 2em; /* extra padding around inside of border*/ /*padding: .5em; */ /* border size type color */ border: 0.5em solid #000000; } .custom #page { background: #FFFFFF; } /* REMOVE DOUBLE LINE BELOW HEADER */ .custom #header { border-bottom: none; } /*=================================================*/ /* THESIS NAVIGATION BAR */ /*=================================================*/ /* Nav bar */ .custom ul#tabs { border: 1px solid #820D14; border-width: 0 0 1px 1px; background: #820D14; width:100%; } /* all nav bar tabs */ .custom ul#tabs li { margin-bottom: -0.1em; background: #820D14; border: 1px solid #820D14; border-left: 0; } /* tabs font styling */ .custom ulul#tabs li a { font-size: 1.1em; padding: 0.545em 0.818em; } /* tabs current page */ .custom ul#tabs .current_page_item { padding-bottom: 0.1em; /* background: #820D14; */ background: #000000; border-bottom: 0; color: #FFFFFF; font-weight: bold; } /* current page item cursor */ .custom ul#tabs .current_page_item a { cursor: pointer; } /* current page hover */ .custom ul#tabs .current_page_item a:hover{ text-decoration: none; } /* tabs current category */ .custom ul#tabs .current-cat { padding-bottom: 0.1em; /* background: #820D14; */ background: #000000; border-bottom: 0; color: #FFFFFF; font-weight: bold; } /* current category item cursor */ .custom ul#tabs .current-cat a { cursor: pointer; } /* category hover */ .custom ul#tabs .current-cat a:hover { text-decoration: none; } /* unselected tabs*/ .custom ul#tabs a { line-height: 1em; color: #FFFFFF; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; } /* unselected tabs hover */ .custom ul#tabs a:hover { color: #F48B61; text-decoration: underline; } /*=================================================*/ /* BUB CLUB SIGN UP AWEBER BOX */ /*=================================================*/ #bubclub_element_box { width: 500px; height: 180px; background: #FFFFFF; /*border: 1px solid #000000;*/ padding: 8px 8px 8px 8px; float: left; position: relative; top:0px; right:0px; bottom:0px; left: 0px; } /*=================================================*/ /* FOOTER */ /*=================================================*/ /* REMOVE LINE ABOVE FOOTER */ .custom #footer { border-top: none; } /* WIDGETIZED FOOTER */ #footer_sitemap { background: #FFFFFF; color: #000000; overflow: hidden; padding: 1em; margin-bottom: 25px; text-align: center; } #footer_sitemap .footerfloater { display: inline-block; /* width of footers */ width: 290px; text-align: left; padding-right: 16px; float: left; height: 100%; /* Text color same as Thesis links */ color: #2361A1; font-size:1.2em; } #footer_sitemap .footerfloater h3 { border-bottom: 3px solid #820D14; padding-bottom: 3px; text-transform: uppercase; font-weight: bold; /*font-size: 80%;*/ letter-spacing: 0px; margin-bottom: 5px; color: #000000; } #footer_sitemap .footerfloater a { color: #000000; } #footer_sitemap .footerfloater ul { margin: 0px; padding: 0px; } #footer_sitemap .footerfloater ul li { list-style: none; } /* FOOTER INFO STYLING */ #footer_info_right { float: right; font-size: 1.25em; }