/* 
Theme Name: Dr. Michael Bjornbak
Theme URI: http://www.shermanoaksdental.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/
*/

/* ---- =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; }


/* --- lightbox 2 --- */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(/images/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(/images/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font: normal 10px/1.4em Verdana, Arial, Geneva, Helvetica, sans-serif; color: #666; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(/images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

/* ---- =bjornbak ---- */

html { min-height: 100%; height: 100%; }
body { height: 100%; background: #04060e url(/images/bkg.png) top; font: normal 100% Arial, Helvetica, sans-serif; color: #dadce5; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "Times New Roman", Times, Garamond, serif; color: #8693d1; }
h1 { font-size:36px; margin-bottom: 8px; line-height: 3em; width: 600px; }
h2 { font-size:21px; margin-bottom: 12px; }
h3 { font-size:18px; margin-bottom: 12px; }
h4 { font-size:15px; }
h5 { font-size:12px; }
h6 { font-size:11px; }

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

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

blockquote { margin-left: 8em; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #8693d1; }
a:hover { color: #fff; }
.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-family:"Bernhard Modern BT","BernhardMod BT",Garamond,"Times New Roman",Times,serif; 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: #8693d1; }

#container { width: 1046px; min-height: 100%; margin: 0 auto; background: url(/images/bkg-content.png) repeat-y; font-size: 0.8125em; }
#header { height: 128px; margin: 0 15px; background: url(/images/bkg-top.png) top; }

#branding { float: left; width: 700px; height: 128px; background: url(/images/bkg-top.png) top no-repeat; }
#branding-logo a { display: block; position: relative; left: 41px; top: 0; width: 228px; height: 128px; color: #04060e; text-decoration: none; letter-spacing: 0em; }
#branding-logo span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 228px; height: 128px; background: url(/images/logo.png) no-repeat; }

#contact-info { float: left; width: 296px; margin-top: 20px; color: #adb2ca; text-align: right;  }
#contact-info strong { font-size: 1.1538em; color: #8693d1; }
#contact-info em { font: normal 2.0769em "Bernhard Modern BT", "BernhardMod BT", Garamond, "Times New Roman", Times, serif; color: #fff; }

#nav { height: 47px; margin: 0 15px; background: url(/images/bkg-top.png) 0 -128px repeat-x; z-index:100; letter-spacing: 0.0769em; }
#nav-main { padding: 10px 0 0 10px; }
#nav-main li { position: relative; float: left; border-right: 1px solid #2d386d; border-left: 1px solid #0a0d21; } 
#nav-main li:first-child { border-left: none; }
#nav-main li:last-child { border-right: none; }
#nav-main li ul { display: none; position: absolute; width: 192px; left: 0%; top: 100%; background-color: #1b2147; text-align: left; text-transform: none; z-index:120; }
#nav-main li li { padding: 0; margin: 0; width: 192px; border: none; }
#nav-main li:hover ul, #nav-main li.over ul { display: block; }
#nav-main li a { padding: 0 14px; font-weight: bold; color: #adb2ca; text-decoration: none; }
#nav-main li.current_page_item a { color: #fff; }
#nav-main li a:hover, #nav-main li a:active { color: #fff; }
#nav-main li li a { padding: 0.6em 12px; display: block; border: 1px solid #2d386d; border-top: none; line-height: 1.0em; font-size: 0.9231em; font-weight: normal; }
#nav-main li li a:hover, #nav-main li li a:active { background: #a4aedd; color: #1b2147; }

#content { height: 100%; padding: 24px 0 24px 48px; }
#content-main { float:left; width: 696px; }
#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: #8693d1; }
#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.25em; 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 { clear: right; float: left; width: 213px; margin: 12px 0 12px 32px; }
.first { clear: both; margin-left: 0; }

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



#address { margin: 0 6px 24px; text-align: left; }
#address p { line-height: 1.4em; }
#address strong { color: #a1a9ec; }
#address img { vertical-align: middle; }

#return-top { clear: both; text-align: right; padding: 0 24px 24px 0; font-size: 0.8em; text-transform: uppercase; }
#footer { clear: both; height: 64px; margin: 0 15px; padding: 12px 24px; background: url(/images/bkg-top.png) top; font-size: 0.8462em; }
#nav-footer { float: right; width: 400px; }
#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; white-space: nowrap; }
#copyright { float: left; width: 400px; }
#credits { color: #8693d1; }


/* ===== forms ====== */
form { color: #fff; text-align: left; }
form br { display: none; }
label { }
.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; overflow: auto; }
#content-main label { display: inline; margin-left: 4px; font-size: 0.9em; }
#content-main .button { width: auto; margin-top: 3px; }


#offer { width: 196px; margin: 0 0 24px; padding: 6px 8px; background: #141d46; border: 1px solid #273060; text-align: center; }
#offer h3 { margin-bottom: 0; font: bold 1.0em Arial, Helvetica, sans-serif; color: #a4aedd; text-transform: uppercase; }
#offer p { font-size: 0.8462em; color: #a4aedd; margin: 0.5em 0; line-height: 1.0em; }
#offer p#offer-detail {  margin: 0; font: normal 2.0769em/1.0em "Bernhard Modern BT", "BernhardMod BT", Garamond, "Times New Roman", Times, serif; color: #fff; color: #e3e5ec; }
#offer p input, #offer p textarea { width: 170px; padding: 3px 2px; border: 1px solid #090b1e; background: #a4aedd; font: normal 11px Arial, Helvetica, sans-serif; }
#offer textarea { width: 174px; height: 40px; overflow: auto; }
#offer #contactform { padding-left: 10px; }


#home #content-main { float: none; width: auto; }
#home #offer { float: right; width: 274px; margin: 48px 48px 0 32px; padding: 8px 0 8px 12px; }
#home #offer #contactform { margin-top: 5px; padding: 0; }
#home #contactform br { display: none; }
#home #offer label { float: left; width: 76px; margin-right: 5px; padding-top: 7px; font-size: 1.0em; text-align: right; }
#home #contactform .button { clear: both; width: auto; margin: 0 0 0 90px; }


/* ===== blog helps ====== */
#blog-main { float: right; width: 452px; }
#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: #141d46; border: 1px solid #273060; font-size: 0.92em; font-style: italic; text-align: center; }
.post { margin-bottom: 36px; }

/* ======== image helps ============= */
img.centered { display: block; margin: 8px auto; }
img.alignright { margin: 4px 0 8px 32px; display: inline; }
img.alignleft { margin: 4px 32px 8px 0; display: inline; }
img.main-pic { margin: 4px 24px 8px 0; }
.gallery { height: 100px; margin: 24px 24px 0 0; float: left; }
.alignright { float: right; }
.alignleft { float: left; }
.column img.alignleft { margin: 12px 12px 4px 0; }
#content-main img {border: 1px solid #273060; }
.captioned { float: left; margin: 4px 32px 8px 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; }

.staffpics { }
.staffpics p { float: left; overflow: auto; width: 330px; margin-right: 32px; }
.staffpics p.rt { margin-right: 0; }
.staffpics img { float: left; margin: 4px 16px 8px 0; }


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>
*****************************************************************************/

@media screen {
	.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
	.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
	.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}

@media print {
	.sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
	.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen { 
	.sIFR-active h1, .sIFR-active h2 { visibility: hidden; font-family: "Times New Roman", Times, Garamond, serif; line-height: 1em; }
	.sIFR-active h1 { font-size: 36px; margin: 0; }
	.sIFR-active h2 { font-size: 22px; margin: 0; }
}

#callbutton {padding-bottom: 10px; cursor: pointer; }
#home #callbutton { position: relative; left: 736px; top: 50px; width: 214px; margin-top: -70px; }
#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 24px; font-size: 21px; color: #141d46; border-bottom: 1px solid #a4aedd; background: url(/images/phone.gif) no-repeat left top; }
#popupContact ol { list-style: decimal; padding-left: 40px; }
#popupContact form { margin: 10px 0; padding: 10px; background: #a4aedd; border: 1px solid #273060; 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; }