/* 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/ */ .custom .clear { clear:both; margin:0; padding:0; text-indent:-5000px; height:0; } .custom h1 { font-size:20px; font-weight:normal; line-height:1.3; color:#7ea733; } .custom h2 a { font-size:20px; font-weight:normal; line-height:1.3; color:#7ea733; text-decoration: none; } .custom h2 a:hover { text-decoration: underline; } .custom h4 { margin-bottom:10px; } .custom .teasers_box h2 a { font-size:17px; } .custom a { text-decoration:underline; } .custom #container { width:998px;} .custom #page { width:998px; background:none; position:relative; margin:0 auto; padding:10px 0; text-align:left; } .custom #breadcrumb_welcome { font-size: 1.2em; margin:2px 0 7px 0 ;} /* Welcome */ .custom p.welcome-msg { float:right; font-weight:bold; text-align:right; display: block; } /* BreadCrumbs */ .custom .breadcrumbs { padding:0; margin:0 0 5px; } .custom .breadcrumbs li { display:inline; } .custom div#header { background:url('images/header.png') top left no-repeat; height:197px; width:1000px; padding:0; margin:0; border:none;} .custom div#header h1#tagline, .custom div#header p { margin:0; padding:0; text-indent:-5000px; background: none; } .custom div#header .links { float:right; height: 30px; margin-right:10px; list-style:none; font-size: 1.2em; margin:8px 21px 0 0; } .custom div#header .links li { float:left; margin-left:15px; padding-left:15px; border-left: 1px solid #5e9d2e; } .custom div#header .links li.first { border:none; } .custom div#header .links li a { text-decoration: none; color: #063e00; } .custom #menu { position:absolute; top:163px; left:0; width:998px;border:none; border:0px; margin:0px; padding:0px; font-size:12px; font-weight:bold; z-index:100; } .custom #menu ul{ background:url('images/h-menu-bg.png') top left repeat-x; height:49px; list-style:none; margin:0; padding:0; } .custom #menu li{ float:left; padding:0px 4px 0px 4px; } .custom #menu li.home{ padding-left:0; } .custom #menu li a{ color:#fff; display:block; font-weight:bold; line-height:43px; padding:0px 5px; text-align:center; text-decoration:none; } .custom #menu li.home a{ padding:0 9px; } .custom #menu li a:hover{ color:#000000; text-decoration:none; } .custom #menu li ul{ background:#86580e; padding:5px 0; display:none; height:auto; filter:alpha(opacity=95); opacity:0.95; position:absolute; width:175px; z-index:200; } .custom #menu li:hover ul{ display:block; } .custom #menu li:hover a{ color:#000; } .custom #menu li li { display:block; float:none; padding:0px; width:175px; border-bottom:1px solid #9c6711; } .custom #menu li ul a{ display:block; font-size:12px; font-style:normal; padding:5px 10px 5px 15px; text-align:left; line-height:1.0em; color:#fff; } .custom #menu li:hover ul a{ color:#fff; } .custom #menu li ul a:hover{ background:#6c9825; color:#fff; opacity:1.0; filter:alpha(opacity=100); } .custom #menu p{ clear:left; } .custom #menu #active{ background:url('images/h-menu-current-bg.png') top left repeat-x; color:#ffffff; } .custom #content_box {background:url('images/main_border_middle.png') top left repeat-y; border:none; } .custom .teaser_link { display:block; } .custom img.avatar-100 { float:left; margin-right: 10px; } /* SIDEBAR */ .custom .sidebar {} .custom .sidebar li { margin:0 0 10px 0; border:1px solid #c6b6a6; } .custom .sidebar li ul { margin: 10px; } .custom .sidebar li li { margin-bottom:1.0em; border:none; } .custom .sidebar h3 { background: #7ea733 url('images/green_grad.png') top left repeat-x; padding:10px; text-align: left; font-variant:normal; font-size:16px; letter-spacing: normal; font-weight:normal; line-height:1.5; color:#fff; display:block;} /* padding-left: 35px; background: no-repeat left 50%; height:20px; */ /*exclude specific sidebar widgets/blocks from generic styling */ .custom #search, .custom #magento-category-link {border:none; } .custom #magento-category-link li ul { margin: 0; } /* From the Store */ .custom .products h4 { text-align: center; border-bottom:1px solid #917740; font-size:1.2em; font-weight:bold;display:block; line-height:1.4em; margin:0; padding:2px 5px; background: #d9ae54 url('images/product_name_bg.png') top left repeat-x; overflow: visible;} .custom .products h4 a { color:#fff; text-decoration: none; } .custom .sidebar .products li { border:1px solid #ddd; background: url('images/product_grid_bg.png') bottom left repeat-x; width:178px;} .custom .sidebar .products li li { border:none; background: none; width:auto; } .custom .sidebar .products .original-price { font-size:0.8em; margin-bottom:0.3em; } .custom .products .rrp { text-decoration: line-through; } .custom .sidebar .special-price { font-weight:bold; font-size:1.5em; color:#ff8400; margin-bottom:5px; float:right; } .custom .special-price .label { text-indent: -5000px; background: url('images/jacks_price.png') no-repeat top left; width:75px; height:15px; display:block; margin-bottom:10px; } .custom #socialLinksContainer li { float:left; margin-right:10px; } .custom .sidebar .blog_home_link { display: block; width: 200px; height: 56px; background: url('images/blog_home.png') top left no-repeat; text-indent:-5000px; margin-bottom:10px; } .custom .sidebar .mg_category { margin-left:0; } .custom .sidebar .mg_category li { width:200px; } .custom .mg_category li a { color: #fff; text-decoration: none;} .custom .mg_category span { display:block; } .custom .mg_category span.buy { background:url('images/mg_category_buy.png') top left no-repeat; height: 90px; text-indent: -5000px; } .custom .mg_category span.anchor { background:url('images/mg_category_tile.png') top left repeat-y; padding:0 10px 20px 10px; text-align: center; font-size:24px; font-weight: bold; } .custom .mg_category span.jgs { background:url('images/mg_category_jgs.png') top left no-repeat; height: 43px; text-indent: -5000px; } /* Footer ================================================================================ */ .custom #footer { background: #a58e78 url('../images/main_border_bottom.png') top left no-repeat; width:978px; padding:12px 10px 25px 10px; font-weight:bold; border:none; text-align: left; color: #000; font-style: normal;} .custom #footer p.copyright { text-align:right; } .custom #footer address { margin-top:20px; clear:left; font-style: normal; font-size:1.2em;} .custom #footer ul.links, .custom #footer ul.subsidiary_links { float:left; padding:0 20px 0 0; clear: left;margin-bottom: 10px; list-style: none; margin-top:0; font-size:1.2em; } .custom #footer ul.links {} .custom #footer ul.links li, .custom #footer ul.subsidiary_links li { float:left; padding-right:20px;} .custom #footer ul.links li a, .custom #footer ul.subsidiary_links li a { color:#fff; border:none;} /* ======================================================================================= */