/*
Theme Name: Crockard
Theme URI: http://kingdesk.com/
Description: Custom WordPress theme for Dr. Kim R. Crockard.
Version: 1.0
Author: Jeff King
Author URI: http://kingdesk.com/

Copyright KINGdesk, LLC.  All rights reserved.

*/

/*
	font scale:
		12 small
		16 body
		


/*=========================================================================================*/
/*=========================================================================================*/
/*===	CSS Reset by Eric Meyer															===*/
/*=========================================================================================*/
/*=========================================================================================*/

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, 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;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}



/*=========================================================================================*/
/*=========================================================================================*/
/*===	General HTML Styling															===*/
/*=========================================================================================*/
/*=========================================================================================*/

body {
	font: 16px/24px Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	}

h1 {
	margin: 48px 0 24px;
	font: 700 36px/48px Georgia, sans-serif;
	text-transform: uppercase;
	text-align: center;
	}
h2 {
	margin: 48px 0 24px;
	font: 700 30px/48px Georgia, sans-serif;
	letter-spacing: 1px;
	font-style: italic;
	}
h3 {
	margin: 48px 0 24px;
	font: 24px/24px Georgia, sans-serif;
	letter-spacing: 1px;
	font-style: italic;
	}
h4 {
	margin: 48px 0 24px;
	font: 700 22px/24px Georgia, sans-serif;
	}
h5 {
	margin: 48px 0 24px;
	font: 20px/24px Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-style: italic;
	}
h6 {
	margin: 48px 0 24px;
	font: 700 18px/24px Helvetica, Arial, sans-serif;
	}
p {
	margin: 24px 0;
	}
	p + p, p + img.alignleft + p, p + img.alignright + p, p + .wp-caption.alignleft + p, p + .wp-caption.alignright + p {
		margin-top: -24px;
		text-indent: 48px;
		}
a {
	color: #700;
	text-decoration: underline;
	}
	a:hover {
		color: #878842;
		}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: #333;
		text-decoration: none;
		}
blockquote {
	margin: 24px;
	border-left: 5px solid #676832;
	padding-left: 20px;
	font-family: Georgia, serif;
	letter-spacing: 1px;
	font-style: italic;
	}
	blockquote p {
		text-indent: -.40em;
		}
	blockquote p:before {
		content: "“";
		}
	blockquote p+p {
		margin-top: 24px;
		text-indent: -.40em;
		}
	blockquote p:last-child:after {
		content: "”";
		}
blockquote + .credit {
	margin: -24px 25px 24px;
	padding: 12px 0 12px 25px;
	text-indent: -.55em;
	}
	blockquote + .credit:before {
		content: "–";
		}
abbr, acronym {
	border-bottom: 1px dotted #333;
	}
q {
	font-family: Georgia, serif;
	font-style: italic;
	letter-spacing: 1px;
	}
	q:before {
		content: "“";
		}
	q:after {
		content: "”";
		}
sup {
	vertical-align: 60%;
	font-size: 75%;
	line-height: 100%;
}
sub {
	vertical-align: -10%;
	font-size: 75%;
	line-height: 100%;
}
strong {
	font-weight: 700;
	}
em, cite {
	font-style: italic;
	letter-spacing: 1px;
	}

ul {
	margin: 24px 0;
	list-style: disc outside;
	}
	ul ul{
		list-style: circle outside;
		margin: 0 0 0 25px;
		}
		ul ul ul {
			list-style: square outside;
			}
	ul ol{
		margin-left: 25px;
		}
	
ol {
	margin: 24px 0;
	list-style: decimal outside;
	}
	ol ul{
		margin-left: 25px;
		}
	ol ol{
		list-style: lower-alpha outside;
		margin: 0 0 0 25px;
		}
		ol ol ol {
			list-style: lower-roman outside;
			}
p + ul, p + ol, img + ul, img + ol, div + ul, div + ol {
	margin-top: -12px;
	margin-bottom: 38px;
	}
pre {
	margin: 24px 0;
	border: 1px solid #676832;
	padding: 24px;
	overflow-x: auto;
	}

dl {
	margin: 24px 0;
	}
dt {
	margin: 48px 0 24px;
	font: 700 18px/24px Helvetica, Arial, sans-serif;
	}
dd {
	margin: 24px 0;
	}


fieldset {
	border: 1px solid #333;
	padding: 0 24px;
	}
	fieldset.radio, fieldset.checkbox {
		border: none;
		padding: 0;
		}
legend {
	font-weight: 700;
	}
