/*
Theme Name: Father-Child-theme-v2
Theme URI: http://fatherandchild.org.nz
Version: 3.0.2 
Date: 03 Oct 2018
Author: John Potter
Author URI: http://motuweb.co.nz
*/
html {
	height:100%
}/*with min-height on body to force scrollbars*/

body {
	background:#818284;
	color: #000;
	font-family:  "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	min-height:100.01%;
}

#header {
	background: #fff;
	padding: 0;
	margin: 0 0 35px 0;
	height: 218px;
}

.main-nav {
	position: absolute;
	top: 210px; 
	width: 99.9%;
}

#wrap {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
	min-width: 420px;
	}
.leftwrap,
.midwrap {
	float: left;
	width: 100%;
	position:relative;
	}
#content,
#navigation,
#promotion {
	float: left;
	width: auto;
	position: relative;
	padding: 0 0 1em 0;
	overflow: hidden;
	}
.threecol {
	background: transparent;		/* right bg*/
	}
.threecol .midwrap {
	right:25%;
	color: #000;
	background: #fff;		/* center bg*/
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	}
.threecol .leftwrap {
	right:53%;
	color: #000;
	background:#818284;	/* left bg */
	border-right: 1px solid #333;
	margin-top: -1px; /* hide left section of midwrap border */
	}
.threecol #content {
	width:46%;
	left:102%;
	}
.threecol #navigation {
	width:21%;
	left:33%;
	}
.threecol #promotion { 
	width:24%;	/* 26% is full width - this creates right margin */
	left:86.5%
	}
#footer {
	clear:both;
	float:left;
	width:99.7%; /* 99.8 or more causes horizontal scroll in Moz*/
	margin: 0;
	background: #59591D;
	border:1px solid #000; /* Moz needs border here */
	}

a#site-navigation {
	text-decoration: none;
	color: #fff;
	visibility: hidden;
	font-size: 0;
	height: 0;
	line-height: 0;
	padding:0;
	margin: 0;
	}
#header h3 {
	display: none;
	}
#logo {
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 9;
	}
a img {
	border: 0;
	}
#latestmag {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -120px;
	width: 220px;
	height: 160px;
	padding: 0;
	}
#advert {
	position: absolute;
	top: 0;
	right: 20px;
	margin: 0 0 0 -100px;
	width: 320px;
	height: 160px;
	padding: 0;
	}
.admin-bar #logo {
	top: 48px;
}

.admin-bar #latestmag,
.admin-bar #advert {
	top: 28px;
}

#latestmag img, #advert img {
	float: left;
	margin: 0 5px 0 0;
}

#latestmag a,
#advert a {
	color: #59591D;
	text-decoration: none;
}

#latestmag a:hover,
#advert a:hover {
	text-decoration: underline;
}

a:link {
	color: #59591D;
	text-decoration: underline;
	font-weight: bold;
}

a:visited {
	color: #7E8123;
	text-decoration: underline;
	font-weight: bold;
	}
a:hover {
	color: #7B5A39;
	text-decoration: none;
	font-weight: bold;
	}
a:active {
	color: #7B3959;
	text-decoration: none;
	font-weight: bold;
	}
#content p,
#content li,
#content dt,
#content dd {
	padding: .2em 1.5em;
	line-height: 1.4em;
	}

div.img {
	font-weight: bold;
	font-size: 90%;
	}
img.centered,
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright,
img.alignleft {
	display: inline;
}

img.darkbg{
	background: #000;
}

.alignright {
	float: right;
	clear: both;
	padding: 0;
	margin-left: 20px;
}

.alignleft {
	float: left;
	padding: 0;
	margin-right: 10px;
}

.wp-caption-text{
	font-weight: bold;
	font-size: 90%;
}

.post {
	clear: both;
}

.postnav {
	margin-top: 100px;
	text-align: center;
	font-size: 120%;
}

div.feedback {
	clear:left;
	}

#skipnav {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	}
	
#sitemap {
	margin-left: 8%;
	}
