/*
Theme Name: Geren
Theme URI: http://www.sedationdentistalexandria.com/
Description: A custom theme, leveraging bits from HTML5 Reset (html5reset.org)
Author: Adam Dunford
Author URI: http://www.steepleashton.com
Version: 2.0
*/


/* RESET http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126
-------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* BASIC ELEMENTS
-------------------------------------------------------------------------------*/

html { min-height: 100%; height: 100%; }
body { height: 100%; background: rgb(207,200,180); font: normal 14px/18px Helvetica, Arial, sans-serif; color: rgb(70,50,31); }

h1, h2, h3, h4, h5, h6 { font: normal 18px/24px "Lato", "AvantGardeMdITCTT", "Avant Garde", "Century Gothic", Futura, sans-serif; color: rgb(160,61,23); }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
 /* font-family: "Dancing Script", cursive; 56px */



h2 { padding: 0 0 12px; font-size: 36px; line-height: 36px; }
h2 span { font-size: 13px; line-height: 15px; color: rgb(200,101,63);}
.blog h2 span, .single h2 span {display:block;}



h3 { font-size: 21px; }

strong { font-weight: bold; }

a { color: rgb(160,61,23); text-decoration: none; }
a:hover { color: rgb(200,101,63); }

a.button, #offer form input.fscf-button-submit { position: relative; padding: 6px 15px;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
	/* line breaks to show what's going on here */
	background-color: rgb(160,61,23);
    color: #fff;
    font-weight: bold;
    line-height: 30px;
}


a.button:hover, #offer form input.fscf-button-submit:hover { background: rgb(200,101,63); color: #fff;
transition: background .25s linear; -webkit-transition: background .25s linear; -moz-transition: background .25s linear;
}
a.button:active, #offer form input.fscf-button-submit:active { top: 2px;
	background-color: rgb(207,200,180);
	color: rgb(110,90,71);
}

#content img { max-width: 100%; height: auto; }

#content img, #content a img, #content a:visited img, #content iframe { padding: 4px; background: #fff; border: 1px solid rgb(247,240,220); color: #e8e4d8; }
#content a:hover img { border: 1px solid rgb(200,101,63); }


#content img.wide { padding: 0; border: 0;  }
.alignright { float: right; margin-right: 0; margin-left: 18px; }
.alignleft { float: left; margin-left: 0; margin-right: 18px; }
.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }

.wp-post-image { margin-bottom: 12px; }

.clearit { clear:both; }



/* HEADER, BRANDING
-------------------------------------------------------------------------------*/

#header { position: relative; min-height: 98px; padding-top: 10px; background: #fff;
    border-bottom: 10px solid rgba(207,200,180,0.2);
    z-index: 99999999;
}

#header-content {
    z-index: 2;
    background: rgb(207,200,180);
    border-top: 10px solid rgba(207,200,180,0.2);
    background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
}
#header-content .container { max-width: 970px; width: 100%; min-height: 88px; margin: 0 auto; }


#branding { float: left; max-width: 100%; }
#branding a { display: block; position: relative; left: 0; margin-top: 16px; width: 380px; height: 54px; background: url(images/logo-trans-new.png) top center no-repeat; background-size: contain !important; color: rgb(160,61,23); font: bold 19px/20px Helvetica, Arial, sans-serif; text-decoration: none; text-transform: uppercase; text-indent: -9999px; }

#callus { padding-top: 15px; text-align: right; color: rgb(70,50,31); line-height: 24px; font-size: 21px; }
#callus span { color: rgb(160,61,23); font-size: 21px; font-weight: bold; }

.social { margin-left: 2px; }
.social a { display: inline-block; position: relative; width: 16px; height: 20px; text-align: left; text-indent: -9999px; }
.icn-fb { background: url(images/icn-fb.png) no-repeat bottom; }
.icn-tw { background: url(images/icn-tw.png) no-repeat bottom; }
.social a:active { top: 1px; }


/* NAVIGATION
-------------------------------------------------------------------------------*/

#nav-main { margin: 0 0 0 390px; }
#nav-main ul { xmargin-left: 26px; }
#nav-main li { position: relative; float: left; display: inline; margin-left: 5px; }
#nav-main li a { float: left; display: block; padding: 4px 5px; line-height: 18px; font-weight: bold; text-decoration: none; }
#nav-main li a:hover, #nav-main li a:active { }
#nav-main li:first-child { margin-left: 0; }

