/* 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. 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 codes dark chocolate: #472400; med. brown: #663300; tan: #B18559; dark red: #5d0c12; smoky blue: #433b50; ****************************/ body { background: #B18559; /* tan */ } .custom #page { background: #ffffff; } .custom .format_text { font-size: 12pt; } .custom #container { margin-top: 1.5em; margin-bottom: 1.5em; border: 1px solid #663300; /* med. brown */ } .custom #sidebars { border-top: 0; } .custom #header { border-bottom: 0; padding-top: 0; padding-bottom:1em; margin-right:155px; } .custom #header img { position:absolute; right:175px; top:25px; } .custom #header #logo { padding-top: 0.7em; } .custom #header #logo a { color: #5d0c12; /* dark red */ } .custom #header #tagline { color: #5d0c12; /* dark red */ font-size: 1.6em; font-style: italic; margin-top: 0.5em; } .custom #content_box { border-top: 10px solid #472400; /* dark choco */ } .custom h1, .custom h2, .custom h1 a, .custom h2 a { color: #5d0c12; /* dark red */ } .custom a:hover { color: #433b50; /* smoky blue */ } /****** teasers *********************/ .custom .teaser { width: 100%; /* 1 column not 2 */ } .custom .teaser_right { border-top:1px dotted #BBBBBB; margin-top:2.1em; padding-top:2.1em; } .custom .teaser .format_teaser { font-size: 1.5em; } .custom .teaser h2 a { font-weight: bold; } .custom .teaser .teaser_author .author { padding-right: 0.5em; } .custom .teaser .teaser_date { padding-right: 0.5em; } .custom .headline_meta, .custom .headline_meta a { line-height: 1.7em; font-size: 1.3em; font-style: normal; color: #663300; /* med. brown */ border-color: #663300; /* med. brown */ } .custom .headline_meta a:hover { color: #433b50; /* smoky blue */ } /********* form fields ********/ .custom .format_text input[type="submit"] { background-color: #B18559; /* tan */ color: #5d0c12; /* dark red */ font-weight: bold; border: 2px outset #663300; /* med. brown */ } /********* SM badges **********/ div.sm_profiles { top:220px; border:0 none; clear:both; margin:0; padding:140px 0 0 0; position:fixed; width:45px; height:260px; /* 140 + 120 */ } div#amber_sm { left:0; background:transparent url(images/AmberBadge.png) no-repeat scroll top left; } div#david_sm { right:0; background:transparent url(images/DavidBadge.png) no-repeat scroll top right; } div.sm_profiles a img { display:block; padding:0; width:32px; height:32px; margin-top:3px; border-width:0; } div#amber_sm a img { margin-left:7px; } div#david_sm a img { margin-left:7px; /* 45 - 6 - 32 */ } /**************** header menu tabs **************/ .custom #tabs { border: 0; list-style-image:none; list-style-position:outside; list-style-type:none; clear: both; margin-right: 155px; /* make room for photo */ } .custom #tabs li { float: left; border-width: 0; /* clear */ padding: 0; margin: 0; } .custom #tabs a { display: block; margin: 0; padding: 10px 12px; color: #5d0c12; /* dark red */ background-color: #B18559; /* tan */ text-decoration: none; text-transform: uppercase; font-weight: bold; } .custom #tabs a:hover { text-decoration: underline; color: #433b50; /* smoky blue */ } .custom #tabs .rss, .custom #tabs .rss a { float: right; background-color: transparent; border-width: 0; margin-right: 5px; } .custom #tabs .home-item a { /* leftmost or first menu item */ border-width: 0; } .custom #tabs .current-cat, .custom #tabs .current_page_item { /* currently selected tab */ padding: 0; } .custom #tabs .current-cat a, .custom #tabs .current_page_item a { /* currently selected tab */ color: #B18559; /* tan */ background-color: #472400; /* dark choco */ font-weight: bold; } /******* footer **************************/ .custom #footer { border-top: 0; color: black; margin-top: 1em; padding-bottom: 5em; background-color:#EBDEFE; /* lavendar */ } .custom #footer a { color: #433b50; /* smoky blue */ border-bottom: 1px dotted #433b50; /* smoky blue */ } .custom #footer a:hover { font-weight: bold; color: #5d0c12; /* dark red */ border-bottom: 2px double #433b50; /* smoky blue */ } #footer_nav { list-style-image:none; list-style-position:outside; list-style-type:none; display: block; float: left; margin: 0; } #footer_nav li { float:left; font-size: 10pt; padding-right: 7px; padding-left: 7px; } #footer_nav a { display: block; padding: 12px 0 0 0; } #footer_nav a:hover { } #footer_copyright { float: right; padding-top: 1em; }