.clear {
	clear: both;
	}
acronym, abbr {
	border-bottom: 1px dashed #333;
	}
acronym, abbr {
	cursor: help;
	}
blockquote {
	clear: left;
	color: #010040;
	background: #E0E396;
	margin-left: 2em;
	padding: 0 0 .2em 1em;
	border-top: 1px solid #C0C435;
	border-left: 3px solid #C0C435;
	}
cite {
	font-style: italic;
	}
h2 {	/*  main Page headings  */
	font-size: 1.6em;
	padding-left: 2em;
	text-align: center;
	}
h2.storytitle {	/*  Post headings on index & archive pages  */
	font-size: 1.4em;
	padding: 20px 0 0 0;
	text-align: left;
	}
h2.storytitle a:link {
	color: #000;
	text-decoration: none;
	border-bottom:1px solid #666;
	}
#single h2.storytitle { /*  main heading on permalinked Posts */
	border-top: none;
	padding-top: 0;
	font-size: 1.4em;
	}
#single h2.storytitle a {
	color: #000;
	text-decoration: none;
	}
h2.storytitle a:visited {
	color: #666;
	}
h2.storytitle a:hover {
	color: #BFA876;
	}
h3 {
	font-size: 1.2em;
	padding: 1em 0 1em 0;
	clear: both;
	}
h4 {
	clear: both;
	font-size: 1.1em;
	padding: 1em 0 1em 0;
	}
h5 {
	clear: both;
	font-size: 1em;
	}
h6 {/* date */
	font-size: 1em;
	text-align: right;
	padding-right: 1em;
	}
p.next {
	margin-top: 4em;
	padding-top: 1em;
	text-align: right;
	font-weight: bold;
	clear: both;
	}
.data td, .data th {border: 1px solid #ccc;}
div.meta {
	margin-top: -5px;
	text-transform: uppercase;
	font-weight: bold;
	}
div.meta a {
	text-decoration: none;
	color: #000;
	}
div.meta a:hover {
	text-decoration: underline;
	color: #BFA876;;
	}
.edit-this {
	text-align: right;
	margin-right: 2em;
	}
.edit-this a:link,
.edit-this a:visited {
	color: red;
	text-align: right;
	font-weight: bold;
	}
.pagelinks {
	text-align: right;
	font-size: 1.2em;
	font-weight: bold;
	color: #59591D; 
	background: #fff;
	}
li#meta {
	display: none;
	}
dt {
	font-weight: bold;
	}
#content input,
#content textarea,
#sidebar input {
	background:url(images/input_bg.gif) no-repeat left top;
	}

.previous-next {
	margin: 180px 0 0 0;
}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
	}
ul.post-meta 
span.post-meta-key {
	font-weight: bold;
	}
.credit {
	color: #fff;
	text-align: right;
	margin: 10px 0 0 0;
	padding: 3px;
	font-size: 80%;
	}
.credit a:link,
.credit a:visited {
	color: #fff;
	}
.credit a:hover {
	color: #fff;
	}

#comments {
	clear: both;
	}
#commentform #author,
#commentform #email, 
#commentform #url,
#commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
	}
#commentform textarea {
	width: 100%;
	}
#commentlist li ul {
	border-left: 1px solid #ddd;
	list-style-type: none;
	}
li#linkcat-1, 
li#linkcat-2,
li#linkcat-3,
li#linkcat-4, 
li#linkcat-5, 
li#linkcat-6 {
	background: none;
	}
label.hidden {
	color:#818284;
	}
#mainmenu {
	margin:0;
	padding: 0;
	}
.widget h3 {
	margin: 20px 0 0 0;
	}
.widget li {
	padding: 0 0 .5em 0;
	}
.widget a:link,
.widget a:visited {
	color: #fff;
	background: transparent;
	font-weight: bold;
	}
.widget-simpletags {
	border: 1px solid #333;
	margin: 0 10px 20px 10px;
	}

#rss-3{
	max-width: 90%;
	}