form p, form div {
	margin: 24px 0;
	clear: both;
	}
	form p + p {
		text-indent: 0;
		}
form br {
	display: none;
	}
label {
	font-weight: 700;
	display: block;
	}
	.checkbox label, .radio label {
		clear: left;
		font-weight: 400;
		margin-left: 50px;
		}
textarea {
	display: block;
	clear: left;
	width: 100%;
	}
input[type=checkbox], input[type=radio] {
	margin-left: -25px;
	width: 25px;
	}


table {
	border-collapse: collapse;
	border: 5px solid #878842;
	border-top-width: 12px;
	border-bottom-width: 15px;
	margin: 24px -5px;
	}

th {
	padding: 0 0.5em;
	margin-bottom: -2px;
	text-align: left;
	font-weight: 400;
	line-height: 24px;
	background: #878842;
	border-bottom: 1px solid #878842;
	color: #fbf3dc;
	}
	th + th {
		border-left: 2px solid #fbf3dc;
		}
td {
	line-height: 24px;
	border-bottom: 1px solid #878842;
	padding: 0 0.5em;
	}
td + td {
		border-left: 2px solid #878842;
	}

img {
	display: block;
	float: none;
	margin: 6px 17px 8px 17px;
	border: 8px solid #676832;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 1px 3px 3px #888477;
	-webkit-box-shadow: 1px 3px 3px #888477;
	box-shadow: 1px 3px 3px #888477;
	}
.wp-caption {
	float: none;
	text-align: center;
	background-color: #676832;
	padding: 8px 3px;
	margin: 24px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 1px 3px 3px #888477;
	-webkit-box-shadow: 1px 3px 3px #888477;
	box-shadow: 1px 3px 3px #888477;
	}
	.wp-caption img {
		float: none;
		margin: 0 auto;
		padding: 0 0 4px;
		border: none;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		}
	.wp-caption p.wp-caption-text {
		margin: 0 0 5px;
		color: #fbf3dc;
		}

.amp {
	font-family: "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro",  serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.1em;
	line-height: 1em;
	}
.caps {
	font-size: 90%;
	}
.dquo {
	margin-left:-.40em;
}
.quo {
	margin-left:-.2em;
}
/*
#logo {
	position: absolute;
	top: 15px;
	left: 24px;
	width: 90px;
	height: 75px;
	border: 5px solid #fbf3dc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-family:  Georgia, serif;
	font-style: italic;
	color: #fbf3dc;
	}
	.logo-k {
		position: absolute;
		top: 5px;
		right: 70%;
		font-size: 32px;
		line-height: 32px;
		}
	.logo-r {
		position: absolute;
		top: 35px;
		right: 70%;
		font-size: 32px;
		line-height: 32px;
		}
	.logo-c {
		position: absolute;
		top: -5px;
		left: 30%;
		font-size: 85px;
		line-height: 85px;
		}
/**/

#tag-line {
	position: absolute;
	top: 41px;
	right: -50px;
	width: 200px;
	height: 75px;
	font-size: 20px;
	line-height: 25px;
	font-family:  Georgia, serif;
	font-style: italic;
/*	color: #fbf3dc; /**/
	color: #d1cbaf; /**/
	}
#site-name {
	margin: 0;
	padding: 20px 0 0;
	text-transform: none;
	font: 400 48px/48px Georgia, serif;
	letter-spacing: 1px;
	font-style: italic;
	color: #fbf3dc;
	}
	#site-name a {
		color: #fbf3dc;
		}
		#site-name a:hover {
			text-shadow: #333 0px 0px 3px;
			}
	#site-name .minor {
		position: absolute;
		left: 50%;
		top: 64px;
		font: 400 24px/24px Georgia, serif;
		letter-spacing: 1px;
		font-style: italic;
		color: #d1cbaf;
		}
.byline {
	font: 14px/24px Georgia, sans-serif;
	text-align: center;
	color: #666;
	}

#site-nav {
	font-family: Georgia, sans-serif; /**/
/*	font-family: Helvetica, Arial, sans-serif; /**/
	}
	#site-nav a {
		text-decoration: none;
		}

.header {
	margin: 0 0 48px;
	}
	.header h1 {
		margin: 0;
		}
.entry > p:first-child:first-letter {
	display: block;
	float: left;
	margin-right: 2px;
	padding-top: 7px;
	font: 87px/57px Georgia, serif;
	text-transform: uppercase;
	vertical-align: top;
	color: #000;
	}
