/*
Theme Name:		The Family Dentist
Theme URI:		http://www.clarknikdelpowell.com
Description:	A custom theme built by <a href='http://www.clarknikdelpowell.com'>Clark/Nikdel/Powell Inc.</a> for The Family Dentist
Author:			Taylor Gorman
Author URI:		http://www.clarknikdelpowell.com
*/

@font-face {
	font-family: 'OFL SM Goudy Web';
	src: url(OFLSortsMillGoudy.eot);
	src: local('OFL SM Goudy Web'), url(OFLSortsMillGoudy.ttf) format('truetype');
}

/* -------------------------------------------------------------- LAYOUT */

body {
	background-image: url(images/bodyBG.gif);
	background-color: #003957;
	background-position: 0px 4px;
}
#gradientBG {
	background-image: url(images/gradientBG.gif);
	background-repeat: repeat-x;
}
#bgPhoto {
	height: 705px;
	position: relative;
	top: 45px;
}
#bgPhoto div {
	background-repeat: no-repeat;
	width: 100%;
	height: 660px;
	position: absolute;
}
h1#logo {
	width: 293px;
	height: 156px;
	left: 17px;
	position: absolute;
	top: 0px;
	z-index: 5;
}
.home h1#logo {width:295px;}
h1#logo a {
	display: block;
	background-image: url(images/TheFamilyDentist.jpg);
	height: 156px;
	width: 293px;
	text-indent: -9999px;
}
.home h1#logo a {
	background-image: url(images/TheFamilyDentist.png);
	width: 295px;
}
#top {
	background-image: url(images/topBG.png);
	height: 41px;
	width: 100%;
	border-bottom: 4px solid #ed1b2e;
	position: absolute;
	z-index: 4;
	left: 0px;
	top: 0px;
}

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

#nav {
	position: absolute;
	left: 310px;
	top: 0px;
}
#nav li {float:left;}
#nav a {
	background-image: url(images/navBG.png);
	display: block;
	height: 60px;
	text-indent: -9999px;
}
#nav a.home {width:73px;}
#nav a.home:hover {background-position:0px -60px;}

#nav.home a.home {background-position:0px -120px;}
#nav a.about {width:97px; background-position:-73px 0px;}
#nav a.about:hover {background-position:-73px -60px;}
#nav.about a.about {background-position:-73px -120px;}
#nav a.services {width:84px; background-position:-170px 0px;}
#nav a.services:hover {background-position:-170px -60px;}
#nav.services a.services {background-position:-170px -120px;}
#nav a.faq {width:70px; background-position:-254px 0px;}
#nav a.faq:hover {background-position:-254px -60px;}
#nav.faq a.faq {background-position:-254px -120px;}
#nav a.contact {width:103px; background-position:-324px 0px;}
#nav a.contact:hover {background-position:-324px -60px;}
#nav.contact a.contact {background-position:-324px -120px;}

/* -------------------------------------------------------------- SEARCH */

#search {
	position: absolute;
	top: 8px;
	left: 750px;
	border: solid 2px #a7def8;
	width: 215px;
	height: 21px;
}
#search .text {
	background-color: #fff;
	border: 0px;
	display: inline;
	width: 133px;
	position: absolute;
	height: 21px;
	left: 0px;
	padding: 0 5px;
}
#search .submit {
	background-image: url(images/searchSubmit.gif);
	width: 72px;
	position: absolute;
	height: 21px;
	display: inline;
	right: 0px;
	cursor: pointer;
}

/* -------------------------------------------------------------- SIDEBAR */

#sidebar {
	width: 293px;
	position: absolute;
	z-index: 5;
	top: 156px;
	left: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 16px;
}
.home #sidebar {width:295px;}
a.feature {
	display: block;
	width: 173px;
	height: 69px;
	padding: 53px 90px 25px 30px;
	overflow: hidden;
	color: #656460;
}
.home a.feature {width:175px;}

a.feature.one {background-image:url(images/feature1BG.jpg);}
.home a.feature.one {background-image:url(images/feature1BG.png);}
a.feature.two {background-image:url(images/feature2BG.jpg);}
.home a.feature.two {background-image:url(images/feature2BG.png);}
a.feature.three {background-image:url(images/feature3BG.jpg);}
.home a.feature.three {background-image:url(images/feature3BG.png);}

p.callemail {
	cursor: default;
	color: #e4969c;
	padding: 30px 0 0 8px;
}
p.callemail a {
	color: #e4969c;
	border-bottom: solid 1px #c14e57;
}
p.callemail a:hover {
	border-bottom: 0px;
	color: #dfbabc;
}

/* -------------------------------------------------------------- SUBNAV */

#subnavBGt {
	background-image: url(images/subnavBGt.gif);
	height: 6px;
	width: 293px;
}
#subnavBGb {
	background-image: url(images/subnavBGb.gif);
	height: 6px;
	width: 293px;
}
#subnav a {
	background-color: #a34800;
	display: block;
	color: #fff;
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	line-height: 14px;
	padding: 8px 28px 7px 28px;
	border-bottom: solid 1px #b66e31;
	text-shadow: 1px 1px 0px #672e00;
}
#subnav :last-child a {
	border-bottom: 0px;
}
#subnav a:hover {
	background-color: #a8530f;
}
#subnav .current_page_item a {
	color: #5f2a00;
	background-color: #dbb979;
	font-weight: bold;
	text-shadow: 1px 1px 0px #e8ce94;
}

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

