/* @override http://www.ovlc.org/wp-content/themes/thesis/custom/custom.css?062510-203153 http://www.ovlc.org/wp-content/themes/thesis/custom/custom.css?062910-00427 http://www.ovlc.org/wp-content/themes/thesis/custom/custom.css?062910-201842 http://www.ovlc.org/wp-content/themes/thesis/custom/custom.css?062910-204719 http://www.ovlc.org/wp-content/themes/thesis/custom/custom.css?062910-205515 http://www.ovlc.org/wp-content/themes/thesis/custom/custom.css?062910-214509 http://www.ovlc.org/wp-content/themes/thesis/custom/custom.css?062910-215150 http://www.ovlc.org/wp-content/themes/thesis/custom/custom.css?062910-220026 */ /* 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/ */ html { background: #514336; } body.custom { background: #514336 url(images/bkgd.png) repeat-x fixed left top; font-family: Georgia, "Times New Roman", Times, serif; } .custom li.preserve-field { font-weight: bold; } .custom span.preserve-field-value { font-weight: normal; } .custom span.preserve-image { float: left; width: 25%; } .custom span.preserve-name { float: left; height: 60px; } .custom p.preserve-details { clear: both; padding-top: 15px; } .custom div#container { width: 800px; padding: 0; display: block; } .custom div#page { padding: 0; background-color: transparent; } .custom div#content_box { background: white url(images/page_bkgd_white.png) no-repeat left top; border-style: none; margin: 0; } .custom div#content { width: 600px; } .custom div#sidebars { width: 200px; font: .9em/1em Arial, Helvetica, Geneva, sans-serif; } .custom #sidebar_1 ul.sidebar_list { padding-top: 25px; } .custom div#sidebar_1.sidebar { margin: 0; padding: 0; } .custom div.headline_area h1 { font: 3em Arial, Helvetica, Geneva, sans-serif; } .custom .sidebar h3 { font: 1.25em Arial, Helvetica, Geneva, sans-serif; color: black; } .custom div.format_text h4 { margin-top: 15px; clear: both; font-size: 16px; } h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, Geneva, sans-serif; } .custom div.format_text h3 { color: #808000; margin-bottom: 20px; margin-top: 15px; } .custom div#archive_info { padding-left: 0; } .custom div.post_box { margin-left: 20px; margin-right: 20px; } .custom div#content.hfeed { width: 555px; margin: 0 20px 0 0; } /* @group header nav */ .custom div#header { border-style: none; height: 72px; margin: 0; padding: 0; width: 800px; overflow: hidden; background: url(images/header_bkgd2.png) no-repeat left top; } .custom div#header span { background-color: transparent; display: block; height: 20px; float: left; margin-top: 22px; } .custom ul#header_links { list-style-type: none; margin-top: 29px; margin-left: 372px; height: 15px; } .custom ul#header_links li { float: left; margin-right: 25px; } .custom ul#header_links li a { display: block; height: 20px; width: 100%; text-transform: uppercase; font: .8em Arial, Helvetica, Geneva, sans-serif; color: #55473a; } .custom ul#header_links li a:hover { text-decoration: underline; } /* @end */ /* @group navigation */ .custom ul.menu { background: url(images/nav_menu_bkgd.png) no-repeat left top; border-style: none; margin: 0; font-size: 18px; font-family: Arial, Helvetica, Geneva, sans-serif; height: 38px; } .custom ul.menu li a { white-space: nowrap; background-color: transparent; color: #8A2325; font-weight: bold; font-size: 18px; padding: 8px 15px; border-style: none; letter-spacing: 0px; } /* For sub menu text */ .custom ul.menu li:hover ul { border-style: none; padding: 0; width: auto; background-color: #9FA13C; margin: 0 0 0 1px; } .custom ul.menu li:hover ul li { border-style: none; margin: 0; padding: 0; width: 100%; display: block; } .custom ul.menu li:hover a { background-color: #9FA13C; color: white; text-decoration: none; display: block; } .custom ul.menu li:hover ul li a:hover { background: #63660e; text-decoration: none; display: block; } .custom ul.menu li:hover ul li { font-size: 11px; } .custom ul.menu li:hover li a, .custom ul.menu li:hover li a:hover { width: auto; font-size: 1.1em; } .custom #page ul.menu li.tab.tab-home.current { width: 85px; } .custom #page ul.menu li.tab.tab-1 { width: 93px; } /* @end */ /* @group footer */ .custom div#footer { border-style: none; color: #ccbda8; height: 80px; background-color: transparent; padding-left: 10px; padding-right: 10px; padding-top: 12px; font: 1em/1.5em Arial; } .custom div#footer-left { text-align: left; float: left; } .custom div#footer-right { text-align: right; float: right; } .custom div#footer a { color: white; font-weight: normal; font-style: normal; text-decoration: none; } .custom p#logo, .custom h1#tagline, .custom p#tagline { text-indent: -10000px; font-size: 0; width: 0; height: 0; } /* @end */ /* @group home */ .custom div#home_top_area { height: 297px; overflow: hidden; } .custom div#home_photo { width: 400px; padding: 0; float: left; margin: 0; height: 300px; clear: both; } .custom div#home_preserve_menu { background: #43372D url(images/preserve_menu_bkgd_new.jpg) no-repeat left; float: left; color: #EEEBE5; text-align: center; width: 400px; height: 300px; } .custom div#home_preserve_menu ul { margin-top: 98px; width: 238px; margin-left: 157px; margin-top: 120px; background: url(images/white-trans-50.png) repeat; padding-top: 5px; padding-bottom: 5px; } .custom p.preserve-menu { width: 100%; height: 15px; display: block; text-align: center; margin-bottom: 3px; margin-left: 2px; margin-right: 2px; padding: 0; } .custom p.preserve-menu a{ font-size: 1.07em; font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: bold; width: 100%; padding: 2px 2px; color: black; } .custom p.preserve-menu a:hover{ background-color: white; color: #8A2325; } .custom span.preserves-home a { display: block; margin-left: 45px; margin-top: 13px; float: left; padding: 0px; width: 320px; height: 60px; } .custom div#home_bottom_area { border-style: none; background: #43372D url(images/home_bottom_bkgd.png) repeat-y left; text-align: center; font-size: 11px; width: 800px; display: inline-block; padding: 0; margin: 0; } .custom div#whats_new, .custom div#events, .custom div#right_buttons { float: left; text-align: left; width: 240px; margin-left: 20px; margin-right: 0; padding: 0; display: inline-block; height: 375px; } .custom div#whats_new br { display: block; margin-top: 3px; } .custom div#whats_new .more_link { font-weight: bold; color: #902F31; } .custom div#whats_new h3 a { display: block; color: #000000; margin-bottom: 15px; font: normal 12px Arial, Helvetica, Geneva, sans-serif; } .custom div#whats_new h3, .custom div#whats_new p, .custom div#whats_new a.more_link { margin-left: 0; padding-right: 5px; } .custom div#latest_news { border-style: none; background-color: transparent; text-align: left; width: 240px; } .custom h3.section_header { display: block; color: white; padding-left: 5px; width: 230px; height: 30px; overflow: hidden; font: 19px/30px Arial, Helvetica, Geneva, sans-serif; margin: 10px 0; } .custom div#latest_news h3.section_header { background: #686927 url(images/bkd_OVLC_news.png) no-repeat left top; } .custom div#wild_about_ojai { border-style: none; background-color: transparent; text-align: left; width: 240px; } .custom div#wild_about_ojai h3.section_header { background: #304A46 url(images/bkd_wildaboutojai.png) no-repeat left; margin-top: 25px; margin-bottom: 10px; } .custom div#events h3.section_header { background: #686927 url(images/bkd_events.png) no-repeat left; } .custom div#events ul.event_list { list-style: none; padding-left: 5px; } .custom div#events ul.event_list li span { display: block; padding: 0px; width: 240px; } .custom div#events ul.event_list li { margin-bottom: 15px; } .custom span.event_name a, .custom #events a, .custom div#whats_new a { color: #902F31; font: normal 12px Arial, Helvetica, Geneva, sans-serif; } #events h3 { margin-bottom: 12px; margin-left: 0; padding-right: 5px; } .custom #latest_news ul li, .custom #wild_about_ojai ul li, .custom #events ul li { list-style-type: none; margin-bottom: 10px; margin-left: 5px; margin-right: 8px; } #events ul li { } #wild_about_ojai ul li { } .custom div#whats_new a:hover, .custom #events a:hover { text-decoration: underline; } .custom span.event_time { font-size: 11px; font-family: Georgia; color: #666666; } .custom div#subscription_form { background: #686927 url(images/bkd-email_signup.jpg) no-repeat -8px 2px; margin-top: 10px; margin-bottom: 8px; padding: 5px; height: 170px; width: 227px; border: 4px double white; font-size: 6px; } .custom #subscription_form a { width: 100%; display: block; height: 171px; font: 19px/30px Arial, Helvetica, Geneva, sans-serif; color: white; padding-left: 6px; padding-top: 6px; text-align: left; } .custom #subscription_form a img { float: right; margin-right: 18px; margin-top: 7px; margin-left: 11px; } .custom #subscription_form a span { display: block; color: yellow; text-decoration: underline; } .custom #subscription_form p { color: white; font-size: 12px; text-align: center; margin-top: 6px; } .custom div#subscription_form label{ display: block; float: left; margin-right: 3px; color: white; width: 40px; font: bold 12px/24px Arial, Helvetica, Geneva, sans-serif; } .custom span.clear { display: block; clear: both; } .custom div#subscription_form form { margin-top: 20px; margin-left: 2px; height: 115px; } .custom div#subscription_form input { display: block; float: left; height: 20px; padding: 2px; color: gray; width: 169px; } .custom div#subscription_form input.subscription_button{ margin-left: 44px; margin-right: 0; width: 70px; height: 20px; background-color: #49716c; text-transform: uppercase; color: white; border: 1px solid white; margin-top: 10px; font: 10px/15px Arial, Helvetica, Geneva, sans-serif; } .custom div#buttons { background-color: transparent; height: 66px; } .custom li#homepage_buttons { height: 150px; clear: both; } .custom div#buttons span { background-color: transparent; display: block; height: 66px; width: 116px; float: left; } .custom div#buttons span a { display: block; height: 66px; width: 116px; } .custom span.get_details { margin-right: 10px; margin-bottom: 6px; } .custom span.get_details a { background: transparent url(images/btn_donate_today.png) no-repeat left; } .custom span.help_ovlc a { background: transparent url(images/btn_make_impact.png) no-repeat left; } .custom li.widget_homepage_buttons span.help_ovlc { margin-top: 5px; margin-bottom: 5px; } /* @end */ /* @group sidebar */ .custom li#custom_page_list { background: transparent url(images/quail_watermark.png) no-repeat left; } .custom li#custom_page_list, .custom li#linkcat-11, .custom li.preserve-custom-fields { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 7px solid #CCBDA8; } .custom li#custom_page_list h3{ margin-bottom: 30px; } .custom li#custom_page_list ul, .custom li#linkcat-11 ul { list-style-image: url(images/bullet-ovlc.png); list-style-type: circle; margin-left: 15px; } .custom li#custom_page_list a, .custom li#linkcat-11 a { color: #635547; font-weight: bold; } .custom li#custom_page_list li.current_page_item a { color: #8A2325; } .custom div#buttons a#btn_donate, .custom div#buttons a#btn_impact { margin-left: 0; } /* @end */ /* @group email_signup */ input#cmHikesandTours, input#cmWildAboutOjaiEducationPrograms, input#cmVolunteerOpportunities, input#cmOVLCEvents { width: 10px; margin-right: 10px; } #post-797 div.format_text form div { margin-top: 12px; margin-bottom: 9px; clear: both; } #post-797 div.format_text form div span.button input { width: 150px; margin: 0; padding: 6px; text-transform: uppercase; font: bold 13px Arial, Helvetica, Geneva, sans-serif; letter-spacing: 1px; background-color: #514336; color: white; } #email_options li { list-style-type: none; height: 24px; margin-top: 0; padding: 0; } ul#email_options { margin: 0; padding: 0; } #post-797 div.format_text form p { margin-bottom: -10px; margin-top: 25px; } #comments div.comments_closed p { display: none; } /* @end */ .custom img.alignright, .custom img.alignleft { border: 1px solid #514336; padding: 0; } .custom img.alignleft { margin-left: 0; margin-right: 15px; margin-bottom: 10px; } .custom img.alignright { margin-right: 0; margin-left: 15px; margin-bottom: 10px; } .custom span.preserve-name a { margin-left: 15px; line-height: 60px; } div#attachment_746.wp-caption.alignleft { margin-right: 5px; width: 243px; } div#attachment_747.wp-caption.alignleft { margin-right: 5px; } div#attachment_747.wp-caption.alignleft p.wp-caption-text { line-height: 3em; } /* @group bottom right buttons */ .custom ul#bottom_right_buttons { padding-top: 10px; float: left; } #bottom_right_buttons li.wide { overflow: hidden; } #bottom_right_buttons li.wide.last { margin-bottom: 2px; } #bottom_right_buttons li.narrow { width: 120px; height: 70px; float: left; overflow: hidden; text-align: left; margin-left: 0; } #bottom_right_buttons li.narrow.last { margin-left: 0; padding-left: 5px; width: 115px; } #bottom_right_buttons li.narrow a{ } #bottom_right_buttons li.wide a { width: 240px; display: inline-block; height: 50px; } a#btn_mitigation { } a#btn_newsletter { width: 240px; height: 50px; display: inline-block; } a#btn_past_newsletter { width: 240px; height: 50px; display: inline-block; background-position: center top; background-repeat: no-repeat; } a#btn_email { width: 240px; height: 50px; display: inline-block; } a#btn_donate { width: 115px; height: 67px; } a#btn_impact { width: 122px; height: 67px; display: inline-block; } a#btn_donate, a#btn_impact { text-indent: -100000px; margin: 0; padding: 0; display: inline-block; } a#btn_impact { } /* @end */