/* 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/ */ /* Color: Red */ body { background: #fff url('http://thebestavayastore.com/templates/Bargains/images/red/BodyBg.gif') 50% 0 repeat-x; color: #3a3a3a; font-family:Arial,Helvetica,sans-serif; } #page{ background: none repeat scroll 0 0 transparent; } #header { padding-top:6.2em; } #Logo{ display:inline; height:84px; margin:0; padding:10px; width:390px; } #Logo img{ left:45px; position:relative; top:8px; } #content_box{ margin-top:-20px; } .sidebar h3{ background: url("http://thebestavayastore.com/templates/Bargains/images/red/side_h2.gif") no-repeat scroll 0 0 #3C3C3C; color:#FFFFFF; font-size:14px; margin-bottom:0px; padding:8px 5px; width:151px; font-variant:normal; letter-spacing:0px; font-weight:bold; border-top: } .sidebar_list li.widget{ line-height:15px; font-size:11px; border:1px solid #D1D1D1; } .sidebar_list li.widget ul{ padding:10px 5px 15px; background:none repeat scroll 0 0 #FAFAFA; } .sidebar_list li.widget ul li{ padding:2px 0 1px; margin:0; border-bottom:1px solid #D1D1D1; } .sidebar_list li.widget ul a{ text-decoration:none; } .format_text p{ font-size:13px; } a { color: #3a3a3a; font-weight: normal; text-decoration: underline; } a:hover { color: #e0001a; } h2 { color: #e0001a; } h3 { color: #e0001a; } h4 { color: #3a3a3a; } hr { background: #d1d1d1; } #TopMenu { } #TopMenu li a, #TopMenu li div { color: #3a3a3a; } #TopMenu li div a { } #TopMenu li a:hover { color: #e0001a; } /* Pages Menu */ #Menu { clear: both; margin: 0; padding: 0; height: 48px; } #Menu ul { margin: 0; padding: 0; } #Menu li { float: left; position: relative; list-style: none; margin: 0; padding: 0; } #Menu li a { display: block; font-size: 17px; font-weight: bold; text-align: center; text-decoration: none; padding: 15px 12px 0 12px; height: 33px; } #Menu li.First a { background-image: none; padding-left: 20px; } #Menu li a:hover { text-decoration: underline; } #Menu li ul { width: auto; position: absolute; clear: left; top: 48px; left: 1px; display: none; text-align: left; font-size: 12px; background: transparent; z-index: 100; } #Menu li ul li { clear: both; color: white; text-align: left; background: transparent; } #Menu li ul li a { padding: 6px 12px 6px 12px; font-size: 1em; text-align: left; margin: 0; width: 120px; height: auto; } #Menu li ul li a:hover { text-decoration: none; } #Menu li:hover a, #Menu li.over a{ text-decoration: underline; } #Menu li ul li a, #Menu li.over li a { text-decoration: none !important; } #Menu li:hover ul, #Menu li.over ul { display: block; } #Menu { position:absolute; top:104px; } #Menu li a { color: #fff; background: url(http://thebestavayastore.com/templates/Bargains/images/red/navi_divider.gif) 0 50% no-repeat; } #Menu li:hover a, #Menu li.over a{ } #Menu li ul li a { background-image: none; background-color: #e0001a; } #Menu li ul li a:hover { background-color: #b70306; } /* Holly Hack. IE Requirement \*/ * html #Menu ul li { float: left; height: 1%; } * html #Menu ul li a { height: 1%; } /* End */ #Logo h1 { color: #3a3a3a; } #Logo h1 a { color: #3a3a3a; } #SearchForm { color: #6f6f6f; } #SearchForm label { } #SearchForm input.Textbox { background: #fafafa; border: 1px solid #d1d1d1; color: #3a3a3a; } #SearchForm a { color: #6f6f6f; } #SearchForm a:hover { color: #3a3a3a; } .Left { } .Left .Block { background: #fafafa; border: 1px solid #d1d1d1; } .Left .BlockContent { } .Left h2 { color: #fff; background: #3c3c3c url(http://thebestavayastore.com/templates/Bargains/images/red/side_h2.gif) 0 0 no-repeat; } .Left h2 a { color: #fff; } .Left li { border-bottom: 1px solid #d1d1d1; } .Left li a { } .Left li a:hover { } .Left #SideCategoryList li ul { border-top: 1px solid #d1d1d1; border-bottom: 0; } .Right { } .Right .Block { background: #fafafa; border: 1px solid #d1d1d1; } .Right .BlockContent { } .Right h2 { color: #fff; background: #3c3c3c url(http://thebestavayastore.com/templates/Bargains/images/red/side_h2.gif) 0 0 no-repeat; } .Right h2 a { color: #fff; } .Right li { border-bottom: 1px solid #d1d1d1; } .Right li a { } .Right li a:hover { } #Footer { background: url(http://thebestavayastore.com/templates/Bargains/images/red/bg_footer.gif) 0 0 no-repeat; } #Footer a { } .menu{ position:absolute; top:158px; }