/*
Theme Name: Drs. Greg and Joanne Szalai
Theme URI: http://www.allenparkdentists.com/
Description: A custom template created by Steeple Ashton
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; }
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3. Copyright 2006 – 2008 Mark Wubben,
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@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; }
}
@media screen {
.sIFR-active h1 span, .sIFR-active h2 span { visibility: hidden; line-height: 1em; }
.sIFR-active h1 span { font-size: 32px; }
.sIFR-active h2 span { font-size: 21px; }
}
/* --- litebox --- */
#lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { height: 1%; /* End hide from IE-mac */ }
/* ---- =drs. szalai ---- */
html { min-height: 100%; height: 100%; }
body { height: 100%; background: #fff url(/images/top-bkg-262.jpg) top repeat-x; font: normal 100% Tahoma, Arial, Helvetica, sans-serif; color: #111; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #00899f; line-height: 1em; }
h1 { font-size: 2.2857em; margin-bottom: 8px; }
h2 { font-size: 1.5em; margin-bottom: 8px; }
h3 { font-size: 1.2857em; margin-bottom: 12px; }
h4 { font-size: 1.0714em; }
h5 { font-size: 0.8571em; }
h6 { font-size: 11px; }
h1 a, h2 a, h3 a { color: #00899f; text-decoration: none; }
h2 a:hover, h3 a:hover { color: #003958; }
h1 span { font-family: Arial Narrow, "Arial Narrow", "Impact", "Gill Sans MT"; }
h2 span { font-family: Arial Narrow, "Arial Narrow", "Impact", "Gill Sans MT"; }
blockquote { margin-left: 8em; }
strong { font-weight: bold; }
table { width: 300px; border: 1px solid #c1a859; margin: 5px auto; line-height: 1.2em; }
th { padding: 3px 10px 3px; border-right: 1px solid #e8dfad; border-bottom: 1px solid #e8dfad; vertical-align: bottom; text-align: center; font-weight: bold; }
.horiz th { padding: 3px; text-align: left: }
td { padding: 4px 10px; border-right: 1px solid #e8dfad; vertical-align: baseline; text-align: center; }
.horiz td { text-align: center: }
em { font-style: italic; }
a { color: #00899f; }
a:hover { color: #003958; }
.clearit { height: 1px; font-size: 2px; clear: both; }
.container { width: 960px; min-height: 100%; margin: 0 auto; font-size: 0.875em; }
#header { height: 262px; margin: 0; }
#nav { height: 40px; width: 960px; margin-top: 0; z-index:100; }
#nav-main { z-index:100; }
#nav-main li { z-index:100; position: relative; float: left; }
#nav-main li ul { display: none; position: absolute; width: 192px; left: 0%; top: 100%; margin-top: -1px; background-color: #001B2B; text-align: left; z-index:120; border: 1px solid #00899f; border-top: none; }
#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: 8px 12px; line-height: 36px; color: #fff; text-decoration: none; font-size: 0.8571em; }
#nav-main li a:hover, #nav-main li:hover a, #nav-main li a:active { color: #fbe168; }
#nav-main li li a, #nav-main li:hover li a { padding: 0.6em 18px; display: block; line-height: 1.0em; }
#nav-main li li a:hover, #nav-main li li a:active { color: #fff; }
#branding { float: left; height: 184px; width: 725px; z-index: 2; }
#branding-logo a { display: block; position: relative; left: 0; top: 0; width: 725px; height: 184px; color: #fff; text-decoration: none; letter-spacing: 0em; }
#branding-logo span { display: block; position: absolute; left: 0; top: 0; z-index: 5; width: 725px; height: 184px; background: url(/images/top-logo.jpg) no-repeat; }
#contact-info { float: left; width: 235px; height: 184px; background: url(/images/top-call.jpg) no-repeat; text-align: center; color: #fff; text-shadow: 1px 1px 2px #000; }
#callus { height: 50px; padding-top: 55px; font-size: 2.5714em; line-height: 55px; }
#social { padding-top: 50px; white-space: nowrap; }
#social img { padding: 0 2px 3px; vertical-align: middle; }
#location { clear: both; text-align: center; color: #001b2b; line-height: 34px; font-size: 0.9em; }
#content { height: 100%; padding: 32px 0; z-index: 90; }
#content-main { float:left; width: 718px; margin-top: 16px; }
#content-main p.subtitle { color: #00899f; line-height: 1em; font-size: 2.2857em; margin: -0.4118em 0 0.4118em; }
#content-main p { margin-bottom: 1.5em; line-height: 1.5em; }
#content-main img { border: 1px solid #4a53d3; }
#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: 238px; margin: 24px 12px 24px 0; }
.column p { width: 218px; }
.column img { margin: 0 0 12px; }
.first { clear: both; margin-left: 0; }
.last { width: 218px; margin-right: 0; }
#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 { left center no-repeat; }
#subnav .current_page_item a { font-weight: bold; text-decoration: none; color: #222; }
#page-image { float: left; margin: 0 24px 24px 0; }
/* ===== content-side ====== */
#content-side { width: 208px; margin-left: 748px; /* 752 */
padding-bottom: 24px; font-size: 0.7857em; }
#content-side p { margin-bottom: 0.5em; }
#content-side li { margin-bottom: 0.25em; }
#offer { width: 188px; padding: 6px 8px; background: #fbe168; border: 1px solid #c1a859; }
/* #offer h3 { margin-bottom: 0; color: #001b2b; font: normal 1.1em Verdana, Tahoma, Arial, Helvetica, sans-serif; text-align: center; }
#offer p { text-align: center; }
#offer form p { text-align: left; }
p#offer-detail { margin: 0; font-size: 1.4em; line-height: 1.0em; font-weight: bold; color: #003958; text-align: center; }
p#offer-detail span { color: #4f83a0; font-weight: normal; font-size: 0.8em; }
*/
#offer p#offer-detail { margin-bottom: 0; color: #001b2b; font: normal 1.1em Verdana, Tahoma, Arial, Helvetica, sans-serif; text-align: center; }
#offer p { text-align: center; }
#offer form p { text-align: left; }
#offer ul { margin-left: 20px; list-style: disc; }
#offer h3 { margin: 0; font-size: 1.4em; line-height: 1.0em; font-weight: bold; color: #003958; text-align: center; }
#offer h3 span { color: #4f83a0; font-weight: normal; font-size: 0.8em; }
#invisday { margin-top: 12px; padding: 6px 8px; background: #003958; border: 1px solid #00899f; color: #fff; font: normal 1.1em Verdana, Tahoma, Arial, Helvetica, sans-serif; text-align: center; }
#invisday h3, #invisday strong, #invisday a { color: #fbe168; font-weight: bold; }
#invisday a { font-weight: normal }
#invsday ul { margin-left: 20px; text-align: center; list-style: disc; }
#address { margin: 24px 0 24px 16px; text-align: left; }
#address p { font-size: 1.1818em; line-height: 1.1818em; }
#address strong { }
#address img { float: none; padding: 0 4px; vertical-align: middle; }
#blog-excerpt { width: 188px; margin-top: 12px; padding: 6px 8px; border: 1px solid #c1a859; }
#blog-excerpt .heading a { color: #003958; text-decoration: none; font-weight: bold; }
#blog-excerpt h3 { margin-bottom: 4px;padding-bottom: 0; }
.read-more { text-align: right; }
#return-top { text-align: right; padding: 0 24px 24px 0; font-size: 0.8em; text-transform: uppercase; }
#footer { clear: both; margin: 0; padding: 24px 0 0; border-top: 1px solid #000; font-size: 0.8em; }
#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: 380px; }
#credits { color: #666; }
#credits a { color: #666; }
/* ===== forms ====== */
form { color: #222; }
form br { display: none; }
p input, p textarea { width: 182px; padding: 4px 2px; font: normal 11px Arial, Helvetica, sans-serif; border: 1px solid #c1a859; }
textarea { width: 186px; overflow:auto; }
label { }
.button { margin-top: 3px; }
#content-main form p { margin-bottom: 1.0em; }
#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 .wpcf7-form label { float: left; width: 16em; margin-right: 5px; text-align: right; }
#content-main .wpcf7-form .wpcf7-radio input { width: auto; }
#content-main .wpcf7-form .your-state input { width: 30px; }
#content-main .wpcf7-form .your-zip input { width: 60px; }
#content-main .wpcf7-form p input.button { width: auto; clear: both; margin: 0 0 0 19em; padding: 5px; background: #fbe168; font-weight: bold; }
#content-main #testimonials ul { margin: 0; padding: 0; }
#content-main #testimonials li { margin: 1.5em 0; padding: 0.2em 3em 1em; list-style-type: none; border-bottom: 1px solid #e8dfad; background: url(/images/quote.gif) no-repeat; }
#content-main #testimonials p { margin: 0 0 0.8571em; }
#content-main #testimonials .source { text-align: right; font-style: italic; }
/* ===== blog helps ====== */
#blog-main { float: right; width: 502px; margin-top: 16px; }
#blog-main h2, #blog-main h3 { margin-bottom: 8px; }
#blog-sidebar { width: 188px; margin-top: 1em; }
#blog-sidebar h3 { margin-bottom: 0; }
#blog-sidebar p { margin: 1em 0; line-height: 1.3em; font-style: italic; }
#blog-sidebar #feedlink img { background: none; border: none; text-decoration: none; vertical-align: middle; }
#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 #c1a859; }
.post { margin-bottom: 36px; }
/* ======== image helps ============= */
#content-main img { padding: 5px; border: 1px solid #c1a859; background: #fbe168; }
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; }
#smile-gallery #content-main img { float: left; margin: 8px; }
.alignright { float: right; margin-right: 0; margin-left: 32px; }
.alignleft { float: left; margin-left: 0; margin-right: 32px; }
.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.videobox { float: right; margin: 4px 0 8px 32px; }
body#sec { background: #fff url(images/top-bkg.jpg) top repeat-x; }
#sec #header { height: 148px; }
#sec #nav { float: left; width: 770px; }
#sec #branding { float: left; height: 108px; width: 190px; }
#sec #branding-logo { float: left; height: 108px; width: 190px; }
#sec #branding-logo a { width: 189px; height: 108px; }
#sec #branding-logo span { width: 189px; height: 108px; background: url(/images/top-logo2.jpg) no-repeat; }
#tagline { float: left; display: block; position: relative; margin: 0 40px; left: 0; top: 15px; width: 395px; height: 38px; }
#tagline span { display: block; position: absolute; left: 0; top: 0; width: 395px; height: 38px; background: url(images/gentle-hands.jpg) no-repeat; }
#sec #contact-info { float: left; width: 200px; height: 60px; margin-left: 0; padding: 0; background: url(images/callus.jpg) 0 15px no-repeat; }
#sec #callus { height: 45px; padding: 0 0 0 138px; font-size: 1.6em; text-align: left; white-space: nowrap; }
#sec #social { padding: 0 0 0 138px; font-size: 0.9em; }
#sec #nav-main li a { font-size: 0.8em; padding: 0.6em 6px; }
#sec #nav-main li li a, #sec #nav-main li:hover li a { padding: 0.6em 18px; }
#sec .page-item-3 { disxplay: none; }
#sec h2 { font-size: 2.0em; }