/*File: custom.css -- Description: Custom styles for the Thesis Theme -- Style Name: Thesis Briefcase Black Style -- URL: http://www.thesisstyles.com/thesis-briefcase-theme -- Style Description: Thesis Briefcase Style is a widgetized Static Style. -- Style Version: 1.6.1 -- Latest Style Update: February 20, 2010 -- Author: Bill Stilwell -- Author URL: http://www.billstilwell.com -- Style & Images Copyright: (c) 2010 Bill Stilwell - ThesisStyles.com - All rights reserved. -- The Thesis Briefcase Black Style is licensed to the original purchaser only for use on a single website. Use on multiple websites or distribution of this software, Thesis Theme Style, in any manner is prohibited. -- See Terms & Conditions here: http://www.thesisstyles.com/thesis-styles-terms-conditions -- This style is distributed WITHOUT ANY WARRANTY, and without the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 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 */ /*====================================*/ /* #B54810 - - input form font hover - headline font - links - links hover - top left widget headline - top right widget headline - middle row widgets headline - footer widget link and hover - footer widget headlines #28272C - - header background #C0C0BF - - title font - footer widget fonts #CC6600 - - title font hover - menu font hover - RSS hover #919190 - - tagline font #E3F0F2 - - menu fonts - dropdown fonts - RSS fonts #333333 - - dropdown background #222222 - - top left widget font - top right widget font #281C05 - - middle row widgets font #EEEEEE - - sidebar widget background #DADADA - - sidebar widget border #1B1A1F - - footer background #B6B6B6 - - copyright and attribution fonts */ /*====================================*/ /* GENERAL UI MODS */ /*====================================*/ /* change cursor over dates, etc to default from a question mark */ .custom abbr, .custom acronym { cursor:default; } /* remove dotted line around buttons that are links */ a:focus { outline: none; } /* hover for input forms */ .custom input.form_submit:hover { color: #B54810; } /*====================================*/ /* FONT COLOR CHANGES */ /*====================================*/ /* headlines */ .custom h1 { color: #B54810; } /* links */ .custom a { color: #B54810; text-decoration: none; } /* hover */ .custom a:hover { color: #B54810; text-decoration: underline; } /*====================================*/ /* BORDERS AND BACKGROUND */ /*====================================*/ /* white background */ body.custom { background: #fff; } /*====================================*/ /* HEADER */ /*====================================*/ .custom #header_area .page { background: #28272C url(images/header.jpg) repeat-x; padding-top: 0em; } .custom #header_area { background: #28272C url(images/header.jpg) repeat-x; margin-bottom: 2px; padding-left: 0; } .custom #header { background: #28272C url(images/logo.jpg) no-repeat; border-bottom: none; height: 9.2em; width: 830px; padding-top: 0em; padding-bottom: 1em; padding-left: 0em; } .custom #header #logo { font-weight: normal; margin-bottom: 0; padding-top: 1em; padding-bottom: 0; padding-left: .5em; } .custom #header #logo a { color: #C0C0BF; } .custom #header #logo a:hover { color: #CC6600; text-decoration: none; } .custom #header #tagline { color: #919190; font-size: 1.8em; font-weight: normal; padding-left: 1.2em; } /*====================================*/ /* THESIS NAVIGATION BAR */ /*====================================*/ .custom .menu, .custom .menu a, .custom .menu li ul{ background: none; border: none; color: #E3F0F2; font-family: "Trebuchet MS", Helvetica, sans-serif; } .custom .menu, .custom .menu a { margin-top: 10px; } .custom .menu { float: right; width: 60%; background: none; margin-top: 46px; } .custom .menu a { background: none; color: #E3F0F2; font-size: 14px; text-transform: lowercase; } .custom .menu a:hover { background: none; color: #CC6600; text-decoration: none; } .custom .menu .current > a, .custom .menu .current-cat > a { background: none; cursor: text; color: #E3F0F2; } .custom .menu li ul{ background: #333333; border: none; color: #E3F0F2; } /*------------------------------------*/ /* RSS */ .custom .menu .rss { position:relative; float:right; } .custom .menu .rss a { color:#E3F0F2; padding-right: 16px; background: transparent url('images/icon-rss.gif') 100% 50% no-repeat; border-right:none; } .custom .menu .rss a:hover { color:#CC6600; padding-right: 16px; background: transparent url('images/icon-rss.gif') 100% 50% no-repeat; text-decoration:none; } /*====================================*/ /* FRONT PAGE */ /*====================================*/ body.style_page { background: url(images/content-bg.jpg) repeat-x; padding-top: 0em; padding-bottom: 0em; } .style_page .page { background: transparent; padding-top: 0em; padding-bottom: 0em; } .style_page #content_box { background: transparent; border: none; float: left; width: 100%; margin-top: 1px; padding-top: 0em; padding-bottom: 0em; } .style_page #top { background: transparent; margin: 0 auto 0; height: 265px; } .style_page .widget {background: transparent;} .style_page .widget p { padding-left: .8em; padding-right: .8em; } .style_page #center { margin: 0 auto 0; padding-top: 1em; } /*------------------------------------*/ /* top row of widgets common properties */ .style_page #top_left, .style_page #top_right { height: 26.5em; list-style: none; width: 42em; text-align: left; } .style_page #top_left .widget, .style_page #top_right .widget { color: #222222; font-size: 1.6em; font-family: Arial, Verdana, Tahoma; font-weight: bold; height: 16.5em; width: 100%; text-align: left; } .style_page #top_left .widget h2, .style_page #top_right .widget h2 { color: #B54810; font-family: Arial, Verdana, Tahoma; font-size: 1.5em; font-weight: bold; line-height: 1.8em; padding-left: .4em; padding-top: .4em; padding-bottom: 0em; text-align: left; } /*------------------------------------*/ /* top left widget */ .style_page #top_left { float: left; } .style_page #top_left .widget { background: transparent; } /*------------------------------------*/ /* top right widget */ .style_page #top_right { float: right; } /*------------------------------------*/ /* middle row of widgets - common properties */ .style_page #content_left, .style_page #content_center, .style_page #content_right { float: left; list-style: none; margin-bottom: 0em; margin-bottom: 0em; margin-top: 0em; padding-top: 0em; padding-bottom: 0em; text-align: left; } .style_page #content_left .widget h2, .style_page #content_center .widget h2, .style_page #content_right .widget h2 { color: #B54810; font-family: Arial, Verdana, Tahoma; font-size: 1.2em; font-weight: bold; line-height: 1.3em; padding-bottom: .5em; padding-left: 0em; padding-top: .5em; text-align: left } .style_page #content_left .widget, .style_page #content_center .widget, .style_page #content_right .widget { color: #281C05; font-family: Arial, Verdana, Tahoma; font-size: 1.4em; padding: 1em; padding-bottom: 0em; text-align: left; width: 90% } /*------------------------------------*/ /* middle row of widgets - left */ .style_page #content_left { /* comment the background property out to remove widget background */ background: url(images/custom-widget-1.jpg) no-repeat; margin-right: 1.3em; width: 27.1em } /*------------------------------------*/ /* middle row of widgets - center */ .style_page #content_center { /* comment the background property out to remove widget background */ background: url(images/custom-widgets-2.jpg) no-repeat; margin-right: 1.3em; width: 27.1em } /*------------------------------------*/ /* middle row of widgets - right */ .style_page #content_right { /* comment the background property out to remove widget background */ background: url(images/custom-widgets-3.jpg) no-repeat; width: 27.4em } /*====================================*/ /* CONTENT BOX */ /*====================================*/ /*====================================*/ /* POSTS AND COMMENTS */ /*====================================*/ /* do not display "comments closed" if they are closed on posts and pages */ .custom .comments_closed p { display: none; } /*====================================*/ /* COMMENT FORM */ /*====================================*/ #wpcf label { clear: both; display: block; float: left; width: 150px; } #wpcf input { float: left; width: 200px; padding: 1px; margin: 2px 5px 2px 0; } #wpcf textarea { width: 350px; height: 100px; padding: 1px; margin: 0 5px 10px 0; } #wpcf #contactsubmit { margin-left: 250px; width: 100px; } /*====================================*/ /* WIDGETS AND SIDEBARS */ /*====================================*/ .custom li.widget .widget_box { background: #EEEEEE; border-style: solid; border-color: #DADADA; } /*====================================*/ /* FOOTER */ /*====================================*/ .custom #footer_area { background: #1B1A1F; } .custom #footer { background: #1B1A1F; border-top: none; } /*==================================================*/ /* WIDGETIZED FOOTER */ /* Version 1.1 */ /* Written by Mike Nichols October 17, 2009 */ /* Website: http://thesisthemetools.com/ */ /* Portions Copyright (c) 2009 by Michael L Nichols */ /* License: Creative Commons Share-Alike 3.0 */ /* http://creativecommons.org/licenses/by-sa/3.0/ */ /* THIS NOTICE MUST STAY WITH ANY COPY DISTRIBUTED */ /*==================================================*/ /* footer widget area setup */ #footer_setup { /* widgetized footer background (not footer background) */ background: #1B1A1F; /* widget padding */ padding: 16px; /* margin at bottom of widgets */ margin-bottom: 0px; /* do not change this! */ overflow: hidden; } /* widget item setup */ #footer_setup .footer_items { /* contents alignment */ text-align: left; /* widget width */ width: 180px; /* space between widgets */ padding-right: 16px; /* text color */ color: #C0C0BF; /* do not change these! */ display: inline-block; float: left; height: 100%; font-size: 1.2em; } #footer_setup .footer_items a:link { border-bottom: none; } #footer_setup .footer_items a:hover { text-decoration: none; color: #B54810; } /* widget item headers*/ #footer_setup .footer_items h3 { /* font size */ font-size: 1.3em; /* bold or not */ font-weight: normal; /* uppercase or not */ text-transform: none; /* space out the letters*/ letter-spacing: 0px; /* font color*/ color: #B54810; /* padding under header text */ padding-bottom: 3px; /* border under header text */ /*border-bottom: 3px solid #ffdf00;*/ /* distance between border and widget text */ margin-bottom: 5px; } /* do not change these! */ #footer_setup .footer_items ul li { list-style: none; } #footer_setup .footer_items ul { margin: 0px; padding: 0px; } /*------------------------------------*/ /*BOTTOM FOOTER*/ #bottom_footer { background: #1B1A1F url(images/bottomfooter.jpg) repeat-x; height: 65px; font-size: 12px; color: #B6B6B6; padding-top: 25px; padding-bottom: 0px; margin-top: 0em; text-align: center; } .custom #bottom_footer a { color: #B6B6B6; border-bottom: none; } .custom #bottom_footer a:hover { color: #B6B6B6; text-decoration: none; }