/*Use this to effect all columns as one*/ .custom #content_box {padding-left:0em; padding-right:0em; margin-left:0em; margin-right: 0em} /*Put a 1px border here when working on above column to see what you are effecting, then put it back to 0*/ .custom #content_box {border: 0px solid #000;} /*Use this to effect side bar margins*/ .custom #sidebar_1 {margin-left: 0em; margin-right: 0em} /*Use this to effect only the area where the post is*/ .custom #content .post_box {margin: 0em;padding-left: 4em;padding-right:10em; border:0px solid #DDDDDD;} /*to remove "leave a comment" and change to something else*/ .custom #respond_intro p {display: none;} .custom .comment-heading { font-size: 2.3em; margin-bottom: -1em; padding: 1em;} /*Use this to change color of heading of current post. It's brown now*/ .custom h2 a { color: #663033; } /*removed lines between sidebars and center column by putting 'none' in background. check layout.css to see old one. Those lines are a url with a graphic*/ .custom #content_box { width: 100%; background: none } .no_sidebars { background: none !important; } #column_wrap { width: 79.2em; background: none} /*change color of sidebar headings*/ .custom .sidebar h3 { color:#663033 } /*make author comments blue*/ .custom dl#comment_list dt.bypostauthor, .custom dl#comment_list dd.bypostauthor>div {background: #E7F8FB none repeat scroll 0 0; padding-top:20px;} /*make nav bars taller, change font size, and letter spacing, lower type in tab*/ .custom ul#tabs li a, ul#tabs li a:visited {font-size: 1.14em; height: 50px; letter-spacing: .6px; line-height: 300%; } /*adjust em amount to center nav bar*/ .custom ul#tabs {padding-left: 0em; padding-right: 0em;} /*making space between text and thumbnail pic in all excerpts*/ .imgtfe { float: left; margin-top: 7px; margin-right: 7px; margin-bottom: 7px; } /*sidebar background color*/ .custom #content_box {background-color:#f5fffb;} .custom #content {background-color:#fff;} /*Attaching an image/logo in the header*/ .custom #title_area { background: none; padding: 1em 0 0.5em; border-bottom: none; } .custom #header { border-bottom: none; height: 140px; padding-top: 0; padding-bottom: 0; background: url(images/GRHBannerDec2009vs2.gif) top right no-repeat; } /*to remove title and tagline*/ .custom #header #logo { display: none; } .custom #header #tagline { display: none; } /*can't remember what this is*/ .custom .teaser { text-align: justify; } /*adding 4 column footer area*/ .custom #footer_1 {text-align:left; color:#333;} .custom #footer_1 ul.sidebar_list li.widget {width:23%; margin-right:2%; float:left;} .custom #footer_1 ul.sidebar_list li.widget h3 {color:#222;} .custom #footer_1 ul.sidebar_list li.widget a {color:#444; border-bottom:0;} .custom #footer_1 ul.sidebar_list li.widget a:hover {color:#111;} /*making nav bar go all the way across site*/ .menu{background: #c0f3dd;} /* 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/ */