/*
* @created		23/01/2011
* @updated		29/06/2017
* @author		Trevor Morris / Surface
* @project		Family Heritage Search
* --------------------------------------------------------------------------------------------------*/


/**
* =hide
* @section Common
* @subsection Accessible Hiding
* --------------------------------------------------------------------------------------------------
*/
.access,
legend, table caption,
.more a strong, a.more strong, .more a span, a.more span,
.geo,
h1.entry-title,
#search label {
	position: absolute; left: -9999px;
	overflow: hidden;
	height: 0; width: 0;
	font-size: 0; line-height: 0;
}


/**
* =replace
* @section Common
* @subsection Image Replacement
* @see http://phark.typepad.com/phark/2003/08/accessible_imag.html Phark Image Replacement
* --------------------------------------------------------------------------------------------------
*/
.phark, .replace,
#header h1 a,
#footer-friend a,
#nav ul li, #nav ul li a,
#nav-social li, #nav-social li a,
#header-contact p, #header-contact p a,
#search div.submit input {
	overflow: hidden;
	display: block;
	font-size: 0; line-height: 0; text-decoration: none; text-indent: -9999px;
	background: transparent no-repeat 0 0;
	border: 0;

	-moz-border-radius: 0; -webkit-border-radius: 0;
	-o-border-radius: 0; -ms-border-radius: 0;
	border-radius: 0;
}


/**
* =clearing
* @section Common
* @subsection Easy Clearing
* @see http://www.positioniseverything.net/easyclearing.html
* --------------------------------------------------------------------------------------------------
*/
.clearfix::after,
#header::after,
#content::after {
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	font-size: 0; line-height: 0;
	content: '.';
}
.clearfix,
#header,
#content {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix,
#header,
#content {
	display: block;
}
/* End hide from IE Mac */


/**
* =general
* @section General Layout
* --------------------------------------------------------------------------------------------------
*/
html, body {
	min-width: 960px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px; color: #28292B; line-height: 1.5;
	background: #000 url(img/layout/bg.jpg) no-repeat 50% 0;
}
#wrapper {
	overflow: hidden;
}
#container {
	background: url(img/layout/header.jpg) no-repeat 50% 0;
}
	#container div.inner {
		position: relative;
		width: 880px;
		margin: 0 auto; padding: 0 40px;
	}


/**
* =typography
* @section Typography
* --------------------------------------------------------------------------------------------------
*/
a {
	color: #000;
}
#content h2,
#content h3,
#content h4 {
	margin: 0 0 3px;
}
#content h2 {
	font-size: 20px; font-style: italic;
}
#content h3 {
	font-size: 18px; font-weight: normal;
}
#content h4 {
	font-size: 15px;
}
#content p + h4 {
	margin-top: -0.2em;
}
#content-secondary h4,
#content-secondary p + h4 {
	margin: 15px 0 7px;
	font-style: italic;
}

img.alignleft {
	float: left; clear: left;
	margin: 0 20px 20px 0;
}
img.alignright {
	float: right; clear: right;
	margin: 0 0 20px 20px;
}

form {}
form div {
	margin: 0 0 10px;
}
form label {
	display: block;
	padding: 0 0 3px;
}
form div.text input,
form div textarea {
	width: 270px;
	padding: 5px;
	border: 1px solid #28292B;
}
form div.text input:hover,
form div textarea:hover {
	border-color: #000;
}
form div textarea {
	height: 150px;
}


form .wpcf7-response-output,
form .wpcf7-not-valid-tip {
	display: block;
	padding: 3px 0;
	color: #f00;
}
form .wpcf7-display-none {
	display: none;
}

#search,
#search fieldset {
	overflow: hidden;
	width: 250px;
}
#search {
	padding: 0 0 20px;
}
#search div.text,
#search div.submit {
	float: left;
}
#search div.text {
	height: 45px; width: 185px;
	margin: 3px 5px 0 0;
	background: url(img/form/search-field.gif) no-repeat 0 0;;
}
#search div.text input {
	width: 145px; height: 16px;
	padding: 10px 15px 10px 20px;
	border: 0;
	background: transparent;
}
#search div.submit input {
	height: 45px; width: 45px;
	background-image: url(img/form/search-go.gif);
}
#search div.submit input:hover,
#search div.submit input:focus,
#search div.submit input:active {
	background-position: 0 -45px;
}



/**
* =header
* @section General Layout
* @subsection Header
* --------------------------------------------------------------------------------------------------
*/
#header {
	position: relative; z-index: 100;
}
	#header div.inner {
		position: relative;
		height: 180px; width: 960px;
		padding: 0;
	}
		#header h1 {
			float: left;
			display: inline;
		}
		#header h1,
		#header h1 a {
			height: 165px; width: 330px;
			background-image: url(img/layout/logo.jpg);
			cursor: pointer;
		}


