/*  
Theme Name: Dr. Dino Mantis
Theme URI: http://www.drdinomantis.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; }


/* ---- =dr. mantis ---- */

/* colors
type - #222
grey - #666
tan - #d0ba93
rose - #84414a
pink - #a76c6f

*/

html { min-height: 100%; height: 100%; }

body { height: 100%;  background: #f2efea url(/images/bkg.jpg) top repeat-x; font: normal 100% Helvetica, Arial, sans-serif; color: #222;  }

h1, h2, h3, h4, h5, h6 { font: normal 100%/1em Georgia, "Times New Roman", Times, serif; color: #84414a; }

h1 { font-size: 2.1538em; margin-bottom: 0.2143em; }
h2 { font-size: 1.8462em; margin-bottom: 0.2500em; }
h3 { font-size: 1.6154em; }
h4 { font-size: 1.3846em; }

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


#homepage { margin-left: 0; padding: 0; height: 40px; }


blockquote { margin-left: 8em; }
strong { font-weight: bold; }
em { font-style: italic; }

a { color: #84414a; }
a:hover { color: #a76c6f; }

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

#container { width: 920px; margin: 0 auto 36px; background: #fff url(/images/content-bkg.jpg) top repeat-y; }

#header { height: 143px; margin: 0 0 0; padding: 0 0 0 40px; background: url(/images/header-bkg.jpg) top no-repeat; font: normal 1.125em Georgia, "Times New Roman", Times, serif;  }
#branding { float: left; width: 344px; height: 103px; margin-top: 28px; }
#branding-logo a { display: block; position: relative; left: 0; top: 0; width: 344px; height: 102px; text-decoration: none; letter-spacing: 0em; }
#branding-logo span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 344px; height: 102px; background: url(/images/logo.jpg) no-repeat; }


#contact-info { width: 360px; margin-left: 480px; padding-top: 50px; font: normal 13px/1.5em Helvetica, Arial, sans-serif; color: #222; text-align: right; }
#tagline { font-size: 11px; color: #666; }
#callus { font-weight: bold; }
#callus em { font-size: 20px; font-style: normal; color: #84414a; }
#address { color: #84414a; }


#nav { clear: both; height: 55px; width: 920px; background: #84414a url(/images/nav-bkg.jpg); font: normal 14px Georgia, "Times New Roman", Times, serif; }
#nav-main { padding: 0 0 0 28px; text-transform: uppercase; z-index:100; }
#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: #ede5cd; text-align: left; text-transform: none; z-index:120; border: 1px solid #d0ba93; }
#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: 12px 18px; line-height: 40px; color: #fff; text-decoration: none; z-index:110; }
#nav-main li a:hover, #nav-main li:hover a, #nav-main li a:active { color: #fff; background: #a76c6f; }
#nav-main li li a, #nav-main li:hover li a { padding: 0.4em 18px; display: block; border: none; border-top: 1px dotted #d0ba93; line-height: 1.0em; color: #84414a; background-color: #fff; }
#nav-main li li a:hover, #nav-main li li a:active { background: #fff; border: none; border-top: 1px solid #d0ba93; color: #a76c6f; }


#content  { overflow: auto; z-index: 90; height: 100%; padding: 16px 0 32px 36px; font-size: 0.8125em; letter-spacing: 0.01em;  background: url(/images/separator.jpg) bottom no-repeat; }
#content-main { float:left; width: 576px; }
#content-main h3 { clear: left; }
#content-main p { margin-bottom: 1.5em; line-height: 1.5em; }
#content-main ol { margin: -1em 0 1.5em 3em; list-style: decimal; }
#content-main ul { margin: -1em 0 1.5em 3em; list-style: disc; }
#content-main ul ul, #content-main ol ol, #content-main ul ol, #content-main ol ul { margin: 0.5em 0 0.5em 1.5em; }
#content-main li { margin-bottom: 0.5em; line-height: 1.25em; }
#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: 172px; margin: 0 20px 12px 0; list-style: none; text-align: center; }
#content-main ul.staff-list li.secondary { margin-right: 0; }
#content-main .staff-list img { width: 128px; margin-bottom: 4px; }

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


#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: 240px; margin: 0 0 48px 618px;  }
#offer { width: 200px; margin-bottom: 24px; padding: 20px 15px 20px; background: url(/images/separator.jpg) bottom no-repeat; }
#offer h3 { font: normal 1.6154em Helvetica, Arial, sans-serif; }
#offer h3 span { font-size: 0.6190em; color: #222; }
#content-side p { margin-bottom: 0.5em; font-size: 12px; line-height: 1.2em; }
#content-side li { margin-bottom: 0.25em; }

#news { width: 200px; padding: 10px 15px; border: 1px solid #d0ba93; }
#news .sectionhead { text-transform: uppercase; font: normal 0.9em Georgia, "Times New Roman", Times, serif; color: #666; }
#news h3 { margin-bottom: 0.5em; font-size: 1.1em; }

#bannerbar { height: 272px; margin: -12px 0 20px; background: url(/images/separator.jpg) bottom no-repeat; }
#bannerbar img { float: left; }
#bannerbar #offer { margin: 0 0 0 640px; padding: 6px 0 0; background: none; }

#homepage { margin: -24px 0 0; }

#return-top { clear: both; padding: 0 0 24px; font-size: 0.8em; text-transform: uppercase; }

#footer { clear: both; height: 120px; margin: 0 0; padding: 10px 16px 10px 36px; font-size: 0.75em; background: url(/images/footer-bkg.jpg) bottom no-repeat; }
#nav-footer { float: right; width: 440px; }
#nav-footer li { position: relative; float: left; border-right: 1px dotted #784671; 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; text-decoration: none; }
#nav-footer li a:hover { text-decoration: underline; }

#copyright { float: left; width: 380px; }
#credits { display: block; margin-top: 5px; color: #666; }
#credits a { color: #999; }


/* =====  forms ====== */
form { }
form p { color: #666; margin-bottom: 0.4em; }
form br { display: none; }
p input, p textarea { width: 180px; padding: 3px 2px; background: #fff; border: 1px solid #d0ba93; font: normal 11px Arial, Helvetica, sans-serif; color: #666; }
textarea { width: 164px; height: 40px; overflow: auto; }
label { display: none; }

#content-main input, #content-main textarea { width: 162px; }
#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; }

#content-main .testimonial { padding: 1.5em 0 0; }
#content-main .source { padding: 0 20px 3em; border-bottom: 1px solid #9d957d; font-size: 0.9em; font-style: italic; color: #9d957d; }
#content-main .source a {color: #bdb59d; } 


/* ======== blog ============= */
#blog-main { float: right; width: 392px; }
#blog-main h2, #blog-main h3 { margin-bottom: 8px; }
#blog-sidebar { width: 144px; margin-top: 1em; }
#blog-sidebar h3 { text-transform: uppercase; font: normal 1.0em Georgia, "Times New Roman", Times, serif; color: #666; }
#blog-sidebar p { margin: 1em 0; line-height: 1.3em; font-size: 0.9167em; font-style: italic; }
#content-main #blog-sidebar img { margin-bottom: 0; }
#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; border: 1px solid #d0ba93; font-size: 0.92em; font-style: italic; text-align: center; }
.post { margin-bottom: 36px; }


/* ======== image helps ============= */
img.centered { display: block; margin: 8px auto 16px; }
img.alignright { display: inline; margin: 4px 0 16px 18px; }
img.alignleft { display: inline; margin: 4px 18px 16px 0; }

#content-main img { margin: 4px 0 16px; padding: 5px; border: 1px solid #d0ba93; background: #fff; text-decoration: none; }
img.main-pic { margin: 4px 24px 8px 0; }

.gallery { float: left; height: 100px; margin: 24px 24px 0 0; }
.ngg-gallery-thumbnail { display: inline; float: left; margin: 12px; }
.slideshow {border: 1px solid #d0ba93; }

#content-main .alignright { float: right; margin-right: 0; margin-left: 16px; }
#content-main .alignleft { float: left; margin-left: 0; margin-right: 16px; }
.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.captioned { margin-bottom: 16px; font-style: italic; font-size: 0.8em; text-align: center; }
#content-main .captioned img { margin-bottom: 4px; }
#content-main .homeimg { float: right; margin: -24px 0 0 16px; }

#subnav { padding-bottom: 24px; }
#subnav p { margin-bottom: 0.5em; }
#subnav ul, #subnav li { margin: 0; padding: 0; list-style: none; }
#subnav li { width: 138px; padding: 2px 3px 2px; float: left; font-size: 0.9167em; }
#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; }
#sidepromo { margin: 0 0 12px 678px; border: none; }


/* ----- =slider ------- */
#slider {width:544px;margin:0 auto;position:relative; }
.scroll {height:460px;width:540px;overflow:auto;overflow-x:hidden;position:relative;clear:left; }
.scrollContainer div.panel {float:left;position:relative;padding:0 18px;height:480px;width:510px; }
#content .panel img {display:block;margin: 8px auto; }
#content-main #slider h3 { margin: 10px 10px 0; }
#content-main #slider .panel p { margin: 0; padding: 5px 10px 0; font-size: 0.9em; }
#slider ul.navigation {list-style:none;margin: 12px 0 18px;padding:0;font-size:0.9em;}
#slider ul.navigation li {display:inline;}
#slider ul.navigation a {padding:8px 7px;}
#slider ul.navigation a.selected {font-weight:bold; text-decoration:none; }
#slider ul.navigation a:focus {outline:none;}
#content-main .scrollButtons {position:absolute;top:240px; cursor:pointer; border: none; background: none; }
.scrollButtons {position:absolute;top:240px;cursor:pointer;}
.scrollButtons.left {left:-12px;}
.scrollButtons.right {right:-12px;}
.hide {display:none;}