/* Theme Name: Dr. Anderson Theme URI: http://www.seanmccambridge.com Description: Custom Theme for Dr. Charles Anderson, DMD, LLC Author: Sean McCambridge Version: 1.0 Tags: custom */ @charset "UTF-8"; @import "reset.css"; /* ------------------------------------------------------------------------- DR ANDERSON STYLES ___________________ */ /* ---------------------------- HTML SELECTORS ____________________________ */ html { background: url(media/layout/front/page-bg-ll.jpg) 0 10px repeat-x #fff; } html.home { background: url(media/layout/front/page-bg.jpg) center 10px repeat-x #fff; } body { background: url(media/layout/front/bg-ll.jpg) center 10px no-repeat; font:19px/27px 'Crimson Text', 'Times New Roman', Times, serif; color: #32382b; margin: 0; padding: 0; } body.home { background: url(media/layout/front/bg.jpg) center 10px no-repeat; } a { color: #32382b; text-decoration: underline; font-weight: bold; } a:hover { color: #76683D; text-decoration: underline; } h1, h2 { font-size: 26px; line-height: 28px; font-weight: normal; letter-spacing: -1px; color: #3F4A40; } h3 { font-size: 14px; text-transform: uppercase; margin: 8px 0; font-weight: normal; margin: 24px 0 12px; font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif; font-weight: bold; border-bottom: 1px solid #9cb69f; clear: both; } h4 { font-size: 12px; text-transform: uppercase; margin: 8px 0; font-weight: normal; margin: 0; font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif; font-weight: bold; } h5 { font-size: 12px; margin: 8px 0; font-weight: normal; margin: 0; font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif; font-weight: normal; } h6 { font-size: 10px; margin: 8px 0; font-weight: normal; margin: 0; font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif; font-weight: normal; } ul { margin-left: 20px; } ol { margin-left: 36px; } hr { color: #698a6d; background-color: #698a6d; } label { } textarea { display: block; } table { width: 100%; border-collapse: collapse; border: 1px solid #b3d6b6; } thead { background-color: #3E4B3F; } thead tr { } thead th { text-align: left; padding: 3px 6px; color: #FFEBB2; } tbody { } tbody tr { border: 1px solid #ccc; } tbody td { padding: 3px 6px; } tbody td.tc, thead th.tc { text-align: center; } /* ---------------------------- GENERAL LAYOUT ____________________________ */ #top-wrapper { height: 10px; background-color: #4F5646; border-top: 1px solid #4F5646; } #wrapper { width: 960px; margin: 0 auto; } #header { height: 138px; } .home #header { height: 160px; } #logo { background: url(media/layout/front/logo.png) no-repeat; text-indent: -9999px; width: 634px; height: 36px; margin: 5px 0 8px 115px; } #logo a { display: block; width: 634px; height: 36px; } ul#navigation { margin: 11px 0 12px 142px; list-style: none; height: 18px; } ul#navigation li { height: 18px; margin: 0 0 0 17px; float: left; } ul#navigation li a { text-indent: -9999px; background: url(media/layout/front/navigation.png) no-repeat; float: left; display: block; height: 18px; } ul#navigation li a#nav-services { width: 71px; background-position: 0 0; } ul#navigation li a#nav-services.active { background-position: 0 -18px; } ul#navigation li a#nav-services:hover { background-position: 0 -36px; } ul#navigation li a#nav-studies { width: 105px; background-position: -88px 0; } ul#navigation li a#nav-studies.active { background-position: -88px -18px; } ul#navigation li a#nav-studies:hover { background-position: -88px -36px; } ul#navigation li a#nav-videos { width: 57px; background-position: -210px 0; } ul#navigation li a#nav-videos.active { background-position: -210px -36px; } ul#navigation li a#nav-videos:hover { background-position: -210px -36px; } ul#navigation li a#nav-testimonials { width: 105px; background-position: -284px 0; } ul#navigation li a#nav-testimonials.active { background-position: -284px -36px; } ul#navigation li a#nav-testimonials:hover { background-position: -284px -36px; } ul#navigation li a#nav-faq { width: 31px; background-position: -405px 0; } ul#navigation li a#nav-faq.active { background-position: -405px -36px; } ul#navigation li a#nav-faq:hover { background-position: -405px -36px; } ul#navigation li a#nav-about { width: 74px; background-position: -453px 0; } ul#navigation li a#nav-about.active { background-position: -453px -36px; } ul#navigation li a#nav-about:hover { background-position: -453px -36px; } ul#navigation li a#nav-blog { width: 39px; background-position: -544px 0; } ul#navigation li a#nav-blog.active { background-position: -544px -36px; } ul#navigation li a#nav-blog:hover { background-position: -544px -36px; } ul#navigation li a#nav-contact { width: 65px; background-position: -600px 0; } ul#navigation li a#nav-contact.active { background-position: -600px -36px; } ul#navigation li a#nav-contact:hover { background-position: -600px -36px; } p#address { margin: 0 0 8px 159px; font-weight: bold; font-size: 17px; letter-spacing: -1px; color: #2b3123; width: 600px; float: left; } div#directions-button { float: left; padding-left: 34px; } div#directions-button a { display: block; text-indent: -9999px; background: url(media/layout/front/directions-button.png) no-repeat; width: 159px; height: 27px; } #footer { border-top: 1px solid #9cb69f; margin: 20px 0; } /* ---------------------------- HOME PAGE ____________________________ */ #excellence h2 { width: 391px; height: 32px; text-indent: -9999px; background: url(media/layout/front/h2-excellence.png) no-repeat; margin: 0 0 6px; } #excellence div { float: left; width: 150px; margin-right: 10px; } #excellence div img { border: 3px solid #818C6A; } #excellence p { margin: 0; } #excellence p a { text-decoration: none; } #like-family h2 { width: 471px; height: 32px; text-indent: -9999px; background: url(media/layout/front/h2-like-family.png) no-repeat; margin-top: 24px; } #dental-services h2 { width: 292px; height: 32px; text-indent: -9999px; background: url(media/layout/front/h2-services.png) no-repeat; margin-top: 24px; } #dental-services ul li { width: 200px; float: left; margin-right: 10px; margin-bottom: 9px; font-size: 15px; } #dental-services a { font-weight: normal; } #our-location h2 { width: 344px; height: 32px; text-indent: -9999px; background: url(media/layout/front/h2-location.png) no-repeat; margin-top: 24px; } #content { float: left; width: 620px; } #content h1, #content h2 { margin: 30px 0 15px; } #sidebar { float: right; width: 310px; } #sidebar ul { list-style: none; margin: 30px 0 15px; } #sidebear ul li { } #sidebar ul li h2 { margin: 24px 0 6px; } #sidebar ul li ul { margin: 6px 0; padding: 0; } #sidebar ul li ul li { font-size: 17px; margin: 0; padding: 0; } /* ---------------------------- PAGE/SECTION SPECIFIC ____________________________ */ #like-family p { margin-left: 6px; } #googleMap { width: 314px; height: 340px; border: 3px solid #8E7E4D; margin-top: 24px; } /* --------------------------- DESIGN CLASSES ___________________________ */ .left-col-50 { width: 470px; float: left; } .right-col-50 { width: 470px; float: right; } .left-col-75 { width: 705px; float: left; } .right-col-25 { width: 235px; float: right; } .left-col-66 { width: 608px; float: left; } .right-col-33 { width: 320px; float: right; } .outlined { border: 1px solid #b3d6b6; padding: 4px 16px 16px; margin: 12px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: url(media/layout/header-green.png) repeat-x; } .outlined h1, .outlined h2 { color: #FFEBB2; margin: 0 0 15px; font-size: 22px; } h1.tight-heading, h2.tight-heading { margin-bottom: 0; } p.tight-heading { margin-top: 0; } .veranda { font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif; } .first { margin-left: 0 !important; } .last { margin-right: 0 !important; } .border { border: 3px solid #32382B; } .fancy-border { border-top: 3px solid #818C6A; border-left: 3px solid #818C6A; border-right: 3px solid #666e56; border-bottom: 3px solid #515746; } .alt-text { font-size: 18px; letter-spacing: -1px; } .inset { background-color: #fff; padding: 12px; border: 1px solid #aaa; width: 296px; font-family: 'Crimson Text'; font-size: 16px; line-height: 22px; box-shadow: 0 0 5px #888; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; } .inset h1, .inset h2 { margin-top: 0; font-family: 'Crimson Text'; } .form-allowed-tags { font-size: 16px; } .case-study img { display: none; } /* ---------------------------- UTILITY CLASSES ____________________________ */ div.clear { overflow: hidden; height: 1px; clear: both; } div.clear-right { overflow: hidden; height: 1px; clear: right; } img.alignRight { float: right; margin: 0 0 15px 15px; } img.alignLeft { float: left; margin: 0 15px 15px 0; } .error { color: #833; font-weight: bold; } .no-right-margin { margin-right: 0 !important; } #placeholder-div { height: 1000px; }