/* Innovative Therapy Services styles */ /* by Douglas Graves */ /*---------------------------- COLOR PALETTE blue: #2b87a7 -or- #3787ad tan: #b3a996 cream: #ece0cc gray: #666 ----------------------------*/ /*----------------------------------------- Reset browser defaults -----------------------------------------*/ html { font-size:100%; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, table, th, td, form, fieldset, legend, input, select, textarea, button { margin:0; padding:0; font-size:1em; font-weight:normal; } img { border:0; } ul { list-style-type:none; } .skiplink { position:absolute; top:0; left:-999px; width:9em; padding:5px; color:#222; background-color:#eee; border:1px solid #666; text-align:center; z-index:1000; } .skiplink:focus { left:0; } /*----------------------------------------- Basic HTML elements -----------------------------------------*/ a { color:#3787ad; text-decoration:none; } a:hover { color:#666; } p { margin-bottom:1em; } h1, h2, h3, h4, h5, h6 { font-family:"Goudy Oldstyle", Goudy, Times, serif; color:#3787ad; line-height:1.1em; } h1 { font-size:3em; } h2 { font-size:2.2em; } h3 { font-size:1.6em; margin-top:35px; } h4 { font-size:1.475em; } h5 { font-size:1.1em; } h6 { font-size:1.1em; } ol { padding-left:1em; } blockquote { margin:0; padding:0 1em; } #content ul { list-style-type:disc; padding-left:2em; margin:-.5em 0 1em; } #content li {margin:.3em 0;} .hidden { display:none; } .more { display:block; text-align:right; font-weight:bold; } /* Tables */ table { border-spacing:1px; border-collapse:collapse; margin-bottom:1em;} th { font-weight:bold; background-color:#500; color:#fff; text-align:left; } td,th { border:1px solid #ccc; vertical-align:top; padding:2px 5px; } /* Structure */ body { background:#0b5470 url(/images/backgrounds/body.gif) repeat-x top center; color:#666; font:0.8125em/1.308em "Helvetica Neue",Helvetica,sans-serif; } #container { width:860px; margin:50px auto 0; background:url(/images/backgrounds/container.png) repeat-y top left; } #header { width:810px; margin:0 auto; padding:20px 20px 10px; background:url(/images/backgrounds/header.gif) repeat-y top left; border-top:1px solid #b3a996; position:relative; } /*----------------------------------------- Navigation -----------------------------------------*/ #navigation { position:absolute; right:4px; top:76px; z-index:150; } #navigation li { float:left; position:relative; } #navigation li a { color:#b3a996; text-transform:lowercase; font-size:1.3em; padding:4px 25px 10px; display:block; outline:none; } #navigation li a:hover { background:#2a86a6; color:#fff; } #navigation li.active a { background:#2a86a6; color:#fff; } /* Subnavigation */ #nav_closer { position:fixed; z-index:100; width:100%; height:100%; background-color:red; opacity:.5; } .subnavigation.active { display:block; } .subnavigation { display:none; background-color:rgba(0, 0, 0, .4); width:858px; height:156px; position:absolute; z-index:200; top:34px; } .subnavigation li { height:156px; width:100px; margin:0 20px; position:relative; opacity:.8; } .subnavigation li:first-child { margin-left:95px; } #navigation .subnavigation li:hover { background:url(/images/backgrounds/subnavigation.png) repeat-x center bottom; opacity:1; } #navigation .subnavigation li a { margin:0 auto; height:60px; width:100%; padding:90px 0 0; text-align:center; position:absolute; bottom:0px; color:#fff; background:url(/images/icons/faq.png) no-repeat center 20px; font-size:1.2em; letter-spacing:.01em; } /* Subnavigation-specific styles */ #nav_about .subnavigation { left:-444px } #nav_clinic { background-image:url(/images/icons/clinic.png) !important; } #nav_staff { background-image:url(/images/icons/staff.png) !important; } #nav_photos { background-image:url(/images/icons/photos.png) !important; } #nav_location { background-image:url(/images/icons/location.png) !important; } #nav_blog { background-image:url(/images/icons/blog.png) !important; } #nav_services .subnavigation { left:-538px; } #nav_services .subnavigation li:first-child { margin-left:30px; } #nav_clinicservices { background-image:url(/images/icons/clinicservices.png) !important; } #nav_parentservices { background-image:url(/images/icons/parentservices.png) !important; } #nav_pairedpragmatic { background-image:url(/images/icons/pairedpragmatic.png) !important; background-position:center 28px !important; } #nav_workshops { background-image:url(/images/icons/workshops.png) !important; } #nav_screening { background-image:url(/images/icons/screening.png) !important; } #nav_specialprograms { background-image:url(/images/icons/specialprograms.png) !important; background-position:center 28px !important; } #nav_forms .subnavigation { left:-650px; } #nav_forms .subnavigation li:first-child { margin-left:190px; } #nav_newclient { background-image:url(/images/icons/pdf.png) !important; } #nav_toddlers { background-image:url(/images/icons/pdf.png) !important; } #nav_preschool { background-image:url(/images/icons/pdf.png) !important; } #nav_school { background-image:url(/images/icons/pdf.png) !important; } #nav_middleschool { background-image:url(/images/icons/pdf.png) !important; } /* ----------------------------------------- Basic Structure ----------------------------------------- */ #photobar { background:url(/images/backgrounds/photobar.png) repeat-x; width:856px; margin:0 auto -9px; padding:8px 0; position:relative; z-index:100; } #photobar img { position:relative; top:-1px; left:-1px; background:url(/images/backgrounds/photobar.png) repeat-x bottom center; padding-bottom:3px; } #page { background:#ece0cc url(/images/backgrounds/page.gif) repeat-x bottom; width:825px; margin:0 auto; padding:30px 0 10px 25px; position:relative; min-height:550px; border-bottom:1px solid #b3a996; } #content { float:left; width:485px; margin-right:25px; } #content p { line-height:1.6em; } p.intro { font-size:1.15em; font-style:italic; } #sidebar { position:relative; width:315px; right:-4px; float:left; } .feature { border:5px solid #3787ad; border-width:5px 0 5px 5px; margin-bottom:32px; padding:15px 25px 10px 20px; background:#b0cbd4 url(/images/backgrounds/feature.gif) repeat-y; position:relative; } .feature h4 { margin-bottom:.5em; text-indent:45px; } .feature .first_line { text-indent:33px; } .icon { position:absolute; top:-15px; left:-18px; height:67px; width:67px; } /* ----------------------------------------- Features styles ----------------------------------------- */ #faq_feature p { padding-left:.6em; } #faq_feature .icon { background:url(/images/icons/faq.png) no-repeat; } #blog_feature .icon { background:url(/images/icons/blog.png) no-repeat; } #blog_feature li { margin-bottom:1em; } #blog_feature li a { color:#666; } #blog_feature li a:hover { color:#3787ad; } #blog_feature .date { color:#3787ad; } #contact_feature .icon { background:url(/images/icons/mailinglist.png) no-repeat; height:62px; width:70px; top:-8px; } #contact_feature form fieldset { border:none; } #contact_feature form legend { margin-bottom:1px; color:#3787ad; } #contact_feature form ol { padding-left:0; } #contact_feature form ol li { list-style-type:none; } #contact_feature form ol li label { color:#3787ad; margin-bottom:1px; } #contact_feature form ol li input { border:1px solid #888; width:263px; margin-bottom:5px; color:#444; padding:1px 2px; } #contact_feature form textarea { border:1px solid #888; padding:1px 2px; color:#444; font:0.9em/1.308em "Helvetica Neue",Helvetica,sans-serif; letter-spacing:.02em; } #contact_feature form #sendbutton { color:#666; float:right; margin-top:5px; } #location_feature .icon { background:url(/images/icons/location.png) no-repeat; top:-25px; left:-20px; } #location_feature img { border:1px solid #999; } #location_feature img:hover { border-color:#3787ad; } #location_feature p { font-size:0.9em; } .clear { clear:both; } #footer { background:url(/images/backgrounds/footer.png) repeat-x; width:844px; margin:0 auto 50px; padding:10px 0 0 10px; } #footer h6 { float:left; margin-right:5px; line-height:1.4em; font-weight:bold; } #footer p { color:#3787AD; float:left; font-size:.9em; line-height:1.65em; } #footer #metanavigation { float:right; } #footer li { display:inline; } #footer li a { color:#bbb; text-transform:lowercase; font-size:1em; padding:10px 8px; } #footer li a:hover { color:#fff; } /* -------------------------------------------------------------------- Page-specific styles -------------------------------------------------------------------- */ /* Staff styles */ .staff_photo { border:4px solid #3787ad; float:left; margin:6px 15px 0 0; } body#staff .image_placeholder { width:100px; height:100px; float:left; margin:6px 15px 0 0; padding:10px; background-color:#3787ad; color:#fff; } /* Photo page styles */ body#photos #content ul { padding:0; } body#photos #content li { float:left; margin:14px; list-style-type:none; } body#photos #content li img { width:160px; border:2px solid #3787ad; }