#nav-main li ul { display: none; position: absolute; visibility: hidden; width: 200px; left: 0%; top: 100%; margin-top: -1px; margin-left: -20px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	background-color: #ecd8d1;
	background-image: -moz-linear-gradient(top, #fcf9f8, #ecd8d1);  /* background-image: -moz-linear-gradient(#fcf9f8, #ecd8d1); */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf9f8), to(#ecd8d1));
	background-image: -webkit-linear-gradient(top, #fcf9f8, #ecd8d1);
	background-image: -o-linear-gradient(top, #fcf9f8, #ecd8d1);
	background-image: -ms-linear-gradient(top, #fcf9f8, #ecd8d1);
	background-image: linear-gradient(top, #fcf9f8, #ecd8d1);
	z-index:120;
    box-shadow: 0px 5px 9px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 5px 9px rgba(0,0,0,0.4); -moz-box-shadow: 0px 5px 9px rgba(0,0,0,0.4);
}
#nav-main li:hover > ul, #nav-main li.over > ul { display: block; visibility: visible; z-index: 700; }
#nav-main ul ul { left: 100%; top: 0; margin: 0; }

#nav-main li li { padding: 0; margin: 0; width: 200px; border-top: 1px solid #fff; border-bottom: 1px solid rgb(200,101,63); }
#nav-main li li:first-child { border-top: none; }
#nav-main li li:last-child { border-bottom: none; }
#nav-main li li a, #nav-main li:hover li a { padding: 0.8em 10px 0.6em; display: block; border: none; line-height: 1.0em; text-align: left; font-weight: normal; }
#nav-main li li a:hover { }
#nav-main li li a:active { font-weight: bold; }


#nav-main li a.button { padding: 4px 14px 2px;
    background-color: #a39161;
    background-image: -moz-linear-gradient(top, #d1c8b0, #a39161);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d1c8b0), to(#a39161));
    background-image: -webkit-linear-gradient(top, #d1c8b0, #a39161);
    background-image: -o-linear-gradient(top, #d1c8b0, #a39161);
    background-image: -ms-linear-gradient(top, #d1c8b0, #a39161);
    background-image: linear-gradient(top, #d1c8b0, #a39161);
    color: rgb(160,61,23);
}

#nav-main li a.button:hover { background: #d1c8b0; color: #312810; }

#nav-main li a.button:active { top: 2px;
	background-color: #d1c8b0;
	background-image: -moz-linear-gradient(top, #a39161, #d1c8b0);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a39161), to(#d1c8b0));
	background-image: -webkit-linear-gradient(top, #a39161, #d1c8b0);
	background-image: -o-linear-gradient(top, #a39161, #d1c8b0);
	background-image: -ms-linear-gradient(top, #a39161, #d1c8b0);
	background-image: linear-gradient(top, #a39161, #d1c8b0);
}




/* SLIDES
-------------------------------------------------------------------------------*/

#banner { z-index: 1; background: #fff; }
/*url(images/hero1.jpg) no-repeat top center; }*/

#slideshow { max-width: 970px; width: 100%; margin: 0 auto; }


h1 { margin: 0 auto; max-width: 970px; padding: 46px 0 46px 40px; background: url(images/flourish.png) no-repeat 93px 36px; font: normal 56px/56px "Dancing Script", "Brush Script MT", "Bradley Hand ITC", "Apple Chancery", cursive; }


.home #banner {  }

.home h1 { width: auto; height: auto; padding: 0 0 12px; background: none; font: normal 36px/36px "Lato", "AvantGardeMdITCTT", "Avant Garde", "Century Gothic", Futura, sans-serif; }


/* CONTENT
-------------------------------------------------------------------------------*/

#content {
    z-index: 99999;
    position: relative;
    overflow: auto;
    max-width: 970px;
    margin: -30px auto 0;
    padding-bottom: 36px;
    background: #fff url(images/separator.png) no-repeat 695px -10px;
    border: 10px solid rgba(255,255,255,0.7);
    background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
}


#content-main { float: left; width: 67%; margin: 20px 4.7% 20px 2%; }
#content-main p { margin-bottom: 18px; }
p.intro { font-size: 14px; }

#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; list-style: disc; } 

.threecol { float: left; width: 190px; margin-right: 32px; margin-top: 12px; }
.threecol h2 { padding: 6px 0; font-size: 21px; line-height: 24px; text-align: center; }
.threecol h2 span { display: block; font: normal 13px/15px Helvetica, Arial, sans-serif; color: rgb(200,101,63); }

.threecol img { width: 180px; }

.fourcol { }
.fourcol h2 { clear: left; padding: 6px 0; font-size: 21px; line-height: 24px; }
.fourcol h2 span { font-size: 18px; color: rgb(200,101,63); }


.last { margin-right: 0; }




/* CONTENT-SIDE
-------------------------------------------------------------------------------*/
#content-side { float: right; width: 25%; margin: 20px 1.3% 0 0; color: rgb(160,61,23); }

#content-side .box { clear: right; margin-top: 42px; }

#content-side h2 { padding: 0; font-size: 24px; line-height: 24px; color: rgb(70,50,31); }
#content-side h2 span { font-size: 18px; line-height: 24px; }


#content-side h3 { padding: 0; color: rgb(70,50,31); }
#content-side strong { color: rgb(70,50,31); }

#offer { line-height: 24px; text-align: center; }
#offer h2 { font-size: 20px; }
#offer form { padding-top: 12px; }
#offer form p { padding-bottom: 5px; text-align: left; line-height: 30px; }


#offer .fscf-div-field-left { padding-bottom: 5px; }

#offer form br { display: none; }
#offer form .input-label, #offer form .fscf-div-label { display: block; float: left; width: 60px; margin-right: 5px; text-align: right; }
#offer form .input-div input, .fscf-div-field input { width: 150px; height: 20px; padding: 4px 2px 1px; border: 1px solid rgb(247,240,220); }
#offer form .input-div textarea, .fscf-div-field textarea { overflow: auto; width: 150px; height: 50px; padding: 4px 2px 1px; border: 1px solid rgb(247,240,220); }
#offer form input.submit-button, .fscf-button-submit { width: auto; height: auto; margin-top: -4px; padding: 4px 15px; font-size: 12px; border: none; line-height: 15px; }

#fscf_div_clear1_3 .fscf-div-field { line-height: 10px; }

.form-error { width: auto; margin-bottom: 2px; padding: 5px; color: #a00; line-height: 15px; font-size: 11px; background: #fee; border: 1px solid #fcc; text-align: left; }

.transid-label, .transid-input { display: none; }


#offer ul {
	margin-left: 20px;
	text-align: left;
	line-height: 18px;
	list-style: disc;
}

.otheroffers {
	margin-top: 20px;
	text-align: center;
}

.otheroffers h4 {
	font-size: 15px;
	line-height: 18px;
	color: rgb(70,50,31);
}

.otheroffers a.button {
	display: block;
	margin: 10px auto;
	padding-top: 10px;
	background: rgb(247,240,230);
	color: rgb(160,61,23);
	line-height: 18px;
}

.otheroffers a.button:hover, .otheroffers a.button:hover h4 { color: rgb(200,101,63); }




#location img { float: left; margin: 4px 8px 0 0; }
#location p { line-height: 15px; }

#fromgallery { text-align: center; }

#reviewus { text-align: center; }
#reviewus a.button { display: block; width: 160px; margin: 0 auto 10px; padding-top: 10px; background: rgb(247,240,230); color: rgb(160,61,23);  } 
#reviewus a.button:hover { color: rgb(200,101,63); }
#reviewus a.button span { display: block; padding-left: 80px; background: url(images/review-sprite.png) no-repeat left top; line-height: 15px; }
#reviewus #yahoo span { padding: 0 80px 0 0; background-position: right -64px; }

#reviewus #facebook span { display: inline-block; width: 72px; padding: 0 0 0 2px; background: url(images/facebook.png) no-repeat right top; text-indent: -9px; line-height: 17px; }

a.button#facebook {
	padding-top: 8px;
	background-color: #3b5998;
	background-image: -moz-linear-gradient(top, #3b5998, #1f4189); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3b5998), to(#1f4189));
	background-image: -webkit-linear-gradient(top, #3b5998, #1f4189);
	background-image: -o-linear-gradient(top, #3b5998, #1f4189);
	background-image: -ms-linear-gradient(top, #3b5998, #1f4189);
	background-image: linear-gradient(top, #3b5998, #1f4189);
    color: #d8dfea; line-height: 15px; text-shadow: rgba(0,0,0,.5) 0 -1px 0;
}

a.button#facebook:hover { background: #3b5998; color: #fff; }

/* BLOG HELPS
-------------------------------------------------------------------------------*/
.blog #content-main, .archive #content-main, .category #content-main { float: left; width: 665px; margin-right: 0; }
#blog-main { float: left; width: 470px; margin-right: 20px;  }

#blog-main h2 { font-size: 32px; line-height: 36px; }

#blog-sidebar { float: left; width: 140px; padding-left: 20px; border-left: 1px solid #e8e4d8; }
#blog-sidebar h3 { margin-bottom: 0; }
#blog-sidebar p { margin: 0 0 1em; }
#blog-sidebar ul { margin: 5px 0 20px; list-style: none; }
#blog-sidebar li { list-style: none; }
.postmetadata { padding:8px 12px; border: 1px solid rgb(247,240,220); color: rgb(200,101,63); }
.post { margin-bottom: 36px; }


/* FOOTER
-------------------------------------------------------------------------------*/
#footer { clear: both; overflow: auto; max-width: 950px; margin: 10px auto 30px; padding: 10px 10px 115px; background: url(images/mt-logo.png) no-repeat center bottom; color: rgb(110,90,71); }

#nav-footer { float: right; width: 450px; }
#nav-footer li { position: relative; float: left; border-right: 1px dotted rgb(110,90,71); white-space: nowrap; }
#nav-footer li:last-child { border-right: none; }
#nav-footer li a { padding: 0 8px; }
#nav-footer li a:hover { }
#copyright { float: left; width: 400px; }
#credits { color: rgb(247,240,220); }
#credits a { color: rgb(247,240,220); }
#logos {display: inline-block; margin-right:10px;}
#centerlogo {text-align: center; margin-bottom: 20px;}




/* SLIMBOX 
-------------------------------------------------------------------------------*/

#lbOverlay { position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 99999; 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-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; 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; }




/* SPECIAL FORMATTING FOR HOME PAGE
-------------------------------------------------------------------------------*/



/* Print styles!  Do we need to worry about these for now?
-------------------------------------------------------------------------------*/
/*
@media print {

}
*/


/* Media queries!  Do we need to worry about these for now?
-------------------------------------------------------------------------------*/

@media screen and (max-width: 980px) {
	#nav-main { display: block; margin: 0; clear: both; min-height: 20px; padding-bottom: 10px; text-align: center; }
	#nav-main li { display: inline-block; float: none; }
	#content { background-image: none; margin-top: 0; }
	#content-side { float: none; margin: 0 auto; width: 100%; max-width: 350px; }
	#content-main { max-width: 100%; width: auto; margin: 20px; }
	#nav-footer, #copyright { clear: both; float: none; width: 100%; text-align: center; }
	#copyright { margin-top: 20px; }
	#nav-footer li { float: none; display: inline-block; }
}

@media screen and (max-width: 780px) {
	#branding { float: none; padding-top: 20px; }
	#branding a { right: 0; margin: 0 auto; width: 100%; background-size: 100%; }
	#callus { text-align: center; width: 200px; margin: 0 auto; }
	#slides a { font-size: 34px !important; background-size: 100%; }
	#slides a strong { font-size: 22px !important; }
}


@media screen and (max-width: 480px) {
	#branding a { width: auto !important; background-size: 100%; }
	#slides a { font-size: 24px !important; top: 10px; left: 30px; }
	#slides a strong { font-size: 16px !important; text-shadow: 0 0 5px rgba(255,255,255,1); }
}
/*
@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}
*/

textarea { overflow: auto; }
.textwidget input[type="text"], .textwidget input[type="email"], .textwidget input[type="tel"], .textwidget textarea {
	max-width: 150px;
	float: right;
	padding: 4px;
	border: 1px solid rgb(127,120,100);
}

.textwidget input[type="submit"] {
	position: relative;
	padding: 6px 15px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: rgb(160,61,23);
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	margin-left: 30px;
	border: none;
	transition: background .25s linear;
	-webkit-transition: background .25s linear;
	-moz-transition: background .25s linear;
}

.textwidget input[type="submit"]:hover {
	background: rgb(200,101,63);
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-bottom: 10px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#comLink img:hover {opacity:.4}

.socialMedia i {
    display: inline-block;
    width: 30px;
    vertical-align: middle;
}

.angieslist-icon {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 20px;
    top: 5px;
    vertical-align: baseline !important;
	margin: 0 5px;
}
.angieslist-icon:before {
    position: absolute;
    background: inherit;
    top: 0;
    left:-2px;
    content: '';
    width: 100%;
    height: 8px;
    border: 2px solid #A03D17;
    border-radius: 30px;
}
.angieslist-icon:after {
    position: absolute;
    bottom: 0;
    content: '';
    width: 0;
    height: 0;
    left: 5px;
    border-style: solid;
    border-width: 10px 6px 0 6px;
    border-color: #A03D17 transparent transparent transparent;
}
.angieslist-icon em {
    z-index: 1;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.angieslist-icon em:after {
    position: absolute;
    bottom: 4px;
    content: '';
    width: 0;
    height: 0;
    left: 7px;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    border-color: #fff transparent transparent transparent;
}