#header-contact {
	position: absolute; top: 220px; right: 0;
	height: 135px; width: 310px;
	background: url(img/layout/header.jpg) no-repeat 100% 100%;
}
#header-contact #header-contact-telephone,
#header-contact #header-contact-telephone a {
	height: 50px;
}
#header-contact #header-contact-email,
#header-contact #header-contact-email a {
	height: 85px; width: 270px;
	background-image: url(img/misc/email.jpg);
}
#header-contact #header-contact-email a:hover,
#header-contact #header-contact-email a:focus,
#header-contact #header-contact-email a:active {
	background-position: 0 -85px;
}



/**
* =content
* @section General Layout
* @subsection Content
* --------------------------------------------------------------------------------------------------
*/
#content {
	clear: both;
}
	#content div.inner {
		overflow: hidden;
		width: 960px; min-height: 300px;
		padding: 0 0 20px;
		background: #fff;
	}
#content-primary {
	position: relative;
	overflow: hidden;
	float: left;
	width: 595px;
	padding: 135px 15px 0 40px;
	background: #fff no-repeat 0 0;
}
#content-secondary,
body.page-template-page-map-php #content #content-primary div.hentry {
	float: left;
	width: 285px;
	padding: 155px 0 0;
}



/**
* =footer
* @section General Layout
* @subsection Footer
* --------------------------------------------------------------------------------------------------
*/
#footer {
	position: relative;
	clear: right;
	background: url(img/layout/footer.jpg) no-repeat 50% 0;
}
#footer div.inner {
	height: 105px;
	padding-top: 15px;
	font-size: 12px; font-family: Times, serif;
}
	#footer p {
		margin: 0;
	}

	#footer ul,
	#footer ul li {
		margin: 0; padding: 0;
		list-style: none; list-style-image: none;
		background: none;
	}
	#footer ul {
		overflow: hidden;
		padding: 7px 0 0;
	}
		#footer ul li {
			float: left;
		}
			#footer ul li a {
				margin-left: 5px; padding-left: 5px;
				text-decoration: none;
				color: #000; line-height: 1.1;
				border-left: 1px solid #444;
			}
			#footer ul li.f a,
			#footer ul li:first-child a {
				padding-left: 0; margin-left: 0;
				border-left-width: 0;
			}
			#footer ul li a:hover,
			#footer ul li a:focus,
			#footer ul li a:active {
				text-decoration: underline;
			}

	#footer-friend {
		position: absolute; top: 20px; right: 30px;
	}
	#footer-friend,
	#footer-friend a {
		height: 30px; width: 200px;
		background-image: url(img/misc/tdf.gif);
	}
	#footer-friend a:hover,
	#footer-friend a:focus,
	#footer-friend a:active {
		background-position: 0 -30px;
	}



