/* 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/ */ /* File: custom.css Description: Custom stylesheet for Thesis Author: Michael Vaughn */ /* Thesis reset via matthodder.com*/ /* Background / Border Tweaks */ .custom .post, .custom .teasers_box { border: none; } .custom .prev_next, .bypostauthor .format_text, .custom #archive_info, .custom #trackback_list { border: none; } .custom #footer, .custom #footer a, .custom #footer a:active { border: none; } .custom #header { border: none; } .custom #comment_list dt.comment, .custom #comment_list dd.comment, .custom #comment_list dl, .custom #comment_list, .custom #comment_list dd, .custom #commentform, .custom dl#comment_list dl dd .format_text { border: none; } .custom #sidebar_1, .custom #sidebar_2 { border: none; } .custom #content_box, .custom #column_wrap { background: none; } .custom a { outline:none; } .custom ul#tabs { border:none; } .custom ul#tabs li { background:none; border:none; } .custom #image_box, .custom #custom_box, .custom #feature_box { background: none; border: none; } /* Text Tweaks */ .custom #tabs li a, .custom .prev_next, .custom #archive_info p { letter-spacing: normal; text-transform: none; } .custom .headline_meta { font-style: normal; } .custom .headline_meta span, .custom .headline_meta abbr, .custom .teaser abbr, .custom .teaser span { letter-spacing: normal; text-transform: none; } .custom .sidebar h3 { letter-spacing: normal; font-variant: normal; } .custom dl#comment_list dd p.reply a, .custom .comments_closed p { letter-spacing: normal; text-transform: none; } .custom .bracket { display: none; } /* Nav Cursor Tweak */ .custom #tabs .current_page_item a, .custom #tabs .current-cat a { cursor: pointer; } /* End of Thesis reset */ /* Hide those annoying dotted borders on Firefox links */ .custom a:hover, a:active, a:focus, a:active{ outline: none; -moz-outline-style: none; } /*-------MAIN BODY STYLING-----------------------------*/ body.custom { background: #03080c url('images/background.jpg') top center no-repeat; height: 100%; } /*-------HEADER STYLING--------------------------------*/ .custom #header { height: 258px; } .custom .js_rss { float: right; margin-top: -8px; } .custom #branding_image { height: auto; margin-top: 4px; *position: relative; *z-index: 4; } .custom #header_title { position: absolute; margin-left: 300px; margin-top: -280px; width: 620px; } /*-------MAIN MENU STYLING-----------------------------*/ .custom #js_main_menu { position: absolute; margin-left: 275px; margin-top: -110px; *margin-top: -105px; *z-index: 7; } .custom #navigation_primary { background: transparent url('images/nav_matrix.png'); height: 54px; margin: 0; padding: 0; position: relative; width: 693px; } .custom #navigation_primary li { float: left; } .custom #navigation_primary li a { background: transparent url('images/nav_matrix.png') no-repeat; display: block; font-size: 1%; height: 54px; margin: 0; overflow: hidden; padding: 0; position: absolute; text-indent: -9999px; top: 0; } .custom #navigation_primary li.home a { left: 0; width: 99px; background-position: 0 0; } .custom #navigation_primary li.about a { left: 99px; width: 105px; background-position: -99px 0; } .custom #navigation_primary li.tipstricks a { left: 200px; width: 152px; background-position: -200px 0; } .custom #navigation_primary li.photos a { left: 352px; width: 119px; background-position: -352px 0; } .custom #navigation_primary li.tools a { left: 471px; width: 102px; background-position: -471px 0; } .custom #navigation_primary li.contact a { left: 573px; width: 120px; background-position: -573px 0; } .custom #navigation_primary li.home a:hover { background-position: 0 -54px; } .custom #navigation_primary li.about a:hover { background-position: -99px -54px; } .custom #navigation_primary li.tipstricks a:hover { background-position: -200px -54px; } .custom #navigation_primary li.photos a:hover { background-position: -352px -54px; } .custom #navigation_primary li.tools a:hover { background-position: -471px -54px; } .custom #navigation_primary li.contact a:hover { background-position: -573px -54px; } #home.custom #navigation_primary li.home a { background-position: 0 -108px; } #about.custom #navigation_primary li.about a { background-position: -99px -108px; } #tipstricks.custom #navigation_primary li.tipstricks a { background-position: -200px -108px; } #photos.custom #navigation_primary li.photos a { background-position: -352px -108px; } #tools.custom #navigation_primary li.tools a { background-position: -471px -108px; } #contact.custom #navigation_primary li.contact a { background-position: -573px -108px; } /*-------PAGE STYLING----------------------------------*/ .custom #page { background: transparent; padding: 0; width: 1004px; } .custom #content_box { background: #f1f1f1 url('images/page_background.jpg') top left repeat-y; border: 1px solid #03080c; margin-top: -50px; } .custom #content { margin-top: 55px; padding-left: 20px; } .custom .headline_area h1 { font-size: 2.2em; font-weight: bold; } .custom h1.entry-title { font-size: 2.0em; font-weight: bold; } .custom h2.entry-title { font-size: 2.0em; font-weight: bold; } .custom .post_box { border-bottom: 3px dotted #bbb; } .custom .to_comments { background: #f1f1f1 url('images/comment_splatter.jpg') top left no-repeat; height: 40px; width: 80px; } /*-------Teasers Box Styling---------------------------*/ .custom .teaser { border-bottom: 2px dotted #bbb !important; min-height: 240px; *padding-bottom: 10px; } .custom .teasers_box h2.entry-title { font-size: 1.7em; font-weight: bold; } .custom .headline_meta { color: #fc9704; font-style: italic; } .custom .published { color: #fc9704; font-style: italic; } .custom .author { color: #fc9704; font-style: italic; } .custom .teaser_link { font-size: 2.5em; *font-size: 1.1em; *font-weight: bold; } .custom a.teaser_link { background: #f1f1f1 url('images/cont_reading_graphic.jpg') 0 0 no-repeat; *background: none; color: transparent; *color: #fe5603; text-indent: -9999px !important; *text-indent: 0px !important; } /*-------Comment Form Submit Button--------------------*/ input.form_submit:hover { color: #1874b7; } /*-------SIDEBAR STYLING-------------------------------*/ .custom #sidebars { margin-top: 0px; *margin-top: 5px; padding-bottom: 20px; width: 330px; } /*-------Sidebar Widget Styling------------------------*/ /*------Basic Widget Styling-----------------*/ .custom li.widget widget_box { background-color: none !important; } .custom li.widget ul { font-size: 1.1em; line-height: 1.2em; margin-left: 20px; margin-right: 23px; } .custom li.widget { color: #e44e04; margin-bottom: 1.0em; } /*-------Search Icon-----------------------------------*/ .custom #search_text { background: transparent url('images/search_image.png') no-repeat ; color: #bbb; *float: left; height: 30px; margin-left: 30px; width: 250px; } /*-------Search Widget---------------------------------*/ .custom .thesis_widget_search h3 { height: 0px; margin-bottom: 0px; margin-top: -27px; text-indent: -9999px; } .custom li#search.widget { *margin-left: 20px; width: 30px; } .custom .search_form input { margin-left: 99px; margin-top: 2px; text-align: right; } .custom .search_form input#s.text_input { background-color: transparent; border: none; color: #999; font-size: .8em; height: 13px; text-align: left; width: 165px; } /*-------Newsletter Styling----------------------------*/ .custom #newsletter_signup { background: transparent url('images/newsletter_signup.png') 10px 0 no-repeat; height: 110px; *margin-top: -20px; } .custom #aweber_form { padding-bottom: 0; margin-left: 0px; margin-top: 10px; } .custom #aweber_form input[type=text] { border: 1px solid #999; width: 185px; } .custom #aweber_form input[type=submit] { background-color: #1874B7; border: 1px solid #135B90; color: #fff; font-weight: bold; margin-left: 155px; *margin-left: 153px; margin-top: 10px; width: 80px; } /*-------WP 125 Ad Widget Styling----------------------*/ .custom .wp125_write_ads_widget { height: 470px; margin-left: 10px; } .custom li#wp125.widget h3 { background: transparent url('images/ads_header.png') top left no-repeat; height: 69px; margin-bottom: 0; margin-top: 0px; text-indent: -9999px; } /* Styles for two-column display */ #wp125adwrap_2c { width:100%; } #wp125adwrap_2c .wp125ad { height: 125px; width:125px; float:left; padding:8px; } /*-------Friend Me Section-------------------*/ .custom #text-4.widget { height: 160px; margin-top: 30px; } .custom li#text-4.widget h3 { background: url('images/followme_header.png') top left no-repeat; height: 69px; text-indent: -9999px; } .custom ul.social_feeds { float: left; margin-left: 20px !important; } .custom ul.social_feeds img { margin-right: 7px; margin-left: 0px; padding-left: 15px; } .custom ul.social_feeds li { margin-left: 10px; } .custom ul.social_feeds li a#digg, a#twitter, a#facebook, a#youtube { color: #e44e04; font-size: 1.0em; margin-top: 9px; position: absolute; width: 50px; } /*-------Categories Widget-------------------*/ .custom li#categories-3.widget h3 { background: transparent url('images/categories_header.png') top left no-repeat; color: #e44e04; font-size: 1.5em; font-variant: normal; font-weight: normal; height: 69px; letter-spacing: normal; margin-top: 15px; text-indent: -9999px; width: 285px; } .custom li#categories-3.widget a{ color: #fe5603; } /*------Recent Posts Widget------------------*/ .custom li#recent-posts-3.widget h3 { background: transparent url('images/recent_posts_header.png') top left no-repeat; height:69px; text-indent: -9999px; } .custom li#recent-posts-3.widget a { color: #e44e04; } /*------Monthly Archives Widget--------------*/ .custom li#archives-3.widget h3 { background: transparent url('images/archives_header.png') top left no-repeat; height: 69px; text-indent: -9999px; } .custom li#archives-3.widget a { color: #e44e04; } /*-------Recommended Link--------------------*/ .custom li#linkcat-2.widget h3 { background: transparent url('images/links_header.png') top left no-repeat; height: 69px; text-indent: -9999px; } .custom li#linkcat-2.widget a { color: #e44e04; } /*--------FOOTER STYLING-------------------------------*/ .custom #footer { background: transparent url('images/footer_background.jpg') no-repeat; border: none; height: 460px; width: 1003px; } .custom #footer div.col { background-color: transparent !important; float:left; margin:17px 3px 0 0; *margin-top: 20px; padding-bottom: 20px; padding-left:20px; text-align:left; width:21em; } /*-------Footer Navigation Styling---------------------*/ .custom #footer a { border-bottom: none !important; } .custom .page-navi { margin-top: 20px; text-align: center; width: 1004px; } .custom .page-navi ul { clear: both; list-style: none; width: 1004px; } .custom .page-navi li { display: inline; } .custom .page-navi li a { border-right: 2px solid #aaa; color: #fff !important; font-size: 1.3em; margin-right: 15px; padding-right: 15px; text-decoration: none !important; } .custom .page-navi .page-item-59 a { border-right: none; } /*-------Copyright Styling----------------------------*/ .custom #copyright_statement { clear: both; margin-top: 10px; text-align: center; width: 1004px; } .custom #copyright_statement p#copyright_p { color: #fff; font-size: 1.0em; } /*-------Footer Widget Styling------------------------*/ /*-------Twitter Widget-------------------------------*/ .custom #twitter-tools h3 { text-indent: -9999px; height: 0; } .custom .aktt_tweets a { color: #fe5603 !important; } .custom .aktt_tweets li { border-bottom: 1px dotted #f1f1f1; color: #bbb; font-size: 11px; line-height: 14px; margin-left: -5px; width: 190px; } .custom a.aktt_username { color: #0000ff !important; } .custom a.aktt_tweet_time { color: #2fa0fb !important; padding-bottom: 2px; } /*----------Random Photos---------------------*/ .custom .flickr_badge_widget { margin-left: 23px; margin-right: 5px; } .custom .flickr_badge_widget h3 { height: 0; text-indent: -9999px; } .custom .flickr_badge_widget small a { color: red; text-indent: -9999px !important; } .custom li#flickr-badge small { color: #bbb; font-size: 0px; visibility: hidden; } /*---------Recent Comments------------------*/ .custom .widget_recent_comments li { border-bottom: 1px dotted #f1f1f1; color: #2fa0fb; font-size: 11px; margin-left: 5px; width: 195px; } .custom .widget_recent_comments li.recentcomments a { color: #bbb !important; } .custom .widget_recent_comments li.recentcomments a.url { color: #fe5603 !important; } .custom .widget_recent_comments h3 { height: 0; text-indent: -9999px; } /*-------Top Posts Widget-------------------*/ .custom li#akpc-widget-2 { color: #2fa0fb; *float: left; font-size: 11px; margin-left: 50px; *margin-left: 40px; width: 195px; } .custom li#akpc-widget-2 h3 { height: 0; text-indent: -9999px; } .custom .akpc_report a { color: #bbb !important; }