/* 
Theme Name: Dr. Michael Zampieri
Theme URI: http://www.zampieridental.com/
Description: A custom template created by <a href="http://www.steepleashton.com/">Steeple Ashton</a>
Version: 1.0
Author: Adam Dunford
Author URI: http://www.steepleashton.com/
*/

.needcontent { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; color: #000; text-transform: uppercase; background: #f66; padding: 10px; }

/* ---- =style reset ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h3, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
a:active { outline: none; }

/* ---- =zampieri ---- */

/*
#036 blue
#32332c brown (type)

sidebar color #e5dfc4

background #ebe9d7

*/

html { min-height: 100%; height: 100%; }
body { height: 100%; background: #ebe9d7 url(/images/bkg.png) repeat-x fixed bottom; font: normal 100% Georgia, "Times New Roman", Times, serif; color: #32332c; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #036; }
h1 { font-size:32px; margin-bottom: 8px; }
h2 { font-size:24px; }
h3 { font-size:18px; }
h4 { font-size:15px; }
h5 { font-size:12px; }
h6 { font-size:11px; }

h1 a, h2 a, h3 a { color: #036; text-decoration: none; }

h2 a:hover, h3 a:hover { color: #036; }

blockquote { margin-left: 8em; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #036; }
a:hover { color: #93cbf1; }
.clearit { height: 1px; font-size: 2px; clear: both; }
.separator { height: 21px; margin: 36px 0 12px; background: url(/images/separator.jpg) center no-repeat; }
.bigquote { margin-top: 24px; }
.bigquote em { font-size: 2.0em; }

.videobox { float: left; padding: 5px; margin: 4px 0 8px 12px; border: 1px solid #273060; }

#infotable { font-size: 0.9em; }
#infotable strong { font-size: 1.2em; color: #32332c; }

#container { width: 978px; min-height: 100%; margin: 0 auto; font-size: 14px; }
#header { width: 978px; height: 159px; margin: 0; background: url(/images/top-bkg.png) no-repeat top;  }

#callus { height: 40px; padding-left: 32px; line-height: 40px; font: normal 12px Arial, Helvetica, Tahoma, serif; color: #06c; }
#callus strong { font-size: 16px; }
#callus strong span { font: normal 28px "Times New Roman", Times, sans-serif; color: #036; }

#branding { float: left; width: 978px; height: 119px; background: url(/images/banner.png) top no-repeat; }
#branding-logo a { display: block; position: relative; left: 33px; top: 21px; width: 540px; height: 44px; color: #04060e; text-decoration: none; letter-spacing: 0em; }
#branding-logo span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 540px; height: 44px; background: url(/images/logo.png) no-repeat; }

#contact-info { width: 540px; margin: 20px 0 0 32px; color: #fff; text-align: left;  }
#contact-info strong { font-size: 15px; font-weight: normal; }
#contact-info em { font-size: 12px; }

#nav { height: 50px; margin: 0; background: url(/images/top-nav.png) repeat-x top; z-index:100; }
#nav-main { padding: 10px 0 0 30px; }
#nav-main li { position: relative; float: left; text-transform: uppercase; } 
#nav-main li ul { display: none; position: absolute; width: 192px; left: 0%; top: 100%; background-color: #fff; text-align: left; z-index:120; }
#nav-main li li { padding: 0; margin: 0; width: 192px; border: none; text-transform: none; }
#nav-main li:hover ul, #nav-main li.over ul { display: block; }
#nav-main li a { padding: 0 15px; color: #fff; text-decoration: none; font-weight: bold; font-size: 14px; }
#nav-main li.current_page_item a { }
#nav-main li a:hover, #nav-main li a:active { color: #036; }
#nav-main li li a { padding: 0.5em 12px; display: block; border: 1px solid #288ab5; border-top: none; line-height: 1.0em; font-weight: normal; color: #036; font-size: 13px; }
#nav-main li li a:hover, #nav-main li li a:active { color: #06c; }

#content { height: 100%; padding: 24px 0 24px 48px; background: url(/images/bkg-content.png) repeat-y 0 209px; }
#content-main { float:left; width: 610px; }
#content-main p { margin-bottom: 1.5em; line-height: 1.5em; }
#content-main #subhead { margin-bottom: 0.5em; line-height: 1.2em; font-weight: bold; font-size: 1.3846em; color: #32332c; }
#content-main ol { margin: -1em 0 1.5em 3em; list-style: default; }
#content-main ul { margin: -1em 0 1.5em 3em; list-style: disc; }
#content-main ul ul, #content-main ol ol { margin: 0.5em 0 0.5em 1.5em; }
#content-main li { margin-bottom: 0.5em; line-height: 1.5em; list-style: disc; }
#content-main ul.column { margin: 0 0 0 24px; padding: 0; clear: none; width: 160px; line-height: 1.75em; list-style: none; }
#content-main ul.column li { list-style: none; }
.column { float: left; width: 180px; margin: 12px 0 12px 32px; }
.first { margin-left: 0; }

#special { margin: 12px 0 12px; padding: 12px 24px 4px; background: #d8ecff; }
#special h3 { margin-bottom: 6px; font: bold 1.0em Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; }
#content-main #special li { margin-bottom: 0; }

#content-side { width: 242px; margin-left: 642px; padding-bottom: 24px; }
#content-side p { margin-bottom: 0.5em; }
#content-side li { margin-bottom: 0.25em; }

#special-offer { width: 210px; margin-top: 10px; padding: 15px; border-top: 10px solid #fff; background: #d8ecff; text-align: center; }
#news-box { width: 240px; margin: 0 0 24px; padding: 8px 0; background: #d8ecff; }
#special-offer h3, #news-box h3 { margin-bottom: 0; font: bold 0.9em Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; }
#news-box li { overflow: auto; height: 1%; margin: 12px; }
#news-box img { float: left; margin-right: 10px; }
#news-box a { text-decoration: none; }


#address { margin: 0 -30px 24px 0; padding-left: 74px; background: url("/images/gwb.jpg") no-repeat 0 0; text-align: left; }
#address p { line-height: 1.4em; }
#address strong { }
#address img { vertical-align: middle; }

#return-top { clear: both; width: 610px; text-align: right; padding-bottom: 24px; font-size: 0.8em; text-transform: uppercase; }
#footer { clear: both; height: 84px; margin: 0 0 20px; padding: 24px 30px; background: url(/images/bottom-bkg.png) bottom; font-size: 0.8462em; }
#nav-footer { float: right; width: 520px; }
#nav-footer li { position: relative; float: left; border-right: 1px dotted #999; margin-bottom: 4px; } 
#nav-footer li:last-child { border-right: none; }
#nav-footer li a { padding: 0 8px; line-height: 1.0em; }
#copyright { float: left; width: 370px; }
#credits { color: #666; }
#credits a { color: #666; }

/* ===== forms ====== */
form { color: #036; text-align: left; }
form br { display: none; }
label { }
textarea { overflow: auto; }
.button { width: auto; margin-top: 3px; }
#content-main input, #content-main textarea { width: 162px; font: normal 11px Arial, Helvetica, sans-serif; }
#content-main textarea { width: 420px; }
#content-main label { display: inline; margin-left: 4px; font-size: 0.9em; }
#content-main .button { width: auto; margin-top: 3px; }


#offer { width: 240px; margin: 0 0 24px; padding: 8px 0; background: #e5dfc4; text-align: center; font-family: Arial, Helvetica, sans-serif; }
#offer h3 { margin-bottom: 0; font-weight: bold; font-size: 0.9em; text-transform: uppercase; }
#offer p { font-size: 0.8462em; margin: 0.5em 0; line-height: 1.0em; }
#offer p#offer-detail { margin: 0; font: normal 2.0769em/1.0em Georgia, "Times New Roman", Times, serif; color: #32332c;  }
#invisalign-clear-braces #offer p#offer-detail { font-size: 21px; }
#content-main #offer input, #content-main #offer textarea { width: 150px; padding: 3px 2px; border: 1px solid #858876; background: #fff; font: normal 11px Arial, Helvetica, sans-serif; }
#offer p textarea { width: 150px; height: 40px; }
#offer #contactform { padding-left: 10px; }
#content-main #offer input.button { width: auto; }

#donateform { background: #fff; border: none; text-align: center; }
#content-main #offer #donateform input { margin: 0; padding: 0; border: 0; width: auto; }
#content-main #offer #donateform img { position: relative; margin: 0; padding: 0; border: 0; cursor: pointer; width: auto; }
#donateform img:hover { top: 2px; }

#home #content-main { float: none; width: auto; padding-right: 48px; }

#home #offer { float: right; width: 240px; margin: 48px 0 0 28px; padding-bottom: 0; }
#home #offer p {  }
#home #offer #contactform { margin-top: 5px; padding: 0; }

#contactform br { display: none; }
#offer label { float: left; width: 52px; margin-right: 5px; padding-top: 7px; font-size: 1.0em; text-align: right; }

#contactform .button { clear: both; width: auto; margin: 0 0 0 60px; }

#special-offer p { margin-top: 5px; line-height: 15px; }

/* ===== blog helps ====== */

#blog #content-main { width: 652px; }
#blog #content-side { width: 208px; margin-left: 678px; padding-bottom: 24px; }

#blog-main { float: right; width: 462px; }
#blog-main h2, #blog-main h3 { margin-bottom: 8px; }
#blog-sidebar { width: 168px; margin-top: 1em; }
#blog-sidebar p { margin: 1em 0; line-height: 1.3em; font-style: italic; }
#blog-sidebar ul { margin: 5px 0 20px 3px; list-style: none; }
#blog-sidebar li { list-style: none; }
.navigation { display: block; text-align: center; margin-bottom: 36px; }
.navigation a { font-weight: normal; font-size: 10px; text-decoration: none; }
.navigation a:hover { }
.postmetadata { padding: 8px 12px; background: #e5dfc4; font-size: 0.92em; font-style: italic; text-align: center; }
.post { margin-bottom: 36px; }


#blog #offer { width: 204px; margin: 0 0 24px; padding: 8px 0; background: #e5dfc4; text-align: center; font-family: Arial, Helvetica, sans-serif; }
#blog #contactform p {margin: 0.5em 4px ; }
#blog #offer p input, #blog #offer p textarea { width: 170px; padding: 3px 2px; border: 1px solid #858876; background: #fff; font: normal 11px Arial, Helvetica, sans-serif; }
#blog #offer p textarea { width: 170px; height: 40px; }
#blog #offer #contactform { padding-left: 10px; }
#blog #contactform br { display: block; }
#blog #offer label { float: none; width: auto; margin-right: none; text-align: left; }


/* ======== image helps ============= */
img.centered { display: block; margin: 8px auto; }
img.alignright { margin: 4px 0 12px 24px; display: inline; }
img.alignleft { margin: 4px 24px 12px 0; display: inline; }
img.main-pic { margin: 4px 24px 12px 0; }
.gallery { height: 100px; margin: 24px 24px 0 0; float: left; }
.slideshow {margin-top: -10px; }
.alignright { float: right; }
.alignleft { float: left; }
#content-main img { padding: 6px; border: 1px solid #dde; }
#content-main .column img.alignleft { margin: 0 12px 0 0; padding: 4px; }
.captioned { float: left; margin: 4px 24px 12px 0; font-size: 0.8em; text-align: center; line-height: 4em; }
.captioned img { margin-bottom: -1em; }
.bigquote img { float: left; margin: -22px 32px 0 64px; }

#callbutton { margin: -16px 0 0; padding-bottom: 10px; cursor: pointer; text-align: center; }
/* #home #callbutton { position: relative; left: 656px; top: 50px; width: 200px; margin-top: -74px; padding-bottom: 0; }*/
#home #callbutton { display: inline; margin-right: 25px; float: right; width: 200px; padding-bottom: 0; }
#home #offer { clear: right; margin-top: 0; }
#callbutton img { border: none; }
#backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000; z-index:9998; }
#popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:200px; width:320px; background:#fff; z-index:9999; padding:16px; font-size: 0.8125em; color: #111;}
#popupContactClose{ display: block; float: right; width: 66px; height: 22px; background: transparent url(/images/closelabel.gif) no-repeat center; margin: 0; outline: none; cursor: pointer; }

#popupContact h3 { padding: 0 0 5px 5px; font-size: 21px; color: #036; border-bottom: 1px solid #036; }
#popupContact ol { list-style: decimal; padding-left: 40px; }
#popupContact form { margin: 10px 0; padding: 10px; background: #e5dfc4; color: #111; }
#popupContact input { width: 86px; font: normal 11px Arial, Helvetica, sans-serif; }
#popupContact input#ext { width: 28px; }
#popupContact input.button { width: auto; margin: 0 0 0 5px; }

.ddsg-wrapper h2 { display: none; }
.ddsg-wrapper { margin-top: 20px; }