/*  
Theme Name: Dr. Von Bulow
Theme URI: http://www.templecitydental.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; }

/* ---- =vonbulow ---- */

html { min-height: 100%; height: 100%; }
body { height: 100%; background: #111 url(images/bkg.jpg) top repeat-x; font: normal 100% Verdana, Arial, sans-serif; color: #dbddf6; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color:#fff; line-height:1em; }
h1 { font-size:36px; margin-bottom: 8px; }
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: #a1a9ec; }
a:hover { color: #fff; }
.clearit { height: 1px; font-size: 2px; clear: both; }
#container { width: 1002px; min-height: 100%; margin: 0 auto; background: url(images/content-bkg.jpg) repeat-y; font-size: 0.75em; }

#contact-info { height: 50px; background: url(images/top-bkg.jpg) no-repeat; }
#contact-info p { float:left; padding: 32px 0 0 24px; font-size: 0.9em; }
#callus { width: 480px;  margin-left: 500px;  padding-top: 20px; font-weight: bold;  text-transform: uppercase; text-align: right;  color: #939ada; }
#callus span { font-size: 1.8em; color:#fff; }


#branding { height: 140px; background: url(images/banner.jpg) no-repeat; }
#branding-logo a { display: block; position: relative; left: 30px; top: 0; width: 200px; height: 140px; color: #fff; text-decoration: none; letter-spacing: 0em; }
#branding-logo span { display: block; position: absolute;  left: 0; top: 0; z-index: 1; width: 200px; height: 140px; background: url(images/logo.jpg) no-repeat; }



#nav { height: 70px; width: 1002px; background: #2B3372 url(images/topnav.jpg) no-repeat; z-index:100; }
#nav-main { padding: 10px 20px 0 30px; text-transform: uppercase; }
#nav-main li { position: relative; float: left; border-right: 1px solid #434dab; border-left: 1px solid #6e7be5; }
#nav-main li:first-child { border-left: none; }  
#nav-main li:last-child { border-right: none; }
#nav-main li ul { display: none; position: absolute; left: 0%; top: 100%; background-color: #1b2147; width: 192px; 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 13px; color: #fff; text-decoration: none; line-height: 1.5em; }
#nav-main li a:hover, #nav-main li a:active { color: #a1a9ec; }
#nav-main li li a { padding: 0.6em 13px; display: block; border: 1px solid #4a53d3; border-top: none; line-height: 1.0em; }
#nav-main li li a:hover, #nav-main li li a:active { background: #c2c7f1; color: #1b2147; }


#content  { height: 100%; padding-left: 64px; }
#content-main { float:left; width: 660px; }
#content-main p { margin-bottom: 1.5em; line-height: 1.5em; }
#content-main img { border: 1px solid #4a53d3; }
#content-main img.noborder { border: none; }
#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: 194px; margin: 24px 0 24px 32px; }
.column img { margin: 0 0 12px; } 
.first { clear: both; margin-left: 0; }



#content-side { width: 196px; margin-left: 700px; padding-bottom: 24px; font-size: 0.9em; text-align: center; }
#content-side h3 { margin-bottom: 0; font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #C2C7F1; text-transform: uppercase; }
#content-side p { margin-bottom: 0.5em; }
#content-side li { margin-bottom: 0.25em; }
.offer { width: 176px; margin: 0 0 24px; padding: 6px 8px; border: 1px solid #4a53d3; background: #1b2147; }
p#offer-detail { font-size: 1.9em; line-height: 1.0em; color: #fff; margin: 0; }
#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 { text-align: right; padding: 0 24px 24px 0; font-size: 0.8em; text-transform: uppercase; }

#footer { clear: both; height: 96px; margin: 0 24px 0; padding: 24px 48px 0; border-top: 1px solid #000; font-size: 0.92em; }
#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; }
#copyright { float: left; width: 400px; }
#credits { color: #666; }
#credits a { color: #666; }

/* =====  forms ====== */
form { color: #fff; }
form br { display: none; }
input, textarea { width: 162px; font: normal 11px Arial, Helvetica, sans-serif; }
textarea { width: 166px; }
label { display: none; }
.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; }

/* ===== 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; color: #fff; text-decoration: none; }
.navigation a:hover { color: #a1a9ec; }
.postmetadata { background:#333; padding:8px 12px; font-size: 0.92em; font-style: italic; }
.post { margin-bottom: 36px; }

/* ======== image helps ============= */
img.centered { display: block; margin: 8px auto; }
img.alignright { margin: 4px 0 8px 12px; display: inline; }
img.alignleft { margin: 4px 12px 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; }

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@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: "Arial Narrow", Arial, Helvetica, sans-serif; line-height: 1em; }
  .sIFR-active h1 { font-size: 38px; margin: 0; }
  .sIFR-active h2 { font-size: 24px; margin: 0; }
}