/* 
Theme Name: Dr. James D. Geren
Theme URI: http://www.sedationdentistalexandria.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; }

/* ---- =dr. geren ---- */

html { min-height: 100%; height: 100%; }
body { height: 100%; background: #fff url(images/top-bkg.jpg) top repeat-x; font: normal 100% Arial, Helvetica, sans-serif; color: #111; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "Century Gothic", "Futura Medium", Helvetica, sans-serif; color:#265660; line-height:1em; text-transform: lowercase; }
h1 { font-size: 2.5714em; margin-bottom: 8px; }
h2 { font-size: 2.0000em; margin-bottom: 12px; }
h3 { font-size: 1.7143em; margin-bottom: 12px; }
h4 { font-size: 1.5000em; }
h5 { font-size: 1.2857em; }
h6 { font-size: 1.0714em; }

h1 a, h2 a, h3 a { color: #265660; text-decoration: none; }
h2 a:hover, h3 a:hover { color: #a1a9ec; }
blockquote { margin-left: 8em; }
strong { font-weight: bold; }
hr { display: none }
em { font-style: italic; }
a { color: #265660; }
a:hover { color: #9eb8ad; }

.clearit { height: 1px; font-size: 2px; clear: both; }

#container { width: 930px; min-height: 100%; margin: 0 auto; font-size: 0.75em; background: url(images/bkg.gif) bottom center no-repeat; }
#header { height: 58px; margin: 14px 0 0; padding-top: 16px; font-family: "Century Gothic", "Futura Medium", sans-serif; }

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


#contact-info { margin: 0 0 0 550px; padding-top: 12px; font-size: 1.3em; line-height: 1.1em; } 
#callus { text-transform: uppercase; text-align: right; color: #265660; }
#callus span { font-size: 1.8em; }
#callus #contact-address { font-size: 0.8em; color: #111; text-transform: none; }


#nav { height: 54px; width: 930px; margin-top: 0; z-index:100; font-family: "Century Gothic", "Futura Medium", sans-serif; }
#nav-main { text-transform: uppercase; } 
#nav-main li { position: relative; float: left; } 
#nav-main li ul { display: none; position: absolute; left: 0%; top: 100%; margin-top: -6px; background-color: #fff; width: 192px; text-align: left; text-transform: none; z-index:120; border: 1px solid #9eb8ad; } 
#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: 7px 15px; border: 1px solid #ecf6f2; border-bottom: none; line-height: 43px; color: #265660; text-decoration: none; font-size: 1.135em;/*1.1667em*/ } 
#nav-main li a:hover, #nav-main li:hover a, #nav-main li a:active { border: 1px solid #9eb8ad; border-bottom-color: #fff; background: #fff; color: #111; } 
#nav-main li li a, #nav-main li:hover li a { padding: 0.6em 18px; display: block; border: none; border-top: 1px solid #C8DCD3; line-height: 1.0em; font-size: 1.0em; } 
#nav-main li li a:hover, #nav-main li li a:active { background: #e9f5f0; border: none; border-top: 1px solid #C8DCD3; color: #4a53d3; }


.content { height: 100%; padding: 24px 0; z-index: 90; font-size: 1.1667em; }
#content-main { float:left; width: 660px; } 
#content-main p { margin-bottom: 1.5em; line-height: 1.5em; }
#content-main img { border: 1px solid #9eb8ad; }
#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: 218px; margin-left: 700px; padding-bottom: 24px; font-size: 0.9em; }
#content-side h3 { margin-bottom: 0; font-size: 1.2857em; color: #265660; }
#content-side p { margin-bottom: 0.5em; }
#content-side li { margin-bottom: 0.25em; }
#offer { width: 212px; padding: 6px 0 6px 8px; }
p#offer-detail { font-size: 1.6em; line-height: 1.2em; 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 0 0; padding: 0 0 0; }
#nav-footer { float: right; width: 450px; }
#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: #265660; }
#contactform br { display: none; }
p input, p textarea { width: 192px; padding: 3px 2px; font: normal 1em Arial, Helvetica, sans-serif; border: 1px solid #4d797c; }
textarea { width: 196px; }
label { color: #111; font-size: 0.875em; }
.button { width: auto; margin-top: 3px; }
#content-main form p { margin-bottom: 0.5em; }
#content-main input, #content-main textarea { width: 202px; font: normal 1.2em Arial, Helvetica, sans-serif; }
#content-main textarea { width: 420px; height: 100px; }
#content-main label { 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; font-size: 0.9286em; 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: #265660; text-decoration: none; }
.navigation a:hover { color: #a1a9ec; }
.postmetadata { padding:8px 12px; font-size: 0.92em; font-style: italic; border: 1px solid #9eb8ad; }
.post { margin-bottom: 36px; }

/* ======== image helps ============= */
img.centered { display: block; margin: 8px auto; }
img.alignright { margin: 4px 0 12px 32px; display: inline; }
img.alignleft { margin: 4px 32px 12px 0; display: inline; }
img.main-pic { margin: 4px 24px 8px 0; }
.gallery { height: 100px; margin: 32px 32px 0 0; float: left; }
.alignright { float: right; }
.alignleft { float: left; }


/* ======== image helps ============= */
#mainimg { float: left; border: 1px solid #9eb8ad; }
.hr { clear: both; height: 25px; margin: 16px 0; padding: 0; background: url(/images/separator.gif) no-repeat; border: none; }
#home #content-main { width: 574px; }
#home #content-side { min-height: 312px; padding-bottom: 0; }
#featured { margin: 8px 0 0 604px; font-family: "Century Gothic", "Futura Medium", sans-serif; }
#featured p { text-align: center; }
#featured li { float: left; width: 152px; padding: 8px 4px 0; }
#featured li a { text-decoration: none; }
#featured img { margin-top: 4px; border: 1px solid #9eb8ad;
}