/* @override http://healingearthresources.dev/stylesheets/layout.css */ body { background: #fefef6 url(/images/bg_collage.jpg) no-repeat 50% 0; } #page_container { width: 820px; margin: 32px auto 0; } #content_container { clear: both; } #header h1 { margin: 0 0 5px; } #header h1 a { display: block; width: 100%; height: 134px; background: transparent url(/images/logo.jpg) no-repeat 0 0; text-indent: -5000px; } #subnav { float: left; width: 170px; min-height: 340px; background: transparent url(/images/shadow_l.png) no-repeat 100% -50px; margin-right: 30px; } #subnav ul { list-style: none; margin: 24px 0 150px; border-top: 1px solid #f0f0e1; } #subnav li { border-bottom: 1px solid #f0f0e1; } #subnav a { display: block; line-height: 1.5em; padding: 5px 10px; color: #3e6e5d; } #subnav a:hover { background: #fafae5; color: #14523d} #subnav li.selected a { background: #f2f2de; color: #6C71A3; font-weight: bold; } #content { float: left; width: 420px; z-index: 2; position: relative; } #content h1 { color: #6c71a3; font-style: italic; font-size: 28px; background: transparent url(/images/leaves_tl.gif) no-repeat 0 0; padding: 2px 0 0 24px; margin-left: -24px; } #content h1 small { display: block; color: #666659; font-size: 15px; padding-left: 2px; } #content.full { width: 600px; } #aside { float: right; width: 160px; font-size: 12px; color: #667F72; z-index: 1; } #aside ul, #aside p { clear: left; } #aside a { color: #667F72; } .large_aside_photo { margin: -15px 0 15px -44px; } #contact_images { width: 214px; height: 277px; } #footer { clear: both; text-align: center; font-size: .91em; font-style: italic; color: #678076; padding: 3em 0 35px; margin: 0 0 2em; background: transparent url(/images/hr.gif) no-repeat 50% 100%; } #footer ul { list-style: none; margin: 0; background: transparent url(/images/leaves_t.gif) 50% 0 no-repeat; padding-top: 40px; } #footer li { display: inline; padding: .5em; } #footer a { color: #678076; } .map { border: 1px solid #cdd8ce; padding: 5px; width: 580px; margin-bottom: .5em; } /* NAV =============================================================================*/ #nav { background: transparent url(/images/nav.jpg) no-repeat 0 -44px; float: left; width: 100%; height: 44px; margin-bottom: 18px; } #nav ul { list-style: none; margin: 0; float: left; width: 100%; } #nav li { float: left; } #nav a { display: block; height: 44px; background: transparent url(/images/nav.jpg) no-repeat 0 0; text-indent: -5000px; } #nav a:hover { background-image: none; } #nav .nav_home a { width: 116px; background-position: 0 0; } #nav .nav_about a { width: 180px; background-position: -116px 0; } #nav .nav_services a { width: 162px; background-position: -296px 0; } #nav .nav_practitioners a { width: 158px; background-position: -458px 0; } #nav .nav_contact a { width: 204px; background-position: -616px 0; } .home #nav .nav_home a { background-image: url(/images/nav.jpg); background-position: 0 -88px; } .about #nav .nav_about a { background-image: url(/images/nav.jpg); background-position: -116px -88px; } .services #nav .nav_services a { background-image: url(/images/nav.jpg); background-position: -296px -88px; } .practitioners #nav .nav_practitioners a { background-image: url(/images/nav.jpg); background-position: -458px -88px; } .contact #nav .nav_contact a { background-image: url(/images/nav.jpg); background-position: -616px -88px; } /* VCARD =============================================================================*/ .vcard p { margin-bottom: 0; } .vcard abbr { border-bottom: 0; } .vcard .adr, .vcard .telecommunications { margin-bottom: .8em; } .vcard .country-name { display: none; } /* HOMEPAGE =============================================================================*/ .home #nav { margin-bottom: 5px; } .home #banner { background: transparent url(/images/banner_1.jpg) no-repeat 0 0; height: 196px; margin-bottom: 15px; } .home #banner p { text-indent: -5000px; } .home #banner img { z-index: 100; } #where_to_start { position: relative; float: right; margin-top: -210px; margin-right: -5px; background: transparent url(/images/bg_wheretostart.png) no-repeat 0 0; width: 210px; height: 322px; padding: 22px 23px 0 35px; font-size: 13px; z-index: 500; } #where_to_start h2 { } #where_to_start p { clear: left; } #where_to_start ul { font-style: italic; } #where_to_start li a { color: #355952; } #where_to_start li a:hover { color: #4e9b8c; } body.home #content { width: 550px; } #practitioners { margin-bottom: 1.5em; overflow: auto; } #practitioners h2 { background: transparent url(/images/leaves_tl.gif) no-repeat 0 0; padding: 8px 0 0 24px; } #practitioners h3 { font-size: 16px; color: #3E665D; margin-bottom: .5em; } #practitioners h3 small { font-size: 13px; color: #4c4c43; font-style: italic; } #content h1 small { display: block; color: #666659; font-size: 15px; padding-left: 2px; } #practitioners h3, #practitioners p { clear: none; float: right; width: 380px; margin-right: 10px; } #upcoming_classes { } .home #upcoming_classes { float: left; width: 300px; } .home #upcoming_classes h2 { padding-left:24px; } #upcoming_classes ul { list-style: none; margin: 0; clear: left; } #upcoming_classes li { margin-left: 60px; margin-bottom: 1.5em; position: relative; } #upcoming_classes img.left { margin-left: -60px; position: absolute; top: 4px;; margin-bottom: 1.5em; } #upcoming_classes h3 { clear: none; margin: 0; line-height: 1.4; } #upcoming_classes h3 a { color: #3E665D; font-weight: normal; } #upcoming_classes p { font-size: 12px; line-height: 1.6; } #upcoming_classes p.date { margin-bottom: 0; font-style: italic; } #bookshelf_giftcerts { float: right; width: 242px; margin-right: -10px; } #bookshelf, #giftcerts, #kn, #choffy { display: block; height: 75px; background: transparent url(/images/bookshelf.jpg) no-repeat 0 0; text-indent: -5000px; } #giftcerts { background-image: url(/images/giftcertificates.jpg); } #kn { height: 95px; background-image: url(/images/visitkn.jpg); } #choffy { height: 137px; background-image: url(/images/choffy.jpg); } #bookshelf_giftcerts a:hover { border: none; } .home #aside { width: 240px; background: transparent url(/images/shadow_r.png) no-repeat 0 20px; margin-top: -120px; padding: 140px 0 200px 20px; font-size: 12px; z-index: 1 } .home #aside a { color: #377bbf; } .home #aside input.textfield { width: 80%; border: 1px solid #ddd5c7; background: #fff; line-height: 18px; height: 18px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .home .vcard .email { display: none; } #blog_icon { display: block; text-indent: -5000px; background: transparent url(/images/home_blog.jpg) no-repeat 0 0; width: 229px; height: 97px; } #blog_icon:hover { border: none !important; } /* BOOKSHELF =============================================================================*/ ul.books { list-style: none; margin: 0; } ul.books li { clear: left; background: transparent url(/images/shelf.jpg) 0 100% no-repeat; overflow: hidden; margin-bottom: 10px; padding-bottom: 37px; } ul.books .cover { float: left; margin: 1px 16px 0; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.5); } ul.books a.cover:hover { border: none !important; } ul.books h3 { clear: none; margin-top: .5em; margin-bottom: .3em; } ul.books p { margin-bottom: .5em; font-size: 12px; }