#contentANDfooter {
	width: 490px;
	position: absolute;
	z-index: 3;
	top: 45px;
	left: 310px;
}
#contentBG {
	background-color: #f4e6c5;
	background-image: url(images/contentBG.gif);
}
#content {
	padding: 40px 54px 80px 45px;
	border-bottom: solid 5px #9c000e;
	color: #333;
	background-image: url(images/contentBGw.png);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 560px;
	position: relative;
}
/*#content h2 {
	height: 24px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	border-bottom: solid 1px #c1bfb9;
	padding-bottom: 12px;
	background-position: 5px 0px;
}*/
/* Using @font-face, this font doesn't look that great in IE cause Microsoft doesn't know how to anti-alias */
#content h2 {
	color: #000;
	font-family: "OFL SM Goudy Web", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 30px;
	line-height: 30px;
	border-bottom: solid 1px #c1bfb9;
	padding: 0 0 8px 5px;
	background-repeat: no-repeat;
	background-position: -9999px -9999px;
}
#content h2 small a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	border-bottom: 0;
	font-weight: bold;
}
#content h2 small a:hover {color:#9c000e;}
.post {
	padding: 0 4px;
}
.post h1, .post h2 {
	visibility: hidden;
}
#content h3, #content h4, #content p, #content ul, #content ol, #SGM {
	margin-top: 22px;
	line-height: 18px;
	font-size: 11px;
}
#content .excerpt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #9c000e;
	line-height: 21px;
	margin-top: 18px;
}
#content .excerpt a {
	color: #9c000e;
	border-bottom-color: #cb7978;
}
#content h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #007cb7;
	font-size: 16px;
	margin-bottom: -10px;
}
#content h3 a {
	color: #007cb7;
	border-bottom: solid 1px #7bb5c6;
}
#content h3 a:hover {
	border-bottom: 0px;
}
#content h4 {
	color: #9c000e;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: -12px;
}
#content ul {
	list-style-type: disc;
	margin-left: 12px;
}
#content ol {
	list-style-type: decimal;
	margin-left: 16px;
}
#content a {
	color: #9c4500;
	border-bottom: solid 1px #ca9b6e;
}
#content a:hover {
	border-bottom: 0px;
}
#content .watermark {
	position: absolute;
	bottom: 3px;
	height: 50px;
	width: 50px;
	left: 50%;
	margin-left: -25px;
	background-image: url(images/watermark.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#content img {
	border: solid 5px #e3d4ae;
}
#content input, #content textarea {
	padding: 3px 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	margin-top: 2px;
	border: solid 1px #e3d4ae;
}
#content input.submit {
	cursor: pointer;
	background-color: #8a000a;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	padding: 3px 8px;
	border: 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	float: left;
}
#content input.submit:active {
	background-color: #660006;
}

/* -------------------------------------------------------------- CONTACT FORM 7 */

span.wpcf7-form-control-wrap {
	position: relative;
}
span.wpcf7-not-valid-tip { /* required fields left blank notice */
	position: absolute;
	z-index: 100;
	color: #bb000f;
	padding: 0;
	width: 90%;
	top: -2px;
	left: 6px;
}
#content img.ajax-loader {
	border: 0;
	vertical-align: middle;
	padding: 5px 0 0 6px;
}
div.wpcf7-response-output {
	clear: both;
	margin-top: 20px;
	padding: 6px 8px;
	color: #333;
	font-size: 11px;
}
div.wpcf7-mail-sent-ok {
	background-color: #b9e79b;
}
div.wpcf7-mail-sent-ng, div.wpcf7-validation-errors {
	background-color: #e7a29b;
}

/* -------------------------------------------------------------- SIMPLE GOOGLE MAP */

#SGM {
	width: 100%;
	height: 280px;
	border: solid 3px #dac7a2;
}
#SGM input {
	margin-top: 6px;
	padding: 2px 5px;
	border: solid 1px #ccc;
	font-size: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#SGM .text {
	width: 130px;
}
#SGM .submit {
	color: #fff;
	background-color: #007cb7;
	text-transform: uppercase;
	margin-left: 3px;
	letter-spacing: .1em;
	font-size: 9px;
}

/* -------------------------------------------------------------- FOOTER */

#footer {
	padding: 16px 10px 40px 10px;
	cursor: default;
}
.home #footer {
	position: absolute;
	top: 710px;
}
#footer p, #footer a.blue {
	color: #94d4f5;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
}
#footer a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #fff;
	cursor: pointer;
}
#footer a:hover {
	text-decoration: underline;
}

/* -------------------------------------------------------------- WP-TYPOGRAPHY */

sup {
	vertical-align: 60%;
	font-size: 75%;
	line-height: 100%;
}
sub {
	vertical-align: -10%;
	font-size: 75%;
	line-height: 100%;
}
h2 .amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Warnock Pro", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.1em;
	line-height: 1em;
}