/* 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/ */ /* remove border from fish picture */ .format_text img.frame, .format_text .wp-caption {border-width: 0; padding: 0 ; background-color: white;} .custom #feature_box { border:0; } /* take the Post Image from Thesis out, so there isn't a duplicate when using WP's image posting feature */ .post_image { display:none !important; } /* archive page */ .custom .archive h3 {margin-top: 0;} .custom .archive ul {font-size: .85em; } .custom .archivel { float: left; width: 40%;} .custom .archiver { float: right; width: 60%;} /* remove border between content and sidebar */ .custom #content_box {background:none;} /* sidebar customization */ .custom #content_box {background-color:#EEEEEE;} .custom #content {background-color:#fff;} #archive_info {display:none;} /* related posts */ .custom .related_holder {display:block; height:90px; margin-bottom:10px; background:transparent url(/bg-dotts03.gif) repeat-x scroll 0 100%;} .custom .related_pic {float:left; width:100px;height:90px;} .custom .related_pic img {padding: 2px; margin-right:10px; margin-top:10px; border: #666666 solid 1px; display:inline;} .custom .related_contents {float:right; width:520px; height:90px;} .custom .related_title {font-size:12px;} .custom .related_title a{color:#008800; text-decoration:underline;} .custom .related_excerpt {font-size:12px;} .custom .related_excerpt p{margin:0;} /* aligning top of image and post text */ dt.wp-caption-dt img {padding-top:6px;} /* aligning top of teaser thumbnail with teaser text */ div.teaser img.thumb {padding-top:10px;} /* teaser */ .custom .teaser { text-align: justify; } .custom h2.entry-title {text-align: left;} div.format_teaser a.post_image_link img.thumb.alignleft {margin-top:4px;} /* post headline */ .custom h1 { font-weight: bold; font-family: Helvetica; color: #111111} .custom h2 a { font-weight: bold; font-family: Helvetica; color: #111111 } /* sub headings */ .custom h3 { font-weight: bold; color: #63532C; } /** Main page post footer **/ .custom hr { margin-top: 44px; margin-bottom: 0em; color: #fff; background-color: #fff; border-bottom: 1px dotted #bababa; border-style: dotted; } p.post-footer-right { margin-bottom: 0em; padding-bottom: 0px; } div.my-post-footer-right { float:right; padding-right:10px; } p.post-footer-left { margin-bottom: 0em; padding-bottom: 0px; } div.my-post-footer-left { float:left; } a.post-footer { text-decoration:none; } a.post-footer:hover { text-decoration:underline; } /** HR bottom of post **/ div.sociable { border-top: 1px dotted #bababa; } /** Image Source in Byline **/ .custom .headline_meta_image_source { color: #9BB369; font-family: Georgia; } .custom .headline_meta a { border-bottom: 0px; } /** Teaser Formatting **/ .custom .teaser { width: 100%; margin-top: 2em; padding-top: 2em; border-top: 0px; border-bottom: 1px dotted #bbb; text-align: justify; } .custom .teasers_box { padding-top: 0px; padding-bottom:0px; margin-top: 0px; margin-bottom: 0px; } .custom .teaser_author { font-size: 80%; } .custom .teaser_date { font-size: 80%; } .custom em.teaser_byline { text-transform: none; font-style: italic; } /** Facebook "Like" icon **/ div#fb { float: right; } blockquote { font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif; width: 400px; background: url(images/close-quote.gif) no-repeat right bottom; padding-left: 18px; text-indent: -18px; } blockquote:first-letter { background: url(images/open-quote.gif) no-repeat left top; padding-left: 18px; font: italic 1.4em Georgia, "Times New Roman", Times, serif; } /* Header */ .custom #header #logo a { display: block; height: 130px; width: 866px; background: url(images/wellnut_header.jpg) no-repeat; outline: none; } .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } .custom #header { padding: 0; } .custom #header {border-bottom:none;} .custom #header_area {background: #CFC5B2;} body.custom{background: #CFC5B2;} /* nav bg colour */ .custom ul.menu {background: #9BB369; font-weight:strong;} .custom .menu {padding-left:0.4em;} /* SEARCH BAR IN NAV */ .custom ul.menu li.search {float:right; vertical-align: middle;} .custom ul.menu li.search form {padding:0.3em;} .custom ul.menu li.search form input {padding:0.4em;} .custom ul.menu li.search form input {width:140px; margin-top:3px; margin-right:3px;} /* LIKE BUTTON IN NAV */ .custom ul.menu li.like {float:left; margin-right:16em; padding-top:7px;} /* take away border above previous / next posts */ .prev_next { border-width:0; } .custom iframe.fb_iframe { margin-left: 6px; background-color: #FFFFFF; } .custom #footer {background-color:#9BB369; font-style:strong; font-size:12pt;} .custom #footer a {text-decoration:none;} .custom div.copyright {font-size:9pt; color:#BCD97F;} /* SOCIAL ICONS */ .custom img.tw_icon { padding-left:12px; padding-right:6px; } .custom img.rss_icon { padding-left:6px; padding-right:12px; }