.ultimate-posts {
	border: 1px solid #333;
	background: #fff;
	margin: 0 .5em 2em .5em;
	}

.ultimate-posts h3 {
	color: #fff;
	background: #59591D;
	margin: 0;
	padding: 5px 0 5px 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
}

.ultimate-posts p,
.ultimate-posts h4,
.ultimate-posts .entry-meta {
	text-align: left;
	padding: 0 0 0 10px;
	margin: 5px 0 0 0;
	font-size: 90%;
}

.ultimate-posts a:link,
.ultimate-posts a:visited {
	display: inline;
	font-weight: bold;
	padding: 0 1em 0 0;
	border: 0;
	color: #59591D;
}

.ultimate-posts a:hover,
.ultimate-posts a:visited:hover{
	padding: 0 1em 0 0;
	border: 0 ;
}

.widget-simpletags {
	margin: .8em;
	padding: 10px;
}

.widget-simpletags {
	background: #59591D;
}
.widget-simpletags h3 {
	display: none;
}

#text-3 {
	padding: 0 0 20px 20px;
}
#text-3 h3 {
	margin-top: 0;
	padding-top: 0;
}

#text-7 {
	margin: 0 10px 20px 10px;
	padding: 0 10px 10px 10px;
	border: 1px solid #333;
	background: #fff;
	}
#text-7 h3 {
	margin-top: 0;
	}
#text-8,
#text-9 {
	padding-top: 40px;
	}

#text-9 h3 {
	display: none;
	}
#linkcat-172 li {    /*-- sponsors --*/
	list-style: none;
	margin-bottom: 20px;
	}
#sfc-fanbox-3 {
	background: #fff;
	width: 260px;
	}
#wp-admin-bar-register {
	display: none;
	}
.easy-table {
	margin: 0 0 4em 1.5em;
	}
.easy-table td {
	border: 1px solid #eee;
	padding: 2px 0 2px 4px;
	}

#home-tagline {
	margin-top: -20px;
	text-align: center;
	font-style: italic;
}

.wp-caption a:hover {
	display: block;
	opacity: 0.5;
}

/*-- RSS FEED--------------------- --*/
.widget_rss{
	background: #666;
	border: 1px solid #333;
	margin: 0 10px 20px 10px;
	font-size: 80%;
}

.widget_rss a:link {
	color: #ccc ;
}

.widget_rss .widgettitle {
	margin-left: 15px;
	margin-top: 0;
	font-size: 120%;
}

.widget_rss ul{
	padding: 0 15px;
	list-style-type: none;
}

.rss-date {
	display: block;
	font-size: 70%;
}

.sponsorspage {
	list-style-type: none;
}

img.white {
	background: #000;
	padding: 10px;
}

/* Main Horizontal Menu Styles 
-------------------------------------------------------------- */
.main-nav {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.main-nav ul {
	display: table-row;
	margin: 0;
	padding: 0;

}

.main-nav ul li {
	position: relative;
	list-style: none;
	display: table-cell;
	text-align: center;
}
 
.main-nav ul li a {
	display: block;
}

.menu li:hover {
	white-space: normal;
	z-index: 10000;
}

.menu li li {
	float: none;
	display: block;
}

.menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

.menu li:hover > ul {
	top: 100%;
	visibility: visible;

}

.menu li li:hover > ul {
	left: 100%;
	top: 0;

}


.menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.menu ul,
.menu ul ul {
	margin: 0;
	padding: 0;
}

.menu ul {
	margin-top: 1px;
	width: auto;
}

.menu a {
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
}

.main-nav .menu {
	border: 1px solid #eee;
}

.main-nav .menu a {
	font-size: 15px;
	font-weight: 700;
	height: 38px;
	line-height: 38px;
	padding: 0 0.7em;
}

.main-nav .menu a:link,
.main-nav .menu a:visited {
	color: #fff;
	background-color: #595820;
	border: 1px solid #333;
	
}

.main-nav .menu a:hover {
	color: #000;
	background-color: #cc9900;
	border: 1px solid #fff;
}

.main-nav .menu .current_page_item a:link,
.main-nav .menu .current_page_item a:visited {
	
}

.main-nav .menu .current-menu-item a {
	
}

.main-nav .menu .current_page_item a:hover {  /* remove hover from current page */
	color: #fff;
	background-color: #595820;
	border: 1px solid #333;
}

.main-nav .menu li li {  /* second level menu items */
	margin: -1px 0 1px 0;
	width: auto;
}

.main-nav .menu li li a {
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	white-space: nowrap;
}

.main-nav .menu li li a:link {
	color: #fff;
	background-color: #59591d;
	border: 1px solid #666;
}

.main-nav .menu li li a:hover {
	color: #000;
	background-color: #cc9900 !important;
	border: 1px solid #999 !important;
} 

.main-nav .menu li li:hover > ul { /* third level menu items */
	left: 70%;
	top: 20px;
}

/*-- ORIGINAL SIDEBAR NAVIGATION    --------------------------*/

ul#pagenav, 
#pagenav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:190px;
	}