/**
* =nav
* @section Navigation
* --------------------------------------------------------------------------------------------------
*/
.nav,
.nav ul,
.nav ul li {
	margin: 0; padding: 0;
	list-style: none; list-style-image: none;
	background: none;
}
#nav div.inner {
	width: 900px;
	padding: 0 30px;
}
	#nav ul {
		float: left;
	}
		#nav ul li {
			float: left;
		}
			#nav ul li,
			#nav ul li a {
				position: relative;
				height: 40px; width: 80px;
				background-image: url(img/nav/main.jpg);
			}

			#nav ul li a {
				background-position: 0 0;
			}
			#nav ul li.menu-item-16 a:hover,
			#nav ul li.menu-item-16 a:focus,
			#nav ul li.menu-item-16 a:active {
				background-position: 0 -40px;
			}
			body.page-template-page-homepage-php #nav ul li.menu-item-16 a,
			body.page-template-page-homepage-php #nav ul li.menu-item-16 a:hover,
			body.page-template-page-homepage-php #nav ul li.menu-item-16 a:focus,
			body.page-template-page-homepage-php #nav ul li.menu-item-16 a:active,
			body.page-id-9 #nav ul li.menu-item-16 a,
			body.page-id-9 #nav ul li.menu-item-16 a:hover,
			body.page-id-9 #nav ul li.menu-item-16 a:focus,
			body.page-id-9 #nav ul li.menu-item-16 a:active,
			body.page-id-29 #nav ul li.menu-item-16 a,
			body.page-id-29 #nav ul li.menu-item-16 a:hover,
			body.page-id-29 #nav ul li.menu-item-16 a:focus,
			body.page-id-29 #nav ul li.menu-item-16 a:active {
				background-position: 0 -80px;
			}

			#nav ul li.menu-item-21,
			#nav ul li.menu-item-21 a {
				width: 125px;
				background-position: -80px 0;
			}
			#nav ul li.menu-item-21 a:hover,
			#nav ul li.menu-item-21 a:focus,
			#nav ul li.menu-item-21 a:active {
				background-position: -80px -40px;
			}
			body.page-id-2 #nav ul li.menu-item-21 a,
			body.page-id-2 #nav ul li.menu-item-21 a:hover,
			body.page-id-2 #nav ul li.menu-item-21 a:focus,
			body.page-id-2 #nav ul li.menu-item-21 a:active {
				background-position: -80px -80px;
			}

			#nav ul li.menu-item-20,
			#nav ul li.menu-item-20 a {
				width: 125px;
				background-position: -205px 0;
			}
			#nav ul li.menu-item-20 a:hover,
			#nav ul li.menu-item-20 a:focus,
			#nav ul li.menu-item-20 a:active {
				background-position: -205px -40px;
			}
			body.page-id-4 #nav ul li.menu-item-20 a,
			body.page-id-4 #nav ul li.menu-item-20 a:hover,
			body.page-id-4 #nav ul li.menu-item-20 a:focus,
			body.page-id-4 #nav ul li.menu-item-20 a:active {
				background-position: -205px -80px;
			}

			#nav ul li.menu-item-19,
			#nav ul li.menu-item-19 a {
				width: 135px;
				background-position: -330px 0;
			}
			#nav ul li.menu-item-19 a:hover,
			#nav ul li.menu-item-19 a:focus,
			#nav ul li.menu-item-19 a:active {
				background-position: -330px -40px;
			}
			body.page-id-5 #nav ul li.menu-item-19 a,
			body.page-id-5 #nav ul li.menu-item-19 a:hover,
			body.page-id-5 #nav ul li.menu-item-19 a:focus,
			body.page-id-5 #nav ul li.menu-item-19 a:active {
				background-position: -330px -80px;
			}

			#nav ul li.menu-item-18,
			#nav ul li.menu-item-18 a {
				width: 80px;
				background-position: -465px 0;
			}
			#nav ul li.menu-item-18 a:hover,
			#nav ul li.menu-item-18 a:focus,
			#nav ul li.menu-item-18 a:active {
				background-position: -465px -40px;
			}
			body.blog #nav ul li.menu-item-18 a,
			body.blog #nav ul li.menu-item-18 a:hover,
			body.blog #nav ul li.menu-item-18 a:focus,
			body.blog #nav ul li.menu-item-18 a:active,
			body.search #nav ul li.menu-item-18 a,
			body.search #nav ul li.menu-item-18 a:hover,
			body.search #nav ul li.menu-item-18 a:focus,
			body.search #nav ul li.menu-item-18 a:active {
				background-position: -465px -80px;
			}

			#nav ul li.menu-item-17,
			#nav ul li.menu-item-17 a {
				width: 134px;
				background-position: -545px 0;
			}
			#nav ul li.menu-item-17 a:hover,
			#nav ul li.menu-item-17 a:focus,
			#nav ul li.menu-item-17 a:active {
				background-position: -545px -40px;
			}
			body.page-id-7 #nav ul li.menu-item-17 a,
			body.page-id-7 #nav ul li.menu-item-17 a:hover,
			body.page-id-7 #nav ul li.menu-item-17 a:focus,
			body.page-id-7 #nav ul li.menu-item-17 a:active {
				background-position: -545px -80px;
			}


#nav #nav-social {
	position: absolute; top: 8px; right: 120px;
}
	#nav #nav-social li,
	#nav #nav-social li a {
		height: 18px; width: 18px;
		background: transparent url(img/misc/social.jpg) no-repeat 0 0;
	}
	#nav #nav-social li {
		float: left;
		margin: 0 0 0 5px;
	}
		#nav #nav-social li a:hover,
		#nav #nav-social li a:focus,
		#nav #nav-social li a:active {
			background-position: 0 -18px;
		}
	
		#nav #nav-social li.facebook a {
			background-image: url(img/social/facebook.png);
		}
		#nav #nav-social li.twitter a {
			background-image: url(img/social/twitter.png);
		}
		#nav #nav-social li.linkedin a {
			background-image: url(img/social/linkedin.png);
		}
		#nav #nav-social li.google-plus a {
			background-image: url(img/social/google-plus.png);
		}


/**
* =homepage
* @section Homepage
* --------------------------------------------------------------------------------------------------
*/
body.page-template-page-homepage-php #content h3,
body.page-id-9 #content h3,
body.page-id-29 #content h3 {
	margin-bottom: 20px;
}


