/* @override http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?071009-00703 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?071009-10742 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?071009-30733 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?072309-170709 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?073109-170726 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?073109-180732 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?080309-140856 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?080309-140812 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?080309-180831 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?042110-190444 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?050310-210516 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?050510-210554 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?050510-210555 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?050510-210504 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?050510-210520 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?050510-210539 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?050610-200515 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?060910-70629 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?060910-70604 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?062610-00628 http://www.whitehotcenter.com/wp-content/themes/thesis/custom/custom.css?070110-00746 */ /* 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/ */ body.custom { background: #544839 none repeat; color: #544839; } .custom div#page { margin: 0; padding: 0; background: white none 0; } a:link, a:visited { color: #883701; text-decoration: none; } .custom a:hover, .custom h2.entry-title a:hover { color: #d06e00; text-decoration: none; } .custom div#content_box { top: -45px; position: relative; background: url(images/content_bkgd.png) repeat-y; } .custom ul#tabs { border-style: none; background-color: transparent; position: relative; top: -60px; margin-left: 600px; height: 60px; width: 315px; font-size: 4px; } /* @group footer */ .custom div#footer { height: 45px; margin: 0; padding: 30px 20px 0; color: white; background-color: #f58342; border-style: none; } .custom div#footer a:link, .custom div#footer a:visited { color: #883701; border-style: none; font-size: 1.2em; } .custom div#footer a:hover { color: #ffea80; } .custom div#footer p.floatleft { float: left; display: inline; } /* @end */ .custom div#header { height: 150px; margin: 0; padding: 0; border-style: none; background-image: url(images/WHC_wp_banner_art.png); overflow: hidden; } .custom p#logo, .custom p#tagline, .custom h1#tagline { text-indent: -10000px; width: 0; height: 0; margin: 0; padding: 0; } .custom div#sidebars { width: 415px; margin-right: 15px; } .custom div#content.hfeed { width: 497px; } .custom ul#tabs li { background-color: transparent; border-style: none; height: 20px; } .custom ul#tabs li a { text-transform: lowercase; color: #883701; letter-spacing: 0; margin: 0; padding: 0 15px 0 0; font-size: 14px; height: 20px; } .custom #tabs li.rss { position: absolute; top: -78px; left: 151px; } .custom #tabs li.page-item-6 { position: absolute; top: -78px; left: 235px; } .custom ul#tabs li.rss a, .custom ul#tabs li.page-item-6 a { color: white; text-transform: uppercase; font-size: 12px; background-image: none; padding: 0; right: 120px; font-weight: normal; font-style: normal; } .custom ul#tabs li.current_page_item a, .custom ul#tabs li.current_page_item { background-color: transparent; border-style: none; text-decoration: none; } .custom div#content { width: 495px; margin: 0; padding: 0; } .post_box.top { margin-top: 0; padding-top: 0; } .custom div.headline_area h1 { text-transform: capitalize; font-size: 20px; } .custom div#welcome { background-color: #fef1bc; padding: 8px; margin-top: 0; margin-bottom: 15px; } .custom #welcome img { margin-right: 9px; float: left; } .custom #welcome h3 { text-transform: capitalize; font-variant: normal; letter-spacing: 0; font-size: 16px; text-align: left; padding: 0; margin-bottom: 8px; margin-top: 0; border-bottom-style: none; margin-left: 0; display: inline-block; } .custom #welcome p { line-height: 18px; font-size: 12px; margin-left: 0; margin-bottom: 0; } .custom #welcome p a { color: #d06e00; text-decoration: none; } .custom #sidebar_1 ul.sidebar_list, .custom #sidebar_2 ul.sidebar_list { margin: 0; padding: 0; } .custom .widget.widget_text { margin-bottom: 15px; } .custom li#text-436557711.widget.widget_text { margin-bottom: 15px; height: 163px; } .custom div#home_top_message { width: 447px; float: left; margin-left: 20px; padding-right: 30px; font-size: 1em; line-height: 1.7em; margin-top: 22px; } body.custom div#page #content_box { background-position: -15px; } body.custom div#page #content_box { background-position: -15px; } .custom ul#home_blog_entries { list-style-type: none; } .custom #home_top_message h2 { color: #ff6600; font-size: 2em; font-weight: bold; margin-bottom: 16px; } .custom div#home_top_message span#sharethis_0, .custom div#home_top_message span#sharethis_1, .custom div#home_top_message span#sharethis_2, .custom div#home_top_message span#sharethis_3 { display: none; } .custom #home_blog_entries li { margin-top: 2px; padding: 0; border-bottom: 1px solid silver; padding-bottom: 20px; font-size: 1.25em; margin-bottom: 15px; float: left; } #home_blog_entries li p a img { display: inline-block; margin-right: 15px; } .custom img.imgtfe { margin-right: 15px; margin-bottom: 15px; margin-top: 2px; float: left; } .custom #home_blog_entries li a.blog_title { font-size: 16px; display: inline-block; margin-bottom: 6px; margin-top: 13px; font-weight: bold; } .custom #home_blog_entries li p { margin-top: 5px; } .custom div.format_text.entry-content h2 { margin-bottom: 27px; font-size: 20px; line-height: 24px; color: #ff6600; } .custom div.format_text.entry-content { border-bottom: 1px solid silver; margin-bottom: 20px; } .custom #post-8 div.format_text.entry-content h3 { font-size: 18px; line-height: 21px; } .custom a#facebook { height: 55px; width: 65px; display: inline-block; margin-top: 15px; } .custom a#twitter { margin-right: 15px; display: inline-block; width: 65px; height: 55px; margin-top: 15px; } .custom div#author-comment { font-size: 10px; margin-bottom: 10px; } .custom #author-comment span.comments_number a.comments-link { color: #f58342; } .custom #home_blog_entries li a.excerpt_link { position: relative; top: 3px; color: #f58342; } .custom #author-comment span.comments_number img { position: relative; top: 1px; } .custom #read-more a { margin-top: 18px; display: block; font-size: 1.25em; color: #f58342; } .custom div#sidebar_1.sidebar, .custom div#sidebar_2.sidebar { width: 195px; float: left; padding-right: 7px; padding-top: 0; padding-left: 0; margin: 0; } .custom div#sidebar_1.sidebar { margin-right: 10px; } .custom ul.sidebar_list ul li { font-size: .85em; line-height: 1.1em; font-weight: normal; font-style: normal; } .custom #subscriptions ul li.sub_email form { text-align: left; } .custom #subscriptions ul { text-align: left; } .custom ul.sidebar_list h3 { text-transform: uppercase; padding: 2px 6px 2px 0; border-bottom: 1px solid silver; margin-left: 6px; font-size: .85em; } .custom #tag_cloud-3 div { margin-left: 6px; } .custom ul.sidebar_list ul { margin-left: 6px; } .custom #subscriptions p { margin-bottom: 5px; margin-left: 6px; line-height: 1em; } .custom #subscriptions ul li.sub_email p { font-weight: bold; margin-left: 0; margin-top: 21px; margin-bottom: 5px; } .custom #subscriptions ul li.sub_email { margin-bottom: 10px; } .custom #rssSubscribe input, input#submit.form_submit, #af-body-1732351922 div.af-element.buttonContainer input.submit, #af-body-1732351922 div.af-element.buttonContainer input.submit { text-transform: uppercase; font-size: .85em; background-color: #fff4be; border-style: solid; border-top-color: #efab27; border-left-color: #f4c122; border-width: 1px; border-bottom-color: #e88446; border-right-color: #e98b40; letter-spacing: 1px; color: #b06731; padding: 3px 5px; } .custom #rssSubscribe input:hover, input#submit.form_submit:hover { background-color: #b06731; color: black; } .custom input#enterEmail { width: 185px; color: gray; font-size: .85em; margin-bottom: 6px; background-color: #e8e8e8; border: 1px solid silver; letter-spacing: 0; text-transform: capitalize; } .custom #archives-3 select { margin-left: 5px; } .custom div.post_box { border-top: 0 hidden white; padding: 0; width: 485px; } .custom ul.sidebar_list ul li a:hover, .custom #tabs li a:hover, #content div.prev_next p.previous a:hover { text-decoration: none; } .custom #content div.teasers_box { display: none; } .custom #content div.prev_next { border-style: none; } .custom ul#big_questions { list-style-type: none; font-size: 20px; margin-top: 25px; } .custom #big_questions li{ margin-bottom: 22px; } .custom #big_questions li a { padding: 5px; border: 1px solid white; } .custom #big_questions li a:hover { border: 1px solid #f58342; } .custom div#question-page div#respond { font-size: .85em; } div#archive_info { margin-bottom: 20px; border-bottom-width: 1px; margin-left: 10px; padding-left: 0; width: 455px; } div.sociable_tagline { float: left; margin-right: 7px; } select { text-transform: uppercase; font-size: .85em; background-color: #fff4be; border-style: solid; border-top-color: #efab27; border-left-color: #f4c122; border-width: 1px; border-bottom-color: #e88446; border-right-color: #e98b40; letter-spacing: 1px; color: #b06731; padding: 3px 5px; margin-left: 5px; } .custom dl#comment_list { font-size: .8em; } .custom div.sociable ul { list-style-type: none; list-style-image: none; width: 300px; } .custom div.sociable ul li, div.sociable ul li.sociablefirst { display: inline; margin-right: 7px; } .custom div.sociable ul li a#twitter, .custom div.sociable ul li a#facebook { width: 21px; margin: 0; padding: 0; height: 21px; } div.post_box div#question-page.format_text div#comments { font-size: .75em; } div#making { margin-bottom: 25px; } #text-436557712 div.textwidget { padding-left: 43px; } #text-436557712 div.textwidget h3, .custom div#sidebars div#multimedia_box div#custom_box h3, #text-436557713 div.textwidget h3, #text-436557714 div.textwidget h3 { color: #f55e31; margin-left: 0; text-transform: capitalize; font-size: 14px; font-weight: bold; border-style: none; } #text-436557712 div.textwidget h4, .custom div#sidebars div#multimedia_box div#custom_box h4, #text-436557713 div.textwidget h4, #text-436557714 div.textwidget h4 { font-size: 16px; margin-top: 5px; margin-bottom: 8px; } #af-body-1732351922 div.af-element label.previewLabel, .custom div#sidebars div#multimedia_box div#custom_box label.previewLabel, #af-body-1732351922 div.af-element label.previewLabel, #af-body-1732351922 div.af-element label.previewLabel { color: #666; font-size: 14px; } div#custom_box { background-color: white; padding: 1px 0 0 42px; font-size: 1.25em; } #text-436557712 div.textwidget input, .custom div#sidebars div#multimedia_box div#custom_box input, input#awf_field-5790930-first.text, input#awf_field-5790930-last.text, input#awf_field-5790931.text { font-size: 1.25em; margin-top: 5px; margin-bottom: 5px; width: 250px; background-color: #e6e6e6; border: 1px solid #808080; } input#awf_field-5790930-first.text { } #af-body-1732351922 div.af-element.privacyPolicy p { text-align: left; font-size: .85em; } #af-body-1732351922 div.af-element.buttonContainer input.submit, .custom div#sidebars div#multimedia_box div#custom_box input.submit { width: 100px; text-transform: uppercase; font-size: 1em; background-color: #fff4be; border-style: solid; border-top-color: #efab27; border-left-color: #f4c122; border-width: 1px; border-bottom-color: #e88446; border-right-color: #e98b40; letter-spacing: 1px; color: #b06731; padding: 3px 5px; } div.af-element { padding: 4px; width: 275px; } a#freereportlink { padding: 5px; text-align: center; background-color: #ff860c; color: #000; text-decoration: underline; width: 96%; display: inline-block; margin-bottom: -10px; } a#freereportlink:hover { background-color: #000; color: #ff860c; } div.headline_area { margin-bottom: 10px; } div.social { text-align: left; display: block; margin-bottom: 35px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dotted silver; border-bottom: 1px dotted silver; height: 25px; line-height: 25px; } div.social_button.dg, div.social_button.tm, div.social_button.fb, div.social_button.gb, div.social_button.em { float: left; line-height: 20px; margin: 0; padding: 0; width: auto; } div.social_button.tm { margin-top: 5px; } div.social_button.fb, div.social_button.gb { margin-top: 2px; } .social { border: dashed #ddd; border-width:1px 0 1px 0; margin: 0 auto 15px; display:block; padding: 3px 0 1px 0px; overflow: hidden; width: 470px; } .social .social_button {float: left; display: inline; overflow: hidden; height:22px; } .social .social_button.dg { margin: 0px 0 0; padding-top: 1px;} .social .social_button.tm { padding-top: 4px; margin-bottom: 0; margin-top: 0px; margin-left: 20px; } .social .social_button.fb { margin: 0 20px 0 -5px; padding-bottom:0px; padding-top: 2px; } .social .social_button.su { margin: 0px 0 0 19px; padding-top: 2px;} .social .social_button.em { margin: 2px 0 0 20px; padding-top: 0px;} .social .social_button.em a{background:#eee url(images/emailthis.gif) 3px 50% no-repeat; padding:2px 3px 2px 20px; font-size:10px; border:#ddd 1px solid; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .social .social_button.em a:hover {background:#ddd url(images/emailthis.gif) 3px 50% no-repeat} .social .social_button a img { border: 0; padding: 0; } .social strong { font-size: 11px; float: left; margin:2px 0 0 0; color:#555;} object#pod_audio_1, object#pod_video_1 { padding: 3px; background-color: gray; } .clear{clear:both;} /* @group pods */ .custom div#podcast_listing { margin-top: 72px; border-top: 1px dotted #544839; padding-top: 15px; padding-bottom: 10px; } .custom div#podcast_listing h2 { text-transform: uppercase; letter-spacing: 1px; padding-bottom: 0; margin-bottom: 15px; } .custom div#podcast_listing h3 { font-size: 2em; } .custom div#podcast_listing div.entry { margin-top: 15px; font-size: 1.25em; line-height: 1.5em; } .custom div#podcast_listing div.entry p { margin-bottom: 15px; } .custom div#podcast_listing .hentry.category-podcasts { margin-top: 0; padding-top: 25px; border-top: 1px dotted #544839; } .custom div#podcast_listing img.alignleft { margin-right: 15px; margin-bottom: 15px; } /* @end */