/* 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/ */ .custom #header_area { background-color: #78C0D8; border-bottom: 6px solid #fff; height: 12em; } .custom #footer_area { background-color: #78C0D8; border-top: 3px solid #fff; height: 6em; } .custom #header { border:none; padding-top: 0.8em; padding-bottom: 0em; } .custom #header #logo { float:left; font-style:bold; } .custom #header #logo a { color:#cb0043; } .custom #header #tagline { color:#FFFFFF; float:left; font-size:1.8em; font-style:italic; margin: 0.7em 0 0 2em; } .custom ul#tabs { border:none; clear:both; /* Tweaked down by 0.2em - however, doesn't work at all to move tabs down to bottom of header in Opera */ margin-top:5.5em; } .custom ul#tabs li { border:none; margin: 0 0.1em; } .custom ul#tabs li a { background: #a0cce3; color: #164a50; font-weight: bold; letter-spacing: 1px; text-transform: none; text-decoration: none; /* NOT WORKING YET ... ok in Firebug ish: padding-bottom: 0.6em; */ } .custom ul#tabs li.current_page_item a, .custom ul#tabs li.current-cat a { background:#fff; } .custom .format_text img { padding:0.3em; } .custom #image_box, .custom #custom_box { } .custom #custom_box { text-align:center; } .custom #image_box img { background:none; } .custom .format_text .mailto_image img { background:none; padding:none; } .custom img.frame { background:#cec8b9; } .custom #content_area { /* LOC: Changed bg colour for the backdrop area around content box */ background-color:#EEEEEE; padding-top: 1.1em; padding-bottom: 1.1em; } .custom #column_wrap { background:none; } .custom #content { background-color:#FFFFFF; /* This pushes sidebar_1's widget out of place without a compensating narrowing of sidebar_1 element */ border-right:1px dotted #BBBBBB; border-left:1px dotted #BBBBBB; } .custom #content_box { background:none; background-color:#FFFFFF; } .custom .post_box { border-top:1px dashed #d0c5b1; } .custom .teasers_box { border-top: 1px dashed #d0c5b1; } .custom #content h1, #content h2 { /* color:#2361A1; */ color:#CB0043; font-weight:bold; } .custom h2 a { color:#2361A1; font-weight:bold; text-decoration:none; } .custom h2 a:hover { background: #E2F6F7; } .custom .headline_meta { color:#aa9393; } .custom blockquote { border-left:1px solid #e9d4d4; color:#988484; } /* Underline all text links by default */ .custom a { text-decoration:underline; } .custom .format_text p a.more-link { float:left; margin-top:-1em; margin-bottom:-3.5em; padding: 0em 1em 0.3em 0em; } .custom .format_text p a.more-link:hover { background: #E2F6F7; } .custom .format_text .post_tags { color:#aa9393; } .custom .prev_next { border-top:2px solid #d0c5b1; } .custom #archive_info { border-bottom: none; } .custom .format_text p.to_comments { padding: 0.3em 1em; float:left; display:none; } .custom .format_text .to_comments a { font-size:1.1em; padding-left: 1.8em; display:none; } .custom .format_text .to_comments .a:hover { background: #E2F6F7; display:none; } .custom .format_text .to_comments span.bracket { display:none; } .custom #respond p { color:#988484; } .custom dl#trackback_list { border-top:1px dashed #d0c5b1; } .custom dl#comment_list { border-top:1px dashed #d0c5b1; /*clear:both;*/ } dl#comment_list dd { border-bottom:1px dashed #d0c5b1; } .custom #commentform { border-top:1px dashed #d0c5b1; } .custom input, textarea { /* LOC: Changed bg colour for form fields */ background-color:#FFFFFF; } .custom input.form_submit:hover { /* color:#cb0043; */ } .custom .author_comment { background:#cb0043; color: #fff; } .custom .author_comment .comment_author, .custom .author_comment .comment_author a { color:#f7a2be; } .custom .author_comment .comment_time a, .custom .author_comment .edit_comment a, .custom .author_comment .edit_comment, .custom .author_comment .format_text a { color:#650025; } .custom #sidebar_1 { border:none; width: 11.4em; /* Positioning hack */ } .custom .sidebar h3 { color:#cb0043; font-size: 1.5em; font-weight:bold; letter-spacing:1px; } .custom #footer { border:none; } .custom #footer p { color:#fff; } .custom #footer a { text-decoration:none; border-bottom:none; color:#fff; } .custom #footer p.copyright { float:left; text-align:left; } .custom #footer p.footer_navbar { text-align: left; float: left; font-size: 1.4em; width: 70%; } .custom #footer p.footer_address { text-align: left; float: left; font-size: 1.4em; width: 90%; } .custom #footer p.right { float:right; font-size: 1.4em; } .custom #logo a { display: block; position:relative; left:-12px; height: 52px; width: 279px; background: url(/images/recovereasy-logo.png) no-repeat; outline: none; text-indent: -9999px } .entry-content { padding-bottom: 1.5em; } .comments_closed { display: none; } .custom .format_text acronym, .format_text abbr { font-size: 1em; } .custom .sidebar_list ul li a:hover { background: #E2F6F7; } .custom .teasers_box a:hover { background: #E2F6F7; } /* Search box */ #s { display: none; float: right; padding: 6px 10px 6px 30px; width: 156px; } /* Photo Dropper */ .custom .photo_left, .custom .photo_right { background: #eee; border: 0.071em solid #ccc; color: #888; margin-bottom: 1.571em; padding: 0.714em; } .custom .photo_center { clear: both; color: #888; float: none; margin-bottom: 1.571em; text-align: center; } .custom .photo_left { clear: left; float: left; margin-right: 1.571em; text-align: left; } .custom .photo_right { clear: right; float: right; margin-left: 1.571em; text-align: right; } .custom .photo_center img { background: #eee; border: 0.071em solid #ccc; margin-bottom: -2.714em; padding: 0.714em 0.714em 2.714em 0.714em; } .custom .photo_center small a img { background: transparent; border: none; margin: 0; padding: 0; } .custom .photo_center small a, .custom .photo_left small a, .custom .photo_right small a { color: inherit; text-decoration: none; } .custom .plainphoto_left, .custom .photo_right { background: #fff; border: 0; margin-bottom: 1.571em; padding: 0.714em; } .custom .plainphoto_center { clear: both; color: #888; float: none; margin-bottom: 1.571em; text-align: center; } .custom .plainphoto_left { clear: left; float: left; margin-right: 1.571em; text-align: left; } .custom .plainphoto_right { clear: right; float: right; margin-left: 1.571em; text-align: right; } .custom .plainphoto_center img { background: #eee; border: 0.071em solid #ccc; margin-bottom: -2.714em; padding: 0.714em 0.714em 2.714em 0.714em; } .custom .plainphoto_center small a img { background: transparent; border: none; margin: 0; padding: 0; } .custom .plainphoto_center small a, .custom .photo_left small a, .custom .photo_right small a { color: inherit; text-decoration: none; } .custom .console_lp { font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; } .sociable-hovers { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }