/* BanackiChiropractic.com - Design by Michael Kovalchick (designbymk.com) copyright Banacki Chiropractic 2007 all rights reserved */ /*Color Library ----------------------------- --- Dark Blue #036 --- Lighter Blue #8aa3c5 OLD#9eb4d2 --- Cool Grey #cbd2df */ /* Main ID */ * {margin: 0; padding: 0;} html {background: #8aa3c5 url(images/bg_vrepeat.jpg) repeat-y; z-index: -20;} body {padding: 0 0 0 63px; margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #036; background: url(images/gradientbg_left.jpg) no-repeat top left; z-index: 0;} #wrap {width: 714px; z-index: 10;} #spine {width: 260px; height: 750px; left: 780px; display: block; position: absolute; background: url(images/spinebg.jpg) no-repeat top left; z-index: 30;} #content{margin: 0; padding: 0 0 0 39px;} #header, #navbar, #content, #footer, #footer ul {float: none; clear: both;} #content, #footer {border-top: 6px solid #cbd2df; background: url(images/footer_shadowbg.jpg) repeat-x top;} #main {width: 400px; margin: 15px 0 15px 0; float: left;} #sidebar {width: 235px; margin: 0 0 15px 0; float:right;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* Header Graphics */ #identity {padding: 0 0 0 27px; border-bottom: 6px solid #cbd2df;} #header_logo {width: 330px; height: 60px; float: left; text-indent: -5000px; background: url(images/banackilogoheader.jpg) no-repeat;} #header_logo a {display: block; width: 330px; height: 60px;} #header_tag {height: 65px; margin: 0 0 0 400px; text-indent: -5000px; background: url(images/headertag.jpg) no-repeat bottom;} /* Navigation Bar */ #navbar {margin: 0; padding: 0; height: 40px; list-style: none; display: inline; overflow: hidden;} #navbar li {margin: 0; padding: 0; list-style: none; display: inline;} #navbar a {float: left; padding: 40px 0 0 0; overflow: hidden; height: 0px;} #navbar a:hover {background-position: 0 -40px;} #navbar a:active, #navbar a:selected {background-position: 0 -80px;} #enews_nav a {width: 106px; margin: 0 0 3px 26px; background: url(images/enews_nav.gif) top left no-repeat;} #meetdrs_nav a {width: 221px; margin: 0 0 3px 0px; background: url(images/meetdrs_nav.gif) top left no-repeat;} #firstvisit_nav a {width: 123px; margin: 0 0 3px 0px; background: url(images/firstvisit_nav.gif) top left no-repeat;} #contact_nav a {width: 75px; margin: 0 0 3px 0px; background: url(images/contact_nav.gif) top left no-repeat;} /* Sidebar */ #sidebar p {margin: 0.5em 0 0.5em 0;} #enewslettersignup {margin: 0; padding: 0; background: url(images/enewsletter_bg.jpg) repeat-y;} h2#enewslettersignup_head {margin: 0; height: 48px; text-indent: -5000px; background: url(images/enewsletter_header_sidebar.jpg) no-repeat top;} #enewslettersignup_form {padding: 20px 0 10px 0; background: url(images/enewsletter_bg_corner.jpg) no-repeat bottom;} #enewslettersignup p {margin: 0 18% 15px;} #sidebar .officehours {margin: 0 25px 0 25px;} #sidebar .officehours ul{font-size: 11pt; line-height: 15pt; list-style: none; padding: 0;} #sidebar .officehours li {margin: 0 0 8pt 0;} .officehours {padding: 15px 0 0 0;} .officehours em { font-style: normal; font-weight: bold;} /* Footer */ #footer {margin: 0 0 16px 0; padding: 16px 40px 0 40px; color: #8aa3c5;} #footer #contact {} #footer #contact .column {width: 33%; height: 100%; float: left; /* border: 1px solid red; */} #footer #designer {min-height: 18px; margin: 0; padding: 10px 0 0 17px; float: none; clear: both; background: url(images/mklogo.gif) no-repeat center left;} #footer h2 {margin: 0 0 5pt 0; padding: 0; font-size: 11pt; color: #036;} #footer p, #footer h3 {margin: 0; padding: 0; font-size: 9pt; line-height: 10pt;} #footer ul {list-style: none; margin: 0; padding: 0; font-size: 10pt;} #footer li {margin: 0;} #footer small {font-size: 7pt;} /* Typography */ h1, h2, h3, h4, h5 {letter-spacing: 0.0625em; font-style: normal; font-weight: lighter; color: #8aa3c5;} h1 {font-size: 23px;} h2 {font-size: 21px;} h3 {font-size: 19px;} h4 {font-size: 16px;} h5 {font-size: 14px;} p, ul, ol, li {font-size: 13px; letter-spacing: 0.0625em; line-height: 1.333em;} p {} li {margin: 0 0 0.5em;} blockquote {margin: 1em 1.5em 1em 1.5em; font: italic 12pt georgia,serif; color: #8aa3c5; line-height: 1.5em;} #sidebar h1, #sidebar h2, #sidebar h3, #enewslettersignup {color: #8aa3c5;} em {font-style: italic; font-family: Georgia, serif;} strong {font-weight: bolder;} /* Main */ #main h1, #main h2, #main h3, #main h4, #main h5, .officehours h1, .officehours h2, .officehours h3, .officehours h4, .officehours h5 {margin: 0.333em 0 0.25em 0;} #main h1, #main h2, #main h3, #main h4, #main h5, #main p, #main ul, #main li, #main blockquote, #main code {margin: 1em 0 0.5em 0;} #main ul {padding: 0 0 0 10px;} #main li {margin: 0 0 0.5em 1em;} #main hr, hr {width: 100%; border: none; border-top: 3px solid #cbd2df; clear: both;} /* Links */ a {text-decoration: underline; color: #036; border: none;} a:hover {color: #8aa3c5;} #footer a, #footer a:hover, #footer a:active, #footer a:selected {text-decoration: underline; margin: 0.25em; color: #8aa3c5;} #footer a:hover {text-decoration: none; background: #cbd2df; color: #fff;} #articles a {text-decoration: none;} #articles a:hover {text-decoration: underline;} /* Photo Style */ img { border-style: none; border-width: 0; } #content img {margin: 0 4px 0 4px;} img.wrap-l {float: left;} img.wrap-r {float: right;} /* Special Classes */ #content .highlight, #content .download {padding: 5px;border-bottom: 4px solid #FDFF9B; border-top: 4px solid #FDFF9B; background-color: #FEFFCD;} .highlight a, .highlight a:hover {padding: 0.125em; text-decoration: underline;} .highlight a:hover {background-color: #FDFF9B;} /* Contact Form */ #c_form_2 {padding: 0 0 15px 0;} .contactform div {margin: 6px 0 6px 0; padding: 6px 0 6px 0;} .contactleft {margin-right: 2.5%; padding-right: 5%; clear:left; float: left; width: 25%; border-right: solid #cbd2df;} .contactright input {margin: 0 5px 0 0; padding: 10px;; width: 70%;} #contactsubmit {width: inherit;} .contactright {width: 65%; clear: right; float: right;} /* div {border: 1px solid red;} */ /* Table */ #content table { border-top: 1px solid #8aa3c5; border-right: 1px solid #8aa3c5; margin: 0 0 1em; padding: 0; border-collapse: collapse; } #content table td, #content table th, #content table td.highlight, #content table th.highlight { border-bottom: 1px solid #8aa3c5; border-left: 1px solid #8aa3c5; text-align: center; margin: 0; padding: 0.5em; } #content table th { color: #FFF; background-color: #036; font-weight: normal; font-style: normal; } #content table .highlight { border-style: none; } #content table th.highlight { color: #036; font-weight: bold; background-color: #FDFF9B; }