/*  
Theme Name: Dr. Lisa Marie Samaha
Theme URI: http://www.pwdentalarts.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/


*/

/*colors:  #3c5a17 - green    #ca006c - pink */

/* ---- =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. sahama ---- */
html { min-height: 100%; height: 100%; }
body { height: 100%; background: #e6e9da url(/images/bodybkg.jpg) bottom fixed repeat-x; /* background: #eceee1 */
	font: normal 100% Verdana, Arial, Helvetica, sans-serif; color: #222; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: Palatino, Georgia, Times New Roman, Times, serif; color:#ca006c; line-height: 1em; }
h1 { font-size: 2.25em; margin-bottom: 0.2963em; color: #3c5a17; }
h2 { font-size: 2.0em; margin-bottom: 0.5em; }
h3 { font-size: 1.75em; margin-bottom: 0.5714em; }
h4 { font-size: 1.5em; margin-bottom: 0.4444em; }
h5 { font-size: 1.25em; }
h6 { font-size: 1.0em; }
h1#homepage { font-size: 2.6667em; }
/* h1 a, h2 a, h3 a { color: #3c5a17; text-decoration: none; }
h2 a:hover, h3 a:hover { color: #ca006c; }*/
h1 a, h2 a, h3 a { color: #ca006c; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { color: #3c5a17; }
blockquote { margin-left: 8em; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #3c5a17; }
a:hover { color: #ca006c; }
.clearit { height: 1px; font-size: 2px; clear: both; }
#container { width: 960px; min-height: 100%; margin: 0 auto; font-size: 0.75em; }
#header { height: 67px; margin: 10px 0 0; padding: 0 9px; background: url(/images/header-bkg.gif) bottom repeat-x; }
#branding { float: left; width: 332px; height: 67px; }
	#branding-logo a { display: block; position: relative; left: 0; top: 0; width: 332px; height: 67px; color: #3c5a17; text-decoration: none; letter-spacing: 0em; }
	#branding-logo span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 332px; height: 67px; background: url(/images/logo.gif) no-repeat; }
#contact-info { margin: 0 0 0 474px; font: normal 1.3em/1.1em Palatino, Times, Times New Roman, serif; }
	#callus { margin-left: 280px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; text-transform: lowercase; color: #3c5a17; }
	#callus span { font: normal 2.0em/1.0em Palatino, Times, Times New Roman, serif; color: #ca006c; }
	#tagline { margin-top: 2px; font-size: 0.9em; color: #fff; text-transform: none; text-align: right; }

#nav { clear: both; height: 32px; width: 960px; z-index:100; background: url(/images/nav-bkg.gif); }
#nav-main { padding: 0 0 0 20px; text-transform: uppercase; }
	#nav-main li { position: relative; float: left; } 
	#nav-main li ul { display: none; position: absolute; width: 192px; left: 0%; top: 100%; margin-top: -2px; background-color: #fff; text-align: left; text-transform: none; z-index:120; border: 1px solid #95a586; }
	#nav-main li li { padding: 0; margin: 0; width: 192px; border: none; }
	#nav-main li:hover ul, #nav-main li.over ul { display: block; z-index: 150; }
	#nav-main li a { padding: 8px 14px; line-height: 32px; color: #000; text-decoration: none; font-size: 0.9em; border: 1px solid #eceee1; }
	#nav-main li a:hover, #nav-main li:hover a, #nav-main li a:active { color: #3c5a17; border: 1px solid #95a586; background: #fff; }
	#nav-main li li a, #nav-main li:hover li a { padding: 0.6em 18px 0.7em; display: block; border: none; border-top: 1px solid #eceee1; line-height: 1.0em; color: #000; }
	#nav-main li li a:hover, #nav-main li li a:active { background: #fff; border: none; border-top: 1px solid #eceee1; color: #ca006c; }
.bannerbar { border-top: 1px solid #a5a59d; border-bottom: 1px solid #a5a59d; }
.bannerbar img { }
#content  { height: 100%; padding: 16px 0 32px 36px; z-index: 90; background: url(/images/content-bkg.gif); }
#content-main { float:left; width: 628px; }
	#content-main h3 { clear: left; }
	#content-main p { margin-bottom: 1.5em; line-height: 1.5em; }
	#content-main img { padding: 5px; border: 1px solid #a5a59d; background: #fff; }
	#content-main ol { margin: -1em 0 1.5em 3em; list-style: disc outside none; }
	#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; }
	#content-main ul#staff-list { margin: 0; list-style: none; }
	#content-main ul#staff-list li { float: left; width: 300px; padding-right: 20px; list-style: none; }
	#content-main ul#staff-list li.secondary { padding-right: 0; }
	#staff-list img { float: left; width: 66px; margin-right: 10px; }
	
	#breadcrumbs { padding-bottom: 24px; font-size: 0.9167em; }
	#breadcrumbs a { text-decoration: 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: 208px; margin-left: 662px; padding: 12px 16px 24px; font-size: 0.9167em; background: #ccedad; /* #a9d97d; edffdb; */ }
	#content-side h3 { margin-bottom: 0; color: #222; font: normal 1em Verdana, Tahoma, Arial, Helvetica, sans-serif; }
	#content-side p { margin-bottom: 0.5em; line-height: 1.4em; }
	#content-side li { margin-bottom: 0.25em; }
	#content-side .btn { text-align: center; }
	#content-side .btn img { border: 0; }
	.subsection { margin-bottom: 12px; padding: 0 0 24px; background: url(/images/separator.gif) bottom center no-repeat; }
	.subsection img { float: left; margin: 1px 0 1px 2px; }
	#about-doc img { margin: 4px 10px 6px 0; padding: 3px; border: 1px solid #a5a59d; background: #fff; }
	p#offer-detail { margin: 0.1em 0; font: normal 2.2em/1.0em Georgia, Times New Roman, Times, serif; letter-spacing: 0.1em; color:#ca006c; /* pink */}

#address { margin: 0 0 24px; text-align: left; }
#address p { line-height: 1.4em; }
#address strong { }
#address img { float: none; padding: 0 4px; vertical-align: middle; }

#return-top { clear: both; padding: 0 0 24px; font-size: 0.8em; text-transform: uppercase; }
.footerbar { height: 4px; background: url(/images/banner-bkg-sec.jpg) left bottom; border-top: 1px solid #a5a59d; border-bottom: 1px solid #a5a59d; }
#footer { clear: both; height: 96px; margin: 0 0 0; padding: 12px 12px 0; font-size: 0.92em; }
#nav-footer { float: right; width: 430px; }
#nav-footer li { position: relative; float: left; border-right: 1px dotted #999; margin-bottom: 4px; white-space: nowrap; } 
#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: #222; }
form br { display: none; }
p input, p textarea { width: 202px; padding: 4px 2px; font: normal 11px Arial, Helvetica, sans-serif; border: 1px solid #95a586; }
textarea { width: 206px; }
label {  }
.button { 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; }


#quizform { }
#content-main #quizform table { margin: 0 auto 10px; }
#content-main #quizform table td { padding: 2px 4px; }
#content-main #quizform input { width: auto; }
#content-main #quizform label { display: block; font-size: 1em; }
#quizform .button { margin-left: 40%; }


#content-main #testimonials ul, #testimonials li { margin: 0; padding: 0; list-style-type: none; }
#content-main #testimonials p { margin-bottom: 0em; }
#content-main #testimonials .source { text-align: right; font-style: italic; margin-bottom: 1.75em; }


/* ===== blog helps ====== */
#blog-main { float: right; width: 452px; }
#blog-main h2, #blog-main h3 { margin-bottom: 8px; }
#blog-sidebar { width: 152px; margin-top: 1em; }
#blog-sidebar h3 { margin-bottom: 0; }
#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: #3c5a17; text-decoration: none; }
.navigation a:hover { color: #ca006c; }
.postmetadata { padding:8px 12px; font-size: 0.92em; font-style: italic; background:#fff; border: 1px solid #a5a59d; }
.post { margin-bottom: 36px; }


/* ======== image helps ============= */
img.centered { display: block; margin: 8px auto 16px; }
img.alignright { margin: 4px 0 16px 16px; display: inline; }
img.alignleft { margin: 4px 16px 16px 0; display: inline; }
.captioned, .captionedwide { width: 250px; margin: 0 16px 16px; padding: 5px; border: 1px solid #a5a59d; background: #fff; font-style: italic; font-size: 0.8em; text-align: center; }
.captionedwide { width: 600px; margin: 0 auto 8px; }
#content-main .captioned img, #content-main .captionedwide img { padding: 0 0 5px; background: #fff; border: none; }
img.main-pic { margin: 4px 24px 8px 0; }
.gallery { height: 100px; margin: 24px 24px 0 0; float: left; }
.alignright { float: right; margin-right: 0; margin-left: 16px; }
.alignright img { margin-bottom: 16px; }
.alignleft { float: left; margin-left: 0; margin-right: 16px; }
.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
#subnav { padding-bottom: 24px; }
#subnav p { margin-bottom: 0.5em; }
#subnav ul, #subnav li { margin: 0; padding: 0; list-style: none; }
#subnav li { width: 140px; padding: 2px 3px 2px 14px; float: left; font-size: 0.9167em; }
#subnav .current_page_item { background: url(/images/blossom.jpg) left center no-repeat; }
#subnav .current_page_item a { font-weight: bold; text-decoration: none; color: #222; }
#page-image { float: left; margin: 0 24px 18px 0; }
.videobox { float: right; padding: 5px; margin: 4px 0 8px 12px; border: 1px solid #a5a59d; z-index: 30; }
#cornerpromo { position: absolute; right: 0; top: 0; display: block; height: 221px; width: 221px; background: url(/images/smile-makeover.gif) no-repeat; text-indent: -999em; text-decoration: none; z-index: 1000; }
#sidepromo { margin: 0 0 12px 678px; border: none; }