ul#pagenav {
	margin-top: 40px;
	}
#pagenav li.page_item {
	font-size: 1.18em;
	font-weight: bold;
	}
#pagenav li a {
	display: block;
	margin-top: 0;
	padding: 8px 30px;
	text-decoration: none;
}
#pagenav a:link,
#pagenav a:visited  {
	color: #fff;
	background:  #59591D;
	padding-left: 30px;
	border-top: 1px solid #E6EBEF;
	border-right: 1px solid #333;
	border-bottom: 1px solid #EFFAEF;
	border-left: 1px solid #EFFAEF;
}
#pagenav a:hover,
#pagenav a:visited:hover {
	text-decoration: none;
	color: #000;
	background:  #CC9900;
	border-top:1px solid #EFFAEF;
	border-right: 1px solid #EFFAEF;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
}
#pagenav a:active,
#pagenav a:visited:active {
	text-decoration: none;
	color: #fff;
	background:  #000;
	border-top:1px solid #EFFAEF;
	border-right: 1px solid #EFFAEF;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	}
/*	stop hover on current page */
#pagenav li.current_page_item a,
#pagenav li.current_page_item a:link,
#pagenav li.current_page_item a:visited,
#pagenav li.current_page_item a:hover {
	background: #59591D;
	color: #fff;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #EFFAEF;
	border-left: 1px solid #fff;
	}
/*	second level menu items*/
#pagenav ul {
	font-size: .65em;
	margin: 0;
	padding: 0 ;
	text-align: left;
	}
#pagenav ul a:link,
#pagenav ul a:visited,
#pagenav ul li.current_page_item a,
#pagenav ul li.current_page_item a:link,
#pagenav ul li.current_page_item a:visited {
	color: #fff;
	background:  #59591D;
	padding-left: 45px;
	}
#pagenav ul a:hover,
#pagenav ul a:visited:hover,
#pagenav ul li.current_page_item a:hover {
	padding-left: 45px;
	background: #CC9900;
	color: #fff;
	border-top: 1px solid #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #000;
	}
/*	stop hover on current second-level page */
#pagenav ul li.current_page_item a:link,
#pagenav ul li.current_page_item a:visited,
#pagenav ul li.current_page_item a:visited:hover,
#pagenav ul li.current_page_item a:hover {
	background: #59591D;
	color: #fff;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #90AFC3;
	border-left: 1px solid #fff;
	}
/*	stop hover on current second-level page */
#pagenav ul li.current_page_item a:visited:hover,
#pagenav ul li.current_page_item a:hover {
	background: #59591D;
	color: #fff;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #90AFC3;
	border-left: 1px solid #fff;
	}
/*	third level menu items*/
#pagenav ul ul {
	font-size: .85em;
	margin: 0;
	padding: 0 ;
	text-align: left;
	}
