/* @override http://thatideablueprintgirl.com/wp-content/themes/thesis_151/custom/custom.css?070709-140708 */ /* 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/ */ /* 07.03.09 Bert at hamiltonberchman: Because we changed the Thesis layout back to original settings we made changes primarily to body, #container, #page, #header and the #ul for navigation. We added in a custom background element to the #container to remove the negative padding/margin on the page. We also added the ".custom" prefix to all styles so that the styles in this css file overwrite all previously defined styles. */ body.custom { background: #010423 url('images/ideablueprintgirl-bg.png') repeat scroll 0 70px; margin: 0 auto; padding: 0; } /* To make the white background start down inside the container we have a transparent PNG file as the background of #container. The top pixels are transparent. The 5px black border is a part of the PNG . This way we can work with Thesis defaults. */ .custom div#container { padding: 0; width: 977px; margin: 5px auto 50px; background: transparent url(images/new_white-bkgd.png) no-repeat 0 4px; overflow: hidden; border-bottom: 5px solid black; } .custom div#page { width: 953px; padding: 0; background-color: transparent; margin-bottom: 0; margin-top: 0; margin-left: 5px; } /* Added in custom background to get line to align to screenshot */ .custom div#content_box { width: 953px; margin-top: 12px; background: #fff url(images/new_content-bkgd.png) repeat-y left top; } .custom div#header { background: transparent url(images/blockheadermasthead.png) no-repeat 1px -1px; border: none; padding: 0; margin: 0; height: 356px; } .custom #logo a, .custom #tagline { display: none; } /* Because of the change in rendering of the header and navigation to Thesis defaults, I have moved to relative positioning to get navigation to move to the proper position within the header below */ .custom ul#tabs { background-color: transparent; margin: 0; position: relative; top: 329px; left: 13px; border-style: none; padding: 0; width: 932px; } /* Change the way borders are rendered on the li element below */ .custom ul#tabs li { font-weight: bold; border-top-style: solid; border-top-width: 3px; border-right-width: 3px; border-right-style: solid; border-left-style: solid; border-left-width: 1px; border-color: black; background-color: #dbdbdb; border-bottom: 1px solid #E3E3E3; } /* Added the border to the left side of the home li element. Otherwise you end up with 3px borders on both sides and 6px borders between li's */ .custom ul#tabs li.home-item { margin-left: 7px; border-left-style: solid; border-left-width: 3px; } .custom ul#tabs li a { padding-right: 1em; padding-left: 1em; } .custom ul#tabs li.current_page_item { border-bottom-style: none; background-color: white; border-bottom-width: 0; } /* Hiding the Thesis generated RSS subscription below */ .custom ul#tabs li.rss, .custom #multimedia_box { display: none; } .custom li.rss { margin-right: 10px; } /* Increased top padding to get top sidebar element to align with top main headline. Had to add relative positioning and negative margin to get the content to align as the screenshot does*/ .custom #sidebars { padding-top: 9px; margin-left: 0; position: relative; left: -4px; } .custom blockquote.sushi { background: transparent url('images/blockquote-sushi-light.png') no-repeat 0px 0px; border: 0px solid black; width: 447px; font-size: 90%; color: #01B; padding: 36px; padding-top: 60px; padding-bottom: 5px; margin-top: 30px; margin-bottom: 15px; } .custom blockquote.sushi h3 { margin-top: 0px; margin-bottom: 3px; } .custom #footer { text-align: center; background-color: #fff; } .custom a { color: #008; text-decoration: none; } .custom .subscribe-elements { margin-top: 0px; margin-bottom: 0px; margin-left: -4px; width: 305px; position: relative; left: -5px; } .custom img.subscribe-element { margin-right: 2px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; } .custom li.widget { margin-bottom: 2.5em; } .custom #search { margin-top: -15px; } .custom .sidebar h3 { margin: 0 0 5px; padding: 0; } .custom #disqus_thread { width: 598px; } .custom #dsq-content { width: 598px; } .custom .dsq-by { display: none; } .custom .dsq-brlink { display: none; } .custom .format_text ol li { margin-bottom: 15px; line-height: 149%; } .custom .format_text ol { padding-left: 10px; padding-right: 25px; } .custom div#dsq-alerts { display: none; } /* Added a zero margin+padding to pull the default right sidebar more left */ .custom #sidebar_1 ul.sidebar_list { padding-left: 0; margin-left: 0; } /* Hiding the trackback and options for comments area */ .custom span.dsq-item-trackback, .custom div#dsq-options { /* display: none; */ } /* Needed to control the way the content area renders. Added padding to make left side of text align with screen shot */ .custom div#content { padding-left: 29px; width: 580px; padding-top: 0; } /* Had to adjust width of post box area for rendering the content area */ .custom .post_box { width: 580px; margin: 0; border-top-style: none; } .custom .to_comments { display: none; } #disqus_thread { display:none; }