/**
* =map
* @section Map Tempalte
* --------------------------------------------------------------------------------------------------
*/
body.page-template-page-map-php #content #content-primary {
	width: 905px;
}
body.page-template-page-map-php #content #content-primary #map {
	float: left;
	width: 590px;
	margin: 0 20px 20px 0;
	border: 1px solid #000;
}
body.page-template-page-map-php #content #content-primary div.hentry {
	padding-top: 15px;
}
body.page-template-page-map-php #content #content-primary div.hentry p.tel,
body.page-template-page-map-php #content #content-primary div.hentry address {
	font-style: italic; font-size: 14px;
}
body.page-template-page-map-php #content #content-primary div.hentry p.tel {
	margin: 0 0 5px;
	font-weight: bold;
}
body.page-template-page-map-php #content #content-primary div.hentry form h4 {
	margin: 25px 0 3px;
}


/**
* =pages
* @section Pages
* --------------------------------------------------------------------------------------------------
*/
body.page-template-page-homepage-php #content #content-primary,
body.page-id-9 #content #content-primary,
body.page-id-29 #content #content-primary {
	background-image: url(img/titles/homepage.jpg);
}

/* about */
body.page-id-2 #content #content-primary {
	background-image: url(img/titles/about.jpg);
}

/* what i do */
body.page-id-4 #content #content-primary {
	background-image: url(img/titles/what-i-do.jpg);
}

/* links */
body.page-id-5 #content #content-primary {
	background-image: url(img/titles/links.jpg);
}

/* news */
body.blog #content #content-primary,
body.search #content #content-primary {
	background-image: url(img/titles/news.jpg);
}

/* contact */
body.page-id-7 #content #content-primary {
	background-image: url(img/titles/contact.jpg);
}



/**
* =news
* @section News / Blog
* --------------------------------------------------------------------------------------------------
*/
body.blog,
body.search {}
#news {}

#news .hentry {
	padding: 0 0 20px;
}

#news h3.entry-title,
#news h3.entry-title a,
#news .entry-summary {
	margin: 0;
	line-height: 1.3; font-style: italic;
	text-decoration: none; font-weight: bold; color: #28292B;
}
#news h3.entry-title,
#news h3.entry-title a {
	font-size: 26px; 
}
#news h3.entry-title a:hover,
#news h3.entry-title a:focus,
#news h3.entry-title a:active {
	text-decoration: underline;
}
 #news .entry-summary {
	font-size: 18px; 
}

#news div.entry-meta {
	overflow: hidden;
	width: 595px;
	padding: 5px 0; margin: 5px 0 10px;
	border: 1px solid #ddd; border-width: 1px 0;
}
#news div.entry-meta,
#news div.entry-meta a {
	font-style: italic; font-size: 12px;
	text-decoration: none; color: #28292B;
}
#news div.entry-meta strong,
#news div.entry-meta a {
	font-weight: bold; font-style: italic;
}
#news div.entry-meta a:hover,
#news div.entry-meta a:focus,
#news div.entry-meta a:active,
#news p.more a:hover,
#news p.more a:focus,
#news p.more a:active {
	text-decoration: underline;
}
#news div.entry-meta p {
	float: left;
	margin: 0 20px 0 0;
}
#news div.entry-meta div.entry-tags {
	clear: left;
}

#news p.more {
	margin-top: -0.5em;
}
#news p.more a,
#news a.previous-post,
#news a.next-post {
	text-transform: uppercase; color: #643604; text-decoration: none;
	font-weight: bold; font-style: italic;
}
#news p.more a:hover,
#news p.more a:focus,
#news p.more a:active,
#news a.previous-post:hover,
#news a.previous-post:focus,
#news a.previous-post:active,
#news a.next-post:hover,
#news a.next-post:focus,
#news a.next-post:active {
	text-decoration: underline;
}

#news a.previous-post {
	float: left;
}
#news a.next-post {
	float: right;
}

#content-secondary-archive {
	padding: 0 0 30px 45px;
}
#content-secondary-archive h3 {
	width: 140px;
	margin: 0 0 1px; padding: 0 0 2px;
	font-style: italic; font-weight: bold; font-size: 14px;
	border-bottom: 1px solid #ccc;
}
#content-secondary-archive ol,
#content-secondary-archive ol li {
	margin: 0; padding: 0;
	list-style: none;
	background: none;
}
#content-secondary-archive ol li a {
	font-size: 14px; text-decoration: none; font-style: italic;
}
#content-secondary-archive ol li a:hover,
#content-secondary-archive ol li a:focus,
#content-secondary-archive ol li a:active {
	text-decoration: underline;
}

html.js #content-secondary-archive ol {
	display: none;
}