/* @override http://brutalart.com.au/wordpress_test/wp-content/themes/thesis_151/custom/custom.css?090509-70924 */ /* 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/ */ body.custom { font-family: “Helvetica Neue”, Helvetica, “Futura”, “Century Gothic, “Gill Sans”, “Gill Sans MT”, “Gill Sans Std”, sans-serif; margin: 0; padding: 0; background: url("back.png") repeat fixed; } /* This is the container for the top banner */ .custom #header { height: 120px; width: 100%; background: white; margin: 0; border-style: none; padding: 0; } /* This wraps around entire content area and leaves a white border */ .custom #content_area div.page { width: 856px; background-color: white; padding: 10px; margin-left: 23em; } /* This wraps around content and has the black border = 8px */ .custom div#content_box { width: 841px; border: 8px solid black; background: white url(images/content-stripe.png) repeat-y 208px top; } /* This sets the padding for the content area */ .custom div#content.hfeed, div#content { margin: 0; border-style: none; padding-left: 8px; padding-right: 8px; background-color: transparent; } /* This rule defines the large white area behind the logo at the top of the page */ .custom #header_area div.page { width: 100%; min-width: 960px; height: 120px; margin-top: 20px; padding-bottom: 18px; margin-bottom: 1px; } /* This governs behaviour of the top branding element-the main logo */ .custom div#branding-header { margin-left: 3em; margin-top: 15px; } /* This 'hides' the Title and Description without removing them from the content flow and indexing */ .custom p#logo, .custom h1#tagline, .custom p#tagline { width: 0; height: 0; margin: 0; padding: 0; font-size: 0; text-indent: -10000px; } /* remove the "Comments for this entry are closed" text on comment disabled entries */ .custom .comments_closed p { display: none; } /* Removed rule above prev/next links. Was not working with design */ .custom #content div.prev_next { border-style: none; } /* @group NAVIGATION */ .custom ul#tabs { list-style: none; width: 200px; font-weight: bold; border-style: none; position: relative; top: 36px; left: 0; font-size: 1.5em; } .custom ul#tabs li { margin-bottom: -0.1em; float: none; background-color: transparent; border-style: none; } .custom ul#tabs .current_page_item, .custom ul#tabs .current-cat, .custom ul#tabs .current_page_item a:hover, .custom ul#tabs .current-cat a:hover { background-color: #f7941e; } .custom ul#tabs a { display: block; line-height: 20px; color: white; text-transform: uppercase; letter-spacing: 2px; padding-left: 26px; height: 20px; } .custom ul#tabs a:hover { color: #111; text-decoration: none; background-color: silver; } .custom ul#tabs .current_page_item a:hover, .custom ul#tabs .current-cat a:hover { text-decoration: none; } .custom ul#tabs .rss { padding-right: 0; background: none; border: none; float: right; } .custom ul#tabs .rss a { padding-right: 16px; background: url('images/icon-rss.gif') 100% 50% no-repeat; } /* @end */ /* @group SIDEBAR STYLES */ .custom div#sidebars { padding: 0; float: left; margin: 0 0 0 9px; width: 182px; } .custom #sidebar_1 { border: none; padding: 0 0 12px; margin: 0; width: 182px; } .custom #sidebar_1 h3 { text-transform: uppercase; background-color: gray; padding: 5px 10px; color: white; line-height: 14px; } .custom a.twitter_title_link { color: white; } .custom li#text-3.widget.widget_text { margin-bottom: 0; } .custom #text-2 div.textwidget form p { margin-bottom: 5px; } .custom div#sidebar_2.sidebar { background-color: white; border-top: 5px solid black; border-right: 5px solid black; border-bottom: 5px solid black; padding: 0 8px; margin: 0; } .custom #sidebar_1 ul.sidebar_list { margin: 0; padding: 0; } .custom #sidebar_1 div.textwidget { padding-left: 10px; padding-right: 10px; } .custom #categories-3 ul { padding-left: 10px; padding-right: 10px; } .custom #widget_killer_recent_entries-3 ul { padding-left: 10px; padding-right: 10px; } .custom #tag_cloud-3 div { padding-right: 10px; padding-left: 10px; } .custom form.search_form { margin-left: 10px; margin-right: 10px; font-size: 11px; } .custom input#s.text_input { padding: 5px; font-size: 11px; } .custom ul.twitter { padding-left: 10px; padding-right: 10px; } .custom div.textwidget form p input { width: 150px; } .custom input#feedburner_submit { text-transform: uppercase; font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing: 1px; color: white; background-color: #7f5621; border: 1px solid gray; padding: 4px 8px 5px; } /* @end */ /* @group FOOTER STYLES */ .custom div#footer { border-top-style: none; color: white; text-align: center; } .custom div#footer a { border-top-style: none; color: white; text-align: center; } /* @end */ .custom div#rssfeed { width: 182px; height: 182px; } .custom #sidebar_1 div.textwidget div#rssfeed { width: 182px; height: 182px; padding-left: 0; margin-left: -10px; } /* This governs the background of the Subscribe RSS area */ li#text-2.widget.widget_text { width: 182px; overflow: hidden; display: block; border-bottom: 8px solid black; margin-bottom: 0; background-color: #f7941e; padding-bottom: 8px; } /* This rule governs the space below the sidebar elements. Increase this number and the spacing will increase */ .custom li#search.widget.thesis_widget_search, .custom li#categories-3.widget.widget_categories, .custom li#twitter-1.widget.widget_twitter, .custom li#widget_killer_recent_entries-3.widget.widget_killer_recent_entries, .custom li#tag_cloud-3.widget.widget_tag_cloud { margin-bottom: 15px; } #text-2 div.textwidget form p { font-size: 12px; line-height: 16px; margin-bottom: 0px; } .custom #breadcrumbs { padding-left: 10px; padding-top: 1em; color: gray; } .custom p.alert { padding-left: 20px; padding-right: 20px; } /* Change background for Subscribe Via Email widget */ li#text-7 { background-color: #ffffa0; } li#text-6 { background-color: #ffffa0; } /* Change background for State of Design 2010 */ li#text-8 { background-image: url('http://brutalart.com.au/wp-content/themes/thesis_151/custom/SofDBackground.jpg'); } li#text-8.widget.widget_text { padding-bottom: 0px; overflow: hidden; border-bottom: 0px solid black; margin-bottom: 0; } li#text-7.widget.widget_text { padding-bottom: 0px; overflow: hidden; border-bottom: 0px solid black; margin-bottom: 0px; } li#text-6.widget.widget_text { padding-bottom: 0px; overflow: hidden; border-bottom: 0px solid black; margin-bottom: 0px; } li#text-10.widget.widget_text { padding-bottom: 0px; overflow: hidden; border-bottom: 0px solid black; margin-bottom: 0px; } /* Hack to get PayPal buttons to play nicely */ .format_text form input { width: 150px; background:none; border:none; } input#SubjectSite { border: 2px solid black; background: #ffffff; width: 200px; } /* Change background for Services Table Column Headers */ .wp-table-reloaded th { background-color:#909090; } .wp-table-reloaded { font-size: 12pt; } /* Removes all sidebar distractions from Sales Landing Pages */ .salesletter #sidebars { display: none; border: none; } .salesletter div#content_box { background:none; } .salesletter div#content { width: 75em; } .salesletter .comments_closed { display: none; } .salesletter #content { margin: 0 auto; float: none; }