/* 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/ */ /* Full Width Header */ .custom #header_area { background:#000; width: 100%; min-width: 780px; } .custom #header_area .page { padding-top:0; } .custom #header #logo a { display: block; height: 144px; width: 100%; padding-top:0; padding-bottom:0; border-bottom:none; background: url('images/liveloahead.jpg') no-repeat top; outline: none; } .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } .custom #header { padding: 0; margin:0 0 -3px 1px; border-bottom: none; } .custom .full_width { width: 100%; min-width: 780px; } /* Nav Tab Styles */ .custom #nav_area { background: #e7b0ff url(images/subhead.jpg); border-bottom: 3px solid #EDB1ED; } .custom ul#tabs {background: url(images/subhead.jpg); border: none; } .custom ul#tabs li { background: #e7b0ff url(images/subhead.jpg); border: none; float: left;} .custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat { background: #e7b0ff url(images/subhead.jpg); border: none; } ul#tabs li a, ul#tabs li a:visited { display: block; line-height: 1.58em; color:#f5f5f5; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; } ul#tabs li a:hover { color:#f5f5f5; text-decoration: underline; background: #7F1A80; } ul#tabs li.current_page_item a, ul#tabs li.current_page_item a:visited, ul#tabs li.current-cat a, ul#tabs li.current-cat a:visited { background: #7F1A80; cursor: default; } ul#tabs li.current_page_item a:hover, ul#tabs li.current-cat a:hover { text-decoration: none; } .custom #title_area {background: #000000 ; padding:1em 0 0.5em; border-bottom: 1px solid #EDB1ED;} /*Move multimediabox */ .custom #multimedia_box {margin-top:.7em;} /* Comment Box Color */ .comments_intro, .custom #respond { margin-left: 0; } .custom .comments_intro p, .custom #respond p { font: bold 1.6em/1.25em Arial, Helvetica, sans-serif; text-align: left; color: #222; } .custom #respond p { border-bottom: 0; } .custom .comments_intro p a:hover { text-decoration: underline; } .custom .comments_intro p span { font-size: 1em; line-height: 1.25em; } .custom .comments_intro p span.bracket { display: none; } .custom dl#trackback_list { padding: 0 2.2em; } .custom dl#trackback_list dd { line-height: 1.667em; } .custom dl#comment_list dt.comment { position: relative; background: #ffffdb; } .custom dl#comment_list dt.bypostauthor { background: #ffe5ff; } .custom dl#comment_list dd.comment { background: #ffffff } .custom dl#comment_list dd.bypostauthor { background: #ffffff } .custom .avatar img { margin: 0 1em 0 0; float: left; } .custom dt.comment span a, .custom dt.comment span a:visited { color: #999; } .custom dt.comment span a:hover { color: #a90000; } .custom dt.comment .comment_author a, .custom dt.comment .comment_author a:visited { color: #a90000; } .custom dt.comment .comment_time, .custom dt.comment .edit_comment { font-size: 0.917em; line-height: 1.818em; } .custom #commentform a:hover { text-decoration: underline; } /* Feature HOMEPAGE Box*/ .custom #feature_box { background: #ffffff; padding: 10px; } .custom #feature_box table { font-size: 14px; color: #4b0082; } .custom #feature_box table a { color: #6900ff; } /* H2 Color and Comment intro */ .custom h2 a { color: #6900FF; font-weight: bold; } .custom h2 a:hover { color: #111111; text-decoration: underline } .custom .format_text .to_comments a { color: #6900FF; text-decoration: none; } .custom .format_text .to_comments a:hover { color: #111; text-decoration: underline; } /* Move tags and comments info down*/ .custom .post_tags { margin-top: 1.833em; } .custom .to_comments { margin-top: 1.833em; } /*Teaser link Color Small Caps*/ .custom .teaser_link { font-variant: small-caps; } .custom .teaser .teaser_link a { color: #6900FF; } /* Remove Comments Closed caption */ .custom .comments_closed p { display: none; } /*MM Box background color*/ .custom #image_box, .custom #video_box, .custom #custom_box {background:#fff;} /* Subscriber Box After MM Box */ .sidebar_two_column_box { /* width should be no wider than the sum of your sidebar column widths */ width: 390px; /* height to suit */ /* border if desired */ /* keeps box contents from the edges of the box */ padding: 1em 1em 1em 1em; /* separates box from elements above and below */ margin: 2em 0 2em 0; } /*UL DOT*/ .custom .format_text ul { list-style: url(images/uldot.gif); } /*Sidebar headings*/ .custom .sidebar h3 { color: #7a3d93; font-weight: bold; font-size: 1.3em; font-variant: normal; } /*Custom About Widget*/ .custom li#text-418898053.widget h3 { background: #7a3d93; color: #ffffff; text-align: center; } .custom li#text-418898053.widget { font-family: "Trebuchet MS"; border: dashed; border-color: #7a3d93; } /* Footer */ .custom #footer_area { background: #e7b0ff url(images/footer1.jpg); border: none;} .custom #footer { border-top:0; color: #ffffff; text-align: center; } .custom #footer a { color: #ffffff; text-decoration: none; } .custom #footer a:hover { color: #7f1a80; text-decoration: none; } /*Below Footer*/ .custom .footerleft { color: #ffffff; float: left; } .custom .footerleft a { color: #ffffff; text-decoration: none; } .custom .footerleft a:hover { color: #edb1ed; text-decoration: underline; } .custom .footerright { color: #ffffff; float: right; } .custom .footerright a { color: #ffffff; text-decoration: none; } .custom .footerright a:hover { color: #edb1ed; text-decoration:underline; }