/* 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 {background: #580000 url('images/background.jpg');} .custom p { color:#333333; } .custom #sidebars ul li { color:#333333; } .custom #sidebars ul li h3 { color: #333333; font-weight: bold; } .custom #page {background: #fff;} /*was margin: 14px 10px 10px 10px;*/ .custom #splash { margin: 10px 0px 0px 0px; width: 480px; height: 315px; border-bottom: 1px solid #CCCCCC; } /*needed to force font size!!*/ .custom #splash p { font-size: 14px; margin: 1em 0em; line-height: 1.364em; } /*needed to force font size!!*/ .custom #splash p.box-emphasis { margin: 2em 0em; } .custom #header {border-left: 1px solid #ddd;border-right: 1px solid #ddd;} .custom #header #logo a { height: 68px; width: 958px; outline: none; display: block; background: url('images/header.png') no-repeat; } .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } .custom #header { padding: 0; } .custom #container {margin-top: 2em;margin-bottom: 2em;} .custom #container {background: #2C0000;border: 0.4em #3e3e3a;padding: 0.3em;margin-bottom: 2em;} /*was #930*/ .custom a {color: #600;} .custom li.rss a {background: url('images/feed.png') right no-repeat !important;} .custom #breadcrumbs {font-size: 1.3em; margin: .5em 2.2em 0 10px;} .custom #image_box {background:#fff;} .custom #image_box img {border: none; padding: 4px;} .custom #footer {height: 80px;} .custom #about { float: left; text-align: left; width: 45%; } .custom #contact { float: right; padding-right: 65px; width: 30%; background: #fff url('images/made-in-the-uk.png') no-repeat right; } /*something is conflicting here which is why it's unnaturally large at the moment*/ .custom #content h1 { font-size:3em; line-height:1.364em; } /*margin below h1*/ .custom .headline_area { margin-bottom: 1.4em; } .custom #content h2 { font-size:1.7em; line-height:1.364em; margin: .8em 0em; color: #152133; } .custom #content h3 { font-size: 1.5em; line-height:1.1em; margin: .6em 0em; } .custom #content h4 { font-size: 1.1em; line-height:.9em; font-weight: normal; margin: .5em 0em; } .custom .format_text ul { list-style-image:none; list-style-position:outside; list-style-type: disc; color: #333333; } /* background:#ffc url('images/quote-open.png') 0 0 no-repeat;*/ .custom .format_text blockquote { color:#666666; font-style:italic; border: none; margin-bottom: 0px; padding-left: 0px; } .custom .format_text blockquote p { margin-bottom: 0px; } .custom .format_text .source { font-size: .8em; color:#999999; text-transform:uppercase; text-align: right; margin-top: .5em; margin-bottom: 1.5em; } .custom img.logo { float: left; } .custom p.project { width: 290px; margin-left: 175px;; } /*.custom .format_text p.img.logo { margin-bottom: 0px; }*/ .custom .format_text p { margin-bottom:1.3em; } .custom .box-emphasis { border: 1px solid #c9d6e9; background-color: #e2e9f3; padding: 10px; } .custom .box-emphasis p { margin-bottom: 0px; } .custom .box-emphasis h4 { color: #294267; } .custom .img-bios { float: left; padding-right: 10px; padding-bottom: 2px; } .custom .clear { clear:both; border-bottom: 1px solid #CCCCCC; } .custom #content ul.article-category-list { padding: 0; margin: 0 0 20px 0; } .custom #content ul.article-category-list li { list-style: none; margin: 0; padding: 10px 0; border-top: 1px solid #ddd; } /*download button*/ .custom a.download-button { width: 100px; background: #F4F2F2 url('images/greenarrow.png') 80px 6px no-repeat; display: block; color: #660000; line-height: 1.5em; padding: 2px 0px 2px 5px; margin: 0px; border: 1px solid #c4b5b5; text-decoration: none; } .custom a.download-button:hover { background: #E1DDDD url('images/greenarrow.png') 80px 6px no-repeat; } /*home screen image*/ img.n79 { float: left; margin-right: 20px; margin-left: 5px; } .custom .small-print { font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 125%; } /*removes huge bottom margin below widgets, was 2.75em*/ .custom li.widget { margin-bottom: 1.8em; }