.entry > p:first-child:first-line {
	text-transform: uppercase;
	}
	.entry > p:first-child:first-line .caps {
		font-size: 100%;
		}
.clearBoth {
	height: 1px; /* prevents collapsing margins */
	margin-bottom: -1px; /* offsets height */
	clear: both;
	}
.alignleft {
	clear: left;
    float: left;
	}
.wp-caption.alignleft, img.alignleft {
	margin: 24px 17px 5px -50%;
	}
.alignright {
	clear: right;
    float: right;
}
.wp-caption.alignright, img.alignright {
	margin: 24px -50% 5px 17px;
	}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignnone {
	float:none;
	margin-left: inherit;
	margin-right: inherit;
}

/*=========================================================================================*/
/*=========================================================================================*/
/*===	Structure																		===*/
/*=========================================================================================*/
/*=========================================================================================*/

html, body {
	height: 100%;
	min-width: 871px;
	}
body {
	background: #fbf3dc url(images/paisley-bg.png) top left;
	}
#page { /* necessary to stick the footer to the bottom of the page */
	position: relative;
	min-height: 100%;
	min-width: 871px;
	margin-right: 125px;
	}
#header {
	overflow: hidden;
	height: 120px;
	min-width: 871px;
	margin: 0 -125px -30px 0;
	padding: 0 125px 30px 0;
	}
#header .inside {
	height: 100%;
	margin: 0 -125px;
	border-bottom: 1px solid #525227;
	padding: 0 125px;
	background: #676832 url(images/green-fade.png) repeat-x bottom left;
	-moz-box-shadow: 0 3px 3px #888477;
	-webkit-box-shadow: 0 3px 3px #888477;
	box-shadow: 0 3px 3px #888477;
	}
	#header .box {
		position: relative;
		width: 800px;
		margin: 0 auto;
		}

#site-nav {
	position: absolute;
	top: 107px;
	width: 100%;
	}
#site-nav ul {
	width: 500px;
	height: 35px;
	margin: 0 auto;
	border: 2px solid #525227;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	list-style: none;
	color: #fbf3dc;
	background: #878842;
	-moz-box-shadow: 1px 3px 3px #888477;
	-webkit-box-shadow: 1px 3px 3px #888477;
	box-shadow: 1px 3px 3px #888477;
	}
#site-nav li {
	display: block;
	float: left;
	width: 20%;
	height: 100%;
	text-align: center;
	}
#site-nav li a {
	display: block;
	height: 24px;
	padding: 7px 0 3px;
	border-right: 1px solid #b5b658;
	border-left: 1px solid #525227;
	color: #fbf3dc;
	}
#site-nav li a:hover {
	background: #525227;
	border-right: 1px solid #5F5F2D;
	border-left: 1px solid #727337;
	}
body.home #site-nav li.home a,
body.about #site-nav li.about a,
body.services #site-nav li.services a,
body.testimonials #site-nav li.testimonials a,
body.contact #site-nav li.contact a {
	background: #5F5F2D;
	border-right: 1px solid #63632F;
	border-left: 1px solid #727337;
	}
#site-nav li:first-child a {
	border-left: none;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	}
#site-nav li:last-child a {
	border-right: none;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	}

#content {
	width: 550px;
	margin: 48px auto 96px;
	padding: 48px 75px 48px;
	background: transparent url(images/semi-transparent.png)
	}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	min-width: 871px;
	height: 75px;
	margin: -10px -125px 0 0;
	padding: 10px 125px 0 0;
	overflow: hidden;
	color: #fbf3dc;
	}
#footer .inside {
	height: 100%;
	margin: 0 -125px;
	border-top: 1px solid #525227;
	padding: 24px 50px 0 175px;
	background: #676832;
	-moz-box-shadow: 0 -3px 3px #888477;
	-webkit-box-shadow: 0 -3px 3px #888477;
	box-shadow: 0 -3px 3px #888477;
	}
	#footer a {
		color: #fbf3dc;
		}
		#footer a:hover {
			color: #700;
			}
	#footer p {
		margin: 0;
		text-indent: 0;
		}
		
		
	dl.vcard {
		display: block;
		margin-bottom: 48px;
		clear: left;
		}
	dl.vcard .type {
		display: none;
		}
	dl.vcard dt {
		float: left;
		clear: left;
		margin: 0 0 12px;
		width: 100px;
		font: 700 16px/24px Verdana, Helvetica, Arial, sans-serif;
		}
	dl.vcard dd {
		margin: 0 0 12px 125px;
		}
	dl.vcard .hide {
		display: none;
		}