/* @override http://ojaipilates.com.dh-temp.com/wp-content/themes/thesis/custom/custom.css?031109-150321 http://ojaipilates.com.dh-temp.com/wp-content/themes/thesis/custom/custom.css?031209-110348 http://ojaipilates.com.dh-temp.com/wp-content/themes/thesis/custom/custom.css?040809-100456 http://ojaipilates.com.dh-temp.com/wp-content/themes/thesis/custom/custom.css?040809-100451 http://ojaipilates.com.dh-temp.com/wp-content/themes/thesis/custom/custom.css?040809-100439 http://ojaipilates.com.dh-temp.com/wp-content/themes/thesis/custom/custom.css?061009-150623 http://www.ojaipilates.com/wp-content/themes/thesis/custom/custom.css?061209-200605 */ /* 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: #f5f4b9 url(images/background.png) repeat-x left top; color: #3f3f3f; margin: 0; padding: 0; } #content_box { border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; font-size: 1em; margin: 0; padding: 0; background: white url(images/content_bkgd.png) no-repeat left top; } div#content { clear: both; padding-left: 15px; width: 557px; } body.custom.home-page #content_box { background-image: none; } div#page { margin-top: 5px; } #NBP-sidebar-logo img { margin-left: 10px; } /* @group navigation */ ul#tabs { height: 60px; border-style: none; background-color: transparent; margin: 0; padding: 0; top: 0; font-size: 1.1em; } ul#tabs li, ul#tabs li.current_page_item { height: 66px; border-style: none; background-color: transparent; width: 130px; margin-right: 10px; text-align: center; line-height: 66px; } ul#tabs li a, ul#tabs li.page_item a { height: 60px; width: 130px; background: transparent url(images/navtab_inactive.png) left top; text-align: center; line-height: 66px; margin: 0 5px 0 0; padding: 0; } ul#tabs li.current_page_item a, ul#tabs li.page_item.page-item-2.current_page_item a, ul#tabs li.page_item.page-item-3.current_page_item a, ul#tabs li.page_item.page-item-4.current_page_item a, ul#tabs li.page_item.page-item-5.current_page_item a { width: 130px; height: 60px; background: transparent url(images/navtab_active.png) left top; text-align: center; line-height: 66px; padding: 0; margin: 0 10px 0 0; } ul#tabs li.rss a { background: url(images/rss_home_icon.png) no-repeat 0 50%; text-align: left; margin: 0; padding: 0 0 0 45px; width: 95px; color: gray; } /* @end */ /* @group header */ div#header { display: none; } /* @end */ /* @group footer */ div#footer { text-align: center; margin-top: 0; padding: 0; border-top-style: none; color: black; font-size: 1em; } #footer p { margin-top: 15px; } #footer p a { color: #3f3f3f; } /* @end */ /* @group main home content */ div#home_message { height: 396px; background: url(images/home-image.jpg) no-repeat 8px 8px; padding-left: 572px; padding-right: 15px; } #home_message p { font-size: 1.2em; line-height: 1.5em; padding-left: 0; margin-bottom: 8px; } #home_message h3 { height: 60px; background: url(images/icon-headline.png) no-repeat 0 15px; margin-top: 0; padding-top: 8px; padding-left: 84px; line-height: 60px; font-size: 1.5em; overflow: hidden; margin-bottom: 15px; width: 193px; margin-left: 0; float: left; padding-right: 8px; } #home_message p img { } /* @end */ /* @group home sell points */ #home_bottom_content_row { height: 225px; margin: 0; padding: 0; display: block; background: #a8a998 url(images/bkgd-sell-pt.png) repeat-x 0 61px; width: 100%; } div#sell-point-one, div#sell-point-two, div#sell-point-three { width: 285px; display: inline; float: left; margin: 0; padding: 0; height: 225px; } div#sell-point-one, div#sell-point-two { border-right: 1px solid white; } #sell-point-one h3 { background: #f78f91 url(images/icon-sell-pt-1.png) no-repeat 8px 50%; height: 60px; padding-left: 97px; line-height: 60px; font-size: 18px; color: gray; } #sell-point-two h3 { background: #84cf71 url(images/icon-sell-pt-2.png) no-repeat 8px 50%; height: 60px; padding-left: 97px; line-height: 60px; font-size: 18px; color: gray; } #sell-point-three h3 { background: #b77db8 url(images/icon-sell-pt-3.png) no-repeat 8px 50%; height: 60px; padding-left: 97px; line-height: 60px; font-size: 18px; color: gray; } #sell-point-one h3 a, #sell-point-two h3 a, #sell-point-three h3 a { color: #3f3f3f; margin: 0; padding: 0; } #sell-point-one p, #sell-point-two p, #sell-point-three p { padding: 20px 20px 5px; margin: 0; font-size: 1.25em; line-height: 1.5em; } #sell-point-one a.more_link, #sell-point-two a.more_link, #sell-point-three a.more_link { float: right; margin-right: 10px; margin-top: 0; font-size: 1.1em; } /* @end */ /* @group sidebars */ div#sidebars { width: 250px; padding: 18px 10px 100px 20px; } ul.sidebar_list h3 { font-variant: normal; font-size: 1.2em; border-bottom: 1px solid gray; padding-bottom: 2px; } /* @end */ p.sch-date { margin-left: 0; clear: both; margin-top: 0; margin-bottom: 0; padding-bottom: 0; } #pilates-schedule h3 { font-weight: bold; } #pilates-schedule p.sch-date { margin-bottom: 5px; } #home_message p.sch-date { margin-left: 25px; margin-bottom: 12px; } #home_message p.sch-details { margin-left: 110px; margin-bottom: 1px; margin-top: -3px; } p.sch-details span.sch-instructor { color: gray; } p.sch-details span.sch-class { font-weight: bold; } p.sch-date span.sch-time { color: gray; } p.sch-details { margin-left: 80px; margin-bottom: 5px; } div.textwidget { font-size: .8em; } #text-456902101 div.textwidget p strong { }