/* 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 div.page { background-color: white; padding: 0; width: 999px; } .custom #content_area div.page { background-color: white; width: 980px; padding-right: 10px; padding-left: 10px; } div#sidebar_1.sidebar { } .custom #footer_area div.page { background-color: white; } .custom p.wp-caption-text { font-style: italic; font-size: .75em; color: gray; } .custom #container { background-position: left bottom; background-repeat: no-repeat; background-attachment: fixed; } .custom #logo a { font-size: 2em; /*letter-spacing: -7px;*/ margin-top: 0; display: block; line-height: 1em; padding-left: 20px; } .custom #content h2 { line-height: 1em; letter-spacing: -1px; margin-bottom: 10px; color: gray; font-size: 1.75em; } .custom div.headline_area h1 { letter-spacing: -1px; font-weight: bold; font-size: 2.75em; line-height: 1.25em; } .custom #content h2.entry-title { letter-spacing: -1px; font-weight: bold; font-size: 2.75em; } .custom .sidebar h3 { letter-spacing: 0; padding: 2px 5px 2px 3px; text-transform: uppercase; background-color: #91918f; color: white; font: normal bold 1.25em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .custom ul#tabs { margin-top: 40px; padding: 0; border-style: none; border-top: 1px none silver; border-right: 1px none silver; height: 26px; font: 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background: #91918f none repeat-x left top; border-bottom: 1px solid silver; } .custom ul#tabs li { border-style: none; padding: 0; } .custom div#header { background: url(images/bnr-bkgd.jpg) no-repeat right top; border-style: none; margin: 0; padding: 0; } .custom ul#tabs li.current_page_item a { color: black; background-color: white; font-weight: bold; background-image: none; border-right: 1px solid silver; border-bottom-style: none; border-top: 1px solid silver; border-left: 1px none silver; } .custom ul#tabs li.page-item-1 a { background-color: #8ca144; color: white; } .custom ul#tabs li.page-item-2 a { color: white; background-color: #487eaa; } .custom ul#tabs li.page-item-3 a { background-color: #b05a37; color: white; } .custom ul#tabs li.rss a { padding-right: 23px; background: url(images/icon-rss.gif) no-repeat 97% 50%; color: white; } .custom h1#tagline, .custom p#tagline { font-size: .75em; display: block; position: relative; left: 25px; clear: both; } .custom div#sk2-footer { display: none; } .custom div.format_text h3 { line-height: 1.35em; font-size: 1.4em; } .custom div.format_text h3 span.small { font-size: .6em; } .custom #tabs li a { color: black; text-decoration: none; margin: 0; padding: 7px 15px; background: #f3cf79 none repeat-x; border-bottom: 1px solid silver; } .custom ul#tabs li a:hover { background-color: #5f5e5f; color: white; text-decoration: none; background-image: none; } .custom ul#tabs li.page_item a:hover { background-color: #5f5e5f; background-image: none; } .custom #tabs li.current_page_item a { } .custom ul#tabs li.rss a:hover { background-color: #91918f; text-decoration: underline; background: url(images/icon-rss.gif) no-repeat 97% 50%; } .custom ul#tabs li.page_item.page-item-5.current_page_item a, .custom ul#tabs li.page_item.page-item-6.current_page_item a, .custom ul#tabs li.page_item.page-item-6.current_page_item a { background-color: white; color: black; font-weight: normal; font-style: normal; } .custom pre { background-color: #defefe; margin-bottom: 20px; display: block; } .custom #footer_area div.page { width: 955px; text-align: center; } .custom div#footer { text-align: center; } div#sidebar_3.sidebar, div#sidebar_4.sidebar { width: 217px; } div#sidebar_3.sidebar { float: left; background-color: yellow; } div#sidebar_4.sidebar { float: left; background-color: silver; } a.teaser_link { display: block; margin-top: 7px; } a.more-link { display: block; margin-top: 7px; } div#sidebars { margin: 0; padding: 0; background-color: white; } #recentcomments tbody tr td { vertical-align: top; } #recentcomments tbody tr td img { margin-right: 5px; margin-top: 2px; } #get_recent_comments_wrap ul li ul li img.comment_img { display: inline-block; margin-right: 5px; float: left; margin-bottom: 40px; margin-top: 2px; } #get_recent_comments_wrap ul li div.article_header { margin-bottom: 0; display: inline-block; padding: 2px; border-bottom: 1px dotted gray; } #get_recent_comments_wrap ul li ul li { margin-left: -15px; clear: both; margin-bottom: 5px; } #get_recent_comments_wrap ul li ul { margin-bottom: 24px; margin-top: 5px; } div.post_ad { background-color: #deb859; margin: 0; padding: 6px; border: 1px solid #787878; } div.format_text.entry-content div.post_ad h3 { margin-top: 0; font-weight: bold; font-size: 1.1em; line-height: 1em; border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 5px; margin-bottom: 6px; } div.format_text.entry-content div.post_ad p { margin: 0 0 9px; } //** social plugin**// .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; } .postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; } .postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; } .postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; } //**2nd part of styling**// .socialmedia { background: #FFFBCC; border-top: 1px solid #E6DB55; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1em; text-align: center;} .socialmedia p { color: #515151; font-size: 1.3em;} body.custom { background: blue url(http://www.thegrowthexpert.com/wp-content/themes/thesis-15b-r6/images/background-blue.jpg)fixed; } .custom #page{ /*border: 2px; border-color: black; border-style: dotted;*/ background: white;} .custom #header #logo { text-align: center;} .thesis_widget_subscriptions { background-color:greenyellow; padding:10px; border:2px dotted; } #widget_content {background:red;}