/* @override http://ovlc.org.dh-temp.com/wp-content/themes/thesis/custom/custom.css?100909-131014 http://ovlc.org.dh-temp.com/wp-content/themes/thesis/custom/custom.css?100909-151040 http://www.ovlc.org/wp-content/themes/thesis/custom/custom.css?100909-161050 http://www.ovlc.org/wp-content/themes/thesis/custom/custom.css?101309-141036 http://www.ovlc.org/wp-content/themes/thesis/custom/custom.css?102309-194651 */ /* 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/ */ li.preserve-field { font-weight: bold; } span.preserve-field-value { font-weight: normal; } span.preserve-image { float: left; width: 25%; } span.preserve-name { float: left; height: 60px; } p.preserve-details { clear: both; padding-top: 15px; } body { background: #514336 url(images/bkgd.png) repeat-x fixed left top; font-family: Georgia, "Times New Roman", Times, serif; } div#container { width: 800px; padding: 0; display: block; } div#page { padding: 0; background-color: transparent; } div#content_box { background: white url(images/page_bkgd_white.png) no-repeat left top; border-style: none; margin: 0; } div#content { width: 600px; } div#sidebars { width: 200px; font: .9em/1em Arial, Helvetica, Geneva, sans-serif; } #sidebar_1 ul.sidebar_list { padding-top: 25px; } div#sidebar_1.sidebar { margin: 0; padding: 0; } div.headline_area h1 { font: 3em Arial, Helvetica, Geneva, sans-serif; } .sidebar h3 { font: 1.25em Arial, Helvetica, Geneva, sans-serif; color: black; } .custom div.preserves_map { background: transparent url(images/preserves_map_new.jpg) no-repeat left; width: 575px; height: 445px; } 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; } div.format_text h3 { color: #808000; margin-bottom: 20px; margin-top: 15px; } div#archive_info { padding-left: 0; } div.post_box { margin-left: 20px; margin-right: 20px; } div#content.hfeed { width: 555px; margin: 0 20px 0 0; } /* @group header nav */ 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; } div#header span { background-color: transparent; display: block; height: 20px; float: left; margin-top: 22px; } ul#header_links { list-style-type: none; margin-top: 29px; margin-left: 372px; height: 15px; } ul#header_links li { float: left; margin-right: 25px; } ul#header_links li a { display: block; height: 20px; width: 100%; text-transform: uppercase; font: .8em Arial, Helvetica, Geneva, sans-serif; color: #55473a; } 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: 20px; font-family: Arial, Helvetica, Geneva, sans-serif; } .custom ul.menu li a { white-space: nowrap; background-color: transparent; color: #8A2325; font-weight: bold; font-size: 20px; padding: 8px 15px; border-style: none; letter-spacing: 0px; } /* For sub menu text */ .custom ul.menu li:hover ul { border-style: none; margin: 0 0 0 2px; padding: 0; width: auto; background-color: #9FA13C; } .custom ul.menu li:hover ul li { border-style: none; margin: 0; padding: 0; } .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; width: 100%; } .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; } /* @end */ /* @group footer */ 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; } div#footer-left { text-align: left; float: left; } div#footer-right { text-align: right; float: right; } div#footer a { color: white; font-weight: normal; font-style: normal; text-decoration: none; } p#logo, h1#tagline, p#tagline { text-indent: -10000px; font-size: 0; width: 0; height: 0; } h1#tagline { } /* @end */ /* @group home */ div#home_top_area { height: 300px; } div#home_photo { width: 400px; padding: 0; float: left; margin: 0; height: 300px; clear: both; } 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; } 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; } p.preserve-menu { width: 100%; height: 15px; display: block; text-align: center; margin-bottom: 3px; margin-left: 2px; margin-right: 2px; padding: 0; } 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; } p.preserve-menu a:hover { background-color: white; color: #8A2325; } span.preserves-home a { display: block; margin-left: 45px; margin-top: 13px; float: left; padding: 0px; width: 320px; height: 60px; } div#home_bottom_area { border-style: none; background: #43372D url(images/home_bottom_bkgd.png) repeat-y left; float: left; text-align: center; font-size: 11px; width: 800px; padding-bottom: 15px; } div#whats_new, div#events, div#subscription { border-style: none; background-color: transparent; float: left; text-align: left; width: 242px; margin-left: 18px; margin-right: 0; } div#whats_new br { display: block; margin-top: 3px; } div#whats_new .more_link { font-weight: bold; color: #902F31; } div#whats_new h3 a { display: block; color: #000000; margin-bottom: 5px; font: bold 12px Arial, Helvetica, Geneva, sans-serif; } div#whats_new h3, div#whats_new p, div#whats_new a.more_link { padding-left: 5px; } div#latest_news { border-style: none; background-color: transparent; text-align: left; width: 240px; } span.section_header { display: block; margin-top: 10px; margin-bottom: 8px; color: white; padding-left: 5px; width: 235px; height: 30px; overflow: hidden; font: 19px/30px Arial, Helvetica, Geneva, sans-serif; } div#latest_news span.section_header { background: #686927 url(images/bkd_OVLC_news.png) no-repeat left top; } div#wild_about_ojai { border-style: none; background-color: transparent; text-align: left; width: 240px; } div#wild_about_ojai span.section_header { background: #304A46 url(images/bkd_wildaboutojai.png) no-repeat left; } div#events span.section_header { background: #686927 url(images/bkd_events.png) no-repeat left; } div#events ul.event_list { list-style: none; padding-left: 5px; } div#events ul.event_list li span { display: block; padding: 0px; width: 240px; } div#events ul.event_list li { margin-bottom: 15px; } span.event_name a, #events a { color: #902F31; font: bold 12px Arial, Helvetica, Geneva, sans-serif; } #events a { } span.event_time { font-size: 11px; font-family: Georgia; color: #666666; } 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; } #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; } #subscription_form a img { float: right; margin-right: 18px; margin-top: 7px; margin-left: 11px; } #subscription_form a span { display: block; color: yellow; text-decoration: underline; } #subscription_form p { color: white; font-size: 12px; text-align: center; margin-top: 6px; } div#subscription_form label { display: block; float: left; margin-right: 3px; color: white; width: 40px; font: bold 12px/24px Arial, Helvetica, Geneva, sans-serif; } span.clear { display: block; clear: both; } div#subscription_form form { margin-top: 20px; margin-left: 2px; height: 115px; } div#subscription_form input { display: block; float: left; height: 20px; padding: 2px; color: gray; width: 169px; } 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; } div#buttons { background-color: transparent; height: 66px; } li#homepage_buttons { height: 150px; clear: both; } div#buttons span { background-color: transparent; display: block; height: 66px; width: 116px; float: left; } div#buttons span a { display: block; height: 66px; width: 116px; } span.get_details { margin-right: 10px; margin-bottom: 6px; } span.get_details a { background: transparent url(images/btn_join_us.gif) no-repeat left; } span.help_ovlc a { background: transparent url(images/help_ovlc_bkgd.png) no-repeat left; } 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: 13px; 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; } /* @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; }