/*reset margin and colours */
#pagenav ul li.page_folder ul a:link,
#pagenav ul li.page_folder ul a:visited {
	color: #fff;
	background:  #333;
	padding-left: 10px;
	}
#pagenav ul li.page_folder ul a:hover,
#pagenav ul li.page_folder ul a:visited:hover {
	color: #000;
	background:  #fff;
	}
/* remove hover on current third-level pages */
#pagenav ul li.page_folder ul li.current_page_item a:visited:hover,
#pagenav ul li.page_folder ul li.current_page_item a:hover {
	color: #fff;
	background:  #333;
	}

/*search form*/
#sidebar form {
	margin: 0 0 0 20px;
	}
#search input#s {
	width: 165px;
	margin-bottom: 2px;
	border: 1px solid #000;
	color: #000;
	background: #fff;
	}
#search input{
	color: #fff;
	background: #59591D;
	font-weight: bold;
}


/*-- Start of CSS for Dagon Design Form Mailer - Mod by JohnP*/


.mailwrapper {
	text-align: center;
	}
.maildiv {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 390px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	}
.maildiv form {
	text-align: left;
	}
.maildiv label { /* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;
	}
.maildiv .sidelbl { /* used for left side labels */
	width: 75px;
	text-align: right;
	line-height: 1.2em;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
	display: block; 
	float: left; 
	clear: left;
	}
.maildiv a {
	color: #005ABE;
	}
.maildiv h2 {
	color: #005ABE;
	font-size: 100%;
	}
.maildiv input {
	margin-bottom: 15px;
	}
.maildiv select {
	margin-bottom: 10px;
	}
.maildiv textarea {
	margin-bottom: 10px;
	}
.maildiv input.fradio {
	margin-bottom: 5px;
	}
.maildiv .ver_img {
	padding: 0;
	margin: -37px 40px 10px 10px;
	vertical-align:bottom;  
	border: 1px solid #005ABE; 
	}
.maildiv fieldset {
	padding: 15px 5px 5px 5px;
	margin-bottom: 10px;
	border: none;
	}
.maildiv .legendspacing {
	height: 10px;
	}
.maildiv .fmcredits {
	display:none;
	}
.maildiv .fmrequired {
	color: red;
	font-size: 1.5em;
	font-weight: bold;
	float: left;
	margin-top: 3px;
	margin-left: 5px;
	}
.maildiv .fmspacer {
	height: 10px;
	}
.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	margin-bottom: 15px;
	font-size: 100%;
	}
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-left: 110px;
	margin-bottom: 15px;
	}
.maildiv .fmerrorbox {
	text-align: left;
	}
.maildiv li {
	margin: 0 0 4px 0;
	}
.maildiv .fmerrortitle, .fmerrorbox li {
	color: #FF0000;
	font-size: 120%;
	}
/* End of CSS for Dagon Design Form Mailer */

@media screen and (max-width: 1300px) {

	.main-nav .menu a {
		white-space: normal;
		height: 58px;
		line-height: 28px;
	}

}

@media screen and (max-width: 950px) {

#header{
	height: 170px;
	width: 100%;
}

#logo{
	top: 48px !important;
}

#latestmag,
#advert,
.main-nav {
		display: none !important;
}

#wrap {
	min-width: 220px;
}

.threecol .midwrap,
.threecol .leftwrap,
.threecol #content,
.threecol #navigation,
.threecol #promotion {
	float: none;
	width: 100%;
	left: 0;
}

.threecol #content {
	width: 96%;
	background: #fff;
	margin-left: 2%;
	margin-right: 2%;
	}

h2{
	padding-left: 0;
}

h3,
.widget h3,
h4 {
	margin-left: 20px;
}

.threecol #navigation {
	padding: 20px;
}

}

@media screen and (max-width:782px) { /* admin bar height increases */

	#logo{
		top: 60px !important;
	}

}

@media screen and (max-width:400px) { /* make space for hamburger */

	#logo{
		top: 120px !important;
	}

	#header {
	height: 220px;
	}

}