/*
Theme Name: Bishop's Stortford & District Footpaths Association
Description: Custom theme created for the Bishop's Stortford & District Footpaths Association
Author: BrightCherry www.brightcherry.co.uk
Version: 1.1
Tags: green, yellow, two-columns, fixed-width, custom-header, custom-background
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}.latestnews


/* =Custom
-------------------------------------------------------------- */

	ul,li {
		list-style-type:none;
		}

	a{
		outline: none;
	}

	a:hover{
		text-decoration:none;
	}
	
	.clear{
		height:0;
		width:100%;
		cler:both;
	}
	
	.clear.break{
		height:20px;
	}

	.clear.break10{
		height:10px;
	}	

	img{
		border:0;
	}

	p{
		color:#333;
		margin:15px 0 15px 0;
		line-height:1.8em;
	}

	body {
		margin:0;
		padding:0;
		text-align:center;
		font-family: Arial, Helvetica, sans-serif;
		color:#000;
		font-size:14px;
		background:url("images/bg_low_res.jpg") no-repeat fixed top center #345568;
	}

	#wrapper{
		width:950px;
		margin:20px auto 0px auto;
		text-align:left;
		background:#fff;
		padding:20px 10px 10px 10px;

		background:url("images/grass.jpg") no-repeat bottom #fff;
 		padding-bottom:100px;

	}

	.green,
	a{
		color:#ACCC80;
	}

	.yellow{
		color:#E3C861;
	}

	#header div,
	#content{
		position:relative;
		width:100%;
		float:left;
	}

	#content{
		margin-top:15px;
		position:relative;
		float:left;
		width:100%;
	}

	.seperator{
		width:100%;
		clear:both;
		height:6px;
		background:url("images/seperator.gif");
		margin-bottom:20px;
	}

	#header img{
		float:left;
		margin-left:10px;
	}

	#footer{
		position:relative;
		font-size:12px;
		color:#fff;
		left:15px;
		top:80px;
		width:100%;
		clear:both;
	}

	#footer a{
		color:#fff;
	}

	#header .header_sub{
		background:url("images/header_background2.png");
		padding:10px 0 20px 0;
		text-align:center;
	}

	#header h1,
	#header a.h1{
		color:#000;
		font-size: 32px;
		letter-spacing: -1px;
		font-weight: 700;
		margin-top:10px;
		text-decoration:none;
	}

	#header h3{
		color:#000;
		font-size:16px;
		margin-top:3px;
	}

	#header h2.strapline{
		color:#000;
		font-size:14px;
		margin-top:15px;
	}

	#header h5{
		position:absolute;
		top:10px;
		right:15px;
		color:#000;
		font-weight:normal;
		text-align:right;
	}

	.nav2{
		position:relative;
		z-index:999;
	}

	.nav2 li{
		float:left;
		margin-right:2px;
	}

	ul.sub_nav2{
		float:right;
	}

	ul.main_nav2{
		float:left;
	}

	.nav2 a{
		float:left;
		color:#fff;
		text-decoration:none;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		padding:5px 10px 5px 10px;
		background:#278000;
	}

	.nav2 a:hover,
	.nav2 .sub_nav2 a:hover,
	.nav2 a.selected{
		background:#E3C861;
	}
	

	.nav2 a#facebook{
		padding:0;
		background:none;
	}

	
	/* dropdown nav */
	
	.nav{
		float:right;
	}
	
	.nav3{
		float:left;
	}	
	
	.nav li,.nav3 li { 
		display: block; 
		margin: 0 0 0 2px; 
		padding: 0; 
		float: left; 
		position: relative; 
	}
	

	.nav ul,.nav3 ul { 
		display: none; 
		position: absolute; 
		right: -38px;
		text-align:right;
		margin: 0; 
		padding: 0; 
	}

	* html .nav ul,* html .nav3 ul { 
		line-height: 0; 
	} /* IE6 "fix" */
	
	.nav ul a,.nav3 ul a { 
		zoom: 1; 
	} /* IE6/7 fix */
	
	.nav ul li,.nav3 ul li { 
		float: none; 
	}
	
	.nav ul ul,.nav3 ul ul { 
		top: 0; 
	}
	
	/* Essentials - configure this */
	
	.nav ul,.nav3 ul{ 
		width: 230px;
    top: 24px;
    padding-top: 2px;
	}

	
	/* Everything else is theming */

	.nav ul li:hover a,.nav3 ul li:hover a { 
		background: #1F1F1F url("images/arrow-sub-menu.png") no-repeat 6px 6px; 
	}	
	
	.nav li a,.nav3 li a{
		background:url("images/arrow-sub-menu.png") no-repeat 6px 6px #278000;
	}
	
	.nav li a.nobg{
		background-image:none;
	}

	/* mouseout */
	
	.nav ul li a,.nav3 ul li a{ 
		letter-spacing:0;
		display: block;
		width:170px;
		text-transform:capitalize;
		border-bottom:1px solid #eee;
	}
	
	.nav ul a:hover,.nav3 ul a:hover { background: #278000; }
	
	.nav a.selected,.nav3 a.selected{
		background:#E3C861;
	}	

	.nav3 li:hover > ul,
	.nav li:hover > ul{
		display:block;
	}	
	

	/* Homepage Slideshow
	------------------------------------------------------------------*/

	#slideshow {
		position:relative;
		width:100%;
		height:330px;
		visibility:hidden;
	}

	#slideshow img {
		width:100%;
		height:auto;
	}

#content h3,
#content h1.pagetitle{
	color:#666;
	font-size:34px;
	font-weight:normal;
}

#content .right{
	float:right;
	width:390px;
	margin-bottom:30px;
	/*background:url("images/footprints.gif") bottom right no-repeat;*/
	padding-bottom:20px;
}

#content .left{
float:left;
width:51%;
padding:15px 28px 10px 28px;
background:#F6FDEF;
}

.latestnews:after {
  content: "";
  display: table;
  clear: both;
  height:0;
}

.latestnews div.post{
	margin:15px 0;
	padding-bottom:15px;
	width:100%;
	float:left;
	font-size:12px;
}

.latestnews .post a{
	background:url("/images/arrow.gif") no-repeat 100% 65%;
	padding-right:15px;
	color:#196402;
}

.latestnews .thumbs a{
	background:none;
	padding-right:0;
}


.latestnews .post h4 a{
	color:#fff;
	background:#4D7E13;
	font-size:18px;
	font-weight:normal;
	text-decoration:underline;
	padding:5px 20px 5px 28px;

	 -webkit-border-top-right-radius:10px;
	 -webkit-border-bottom-right-radius:10px;

	 -khtml-border-radius-topright:10px;
	 -khtml-border-radius-bottomright:10px;

	 -moz-border-radius-topright:10px;
	 -moz-border-radius-bottomright:10px;

	position:relative;
	display:block;	right:28px;
}

.latestnews h4 a:hover{
	background:#E3C861;
	color:#4D7E13;
}

.sidebar_advert img{
	width:390px !important;
}

.gallery{
	margin-top:3px;
	float:left;
}

.gallery a.button{
	float:left;
}

#content .right .gallery ul{
	margin-bottom:15px;
	float:left;
}

#content .right .gallery ul li{
float:left;
margin:15px 15px 0px 0;
}

#content .right .gallery ul li img{
border:1px solid #ACCC80;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#content .right .gallery ul li.nomargin{
margin-right:0;
}

#content .right .gallery img:hover{
	filter:alpha(opacity=100);
	-moz-opacity:0.99;
	-khtml-opacity: 0.99;
	opacity: 0.99;
}

.post ul{
	margin:15px 15px 25px 15px;
}


.post ul li{
	list-style-type:disc;
	margin-left:10px;
	color:#333;
	line-height:1.6em;
	margin-bottom:5px;
}

.post h4{
	font-size:17px;
	color:#588B1C;
	margin-top:10px;
}

.postmeta{
font-size:12px;
color:#666;
}

.postmeta span{
float:left;
}

.postmeta .date{
	float:left;
	color:#333;
	font-style:italic;
}

#content .right .joinus{
	background:url("images/joinbg.jpg") no-repeat top #BFDA9F;
	padding:15px;
	margin-bottom:25px;
}

.newsarchive_btn{
	display:block;
	clear:both;
	margin-bottom:15px;
}

a.button,
.bread a.button{
	color:#E3C861;
	background:#4D7E13;
	padding:4px 10px;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;

 -webkit-border-top-left-radius:5px;
 -webkit-border-top-right-radius:5px;
 -webkit-border-bottom-left-radius:5px;
 -webkit-border-bottom-right-radius:5px;

 -khtml-border-radius-topleft:5px;
 -khtml-border-radius-topright:5px;
 -khtml-border-radius-bottomleft:5px;
 -khtml-border-radius-bottomright:5px;

 -moz-border-radius-topleft:5px;
 -moz-border-radius-topright:5px;
 -moz-border-radius-bottomleft:5px;
 -moz-border-radius-bottomright:5px;

}

a.button:hover,
.bread a.button:hover{
background:#E3C861;
color:#4D7E13;

}

#content .right .joinus h3 b{
	color:#4D7E13;
}

#content .right .joinus h3{
	color:#588B1C;
}

body.home .intro p,
.bold,
.bold a{
font-size:18px;
color:#588B1C;
text-decoration:none;
}


.joinus p{
	color:#588B1C;
}

.intro{
	width:100%;
	padding-bottom:40px;
	background:url("images/grass.jpg") no-repeat 0px 15px;
}

.intro p{
	padding:0 15px;
}




/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

.wp-caption{
	background:#eee;
	padding:10px 0 10px 10px;
}

p.wp-caption-text{
	color:#333;
	width:97%;
	font-size:11px;
	font-style:italic;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}
#primary {
}
#secondary {
}

/* Footer widget areas */
#footer-widget-area {
}



/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}



/* liScroll styles */

.upcomingevents{
	position:absolute;
	left:0;
	color:#fff;
	padding:10px;
	font-size:14px;
	background:url("images/arrow.png") 95% 50% no-repeat #1f1f1f;
	padding-right:16px;
	font-weight:bold;
	z-index:99;
}

.slider-wrapper { /* the outer div with the black border */
	border-top:1px dashed #999;
	background:#333;
	border-bottom:1px dashed #999;
	margin: 0 0 10px 0; 	
	color:#c0c0c0;
	font: bold 12px arial;
	list-style-type: none;
	padding:10px 0;
}

.slider-wrapper ul.slider{
	padding-left:800px;
	visibility:hidden;
}



ul.slider a {
	white-space: nowrap;
	padding: 0;
	color: #eee;
	margin: 0 70px 0 0;
	white-space: nowrap;
} 

ul.slider span {
	margin: 0 10px 0 0;
	white-space: nowrap;
}

ul.slider span b{
	color:#E3C861;
}



/* comments
------------*/

#commentwrap, #commentreplies{
	float:left;
	margin:20px 0 0 0;
}

#commentwrap textarea{
	width:100%
}

.commentitle{
	float:left;
	width:100%;
	border-bottom:3px solid #588B1C;
}

#commentwrap h3, #commentreplies h3{
	background:#588B1C;
	float:left;
	padding: 8px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
}

#commentform{
	float:left;
	width:100%;
}

#recaptcha-submit-btn-area input{
	margin:20px 0;
	padding:8px 18px;
	border:0;
	background:#ff8000;
	color:#fff;
	font-size:16px;
}

#recaptcha-submit-btn-area input:hover{
	background:#333;
	cursor:pointer;
}

ol.commentlist{
	float:left;
	width:100%;
}

ol.commentlist li{
	float:left;
	width:485px;
	margin-bottom:20px;
	line-height:1.6em;
	background:#E2ECD9;
	font-size:12px;
	color:#333;
}

ol.commentlist a{
	color:#333;
}

ol.commentlist a:hover{
	color:#666;
}

.commentwrapper{
	float:left;
	margin:10px;
}

.commentleft{
	float:left;
}

.commentright{
	float:right;
}

.commentcentre{
	float:left;
	width:120px;
}

.commentright p{
	color:#333;
}

.commentsavatar{
	margin-right:5px;
	float:left;
}

.commentsavatar img{
	border:#588B1C solid 1px;
	padding:2px;
}

.commentauthor{
	font-size:11px;
	font-weight:bold;
	float:left;
	width:110px;
	padding-left:5px;
}

.commentdate{
	font-size:11px;
	color:#588B1C;
	width:120px;
	padding-left:5px;
	line-height:2.3em;
}

.commentcomment{
	float:left;
	font-size:13px;
	width:300px;
}

.commentcomment em{
	color:#999;
}

#commentwrap .input{
	padding:2px;
	border:0px;
	margin:10px 10px 10px 0;
	border:1px solid #666;
	
}

#commentwrap textarea{
	padding:2px;
	border:0px;
	margin:10px 10px 10px 0;
	border:1px solid #666;
}


#commentwrap label{
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	display:block;
}

.comment-form p {
	margin: 10px 0 0 0;
}

#commentloggedin{
	font-size:12px;
	margin:10px 0 0 0;
}

#commentloggedin a{
	color:#278000;
}

.commentedit{
	width:300px;
	margin-top:15px;
}

.comment-form-cookies-consent{
	display:none !important;
}

.agr-recaptcha-wrapper{
	margin-top:15px;
}

#youmustbe{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:-0.1em;
	font-weight:bold;
	color:#333;
	margin:10px 0 10px 0;
}

.widget_weather_and_weather_forecast{
	background:url("images/joinbg.jpg") 90% 80%;
	padding:10px;
	position:relative;
	font-size:18px;
	color:#4D7E13;
	margin-bottom:20px;
}

.widget_weather_and_weather_forecast img{
	position:absolute;
	right:10px;
	top:10px;
}

.widget_weather_and_weather_forecast table{
	margin-top:7px;
}

.weather_temp{
	font-size:32px;
	float:left;
	font-weight:bold;
	color:#4D7E13;
}

.weather_feel{
	color:#666;
	font-size:18px;
	float:left;
	margin-top:8px;
}

.weather_desc{
	color:#666;
	font-size:18px;
	float:left;
	margin-top:8px;
}


/* =Images
-------------------------------------------------------------- */

.post img {
	margin: 0;
	height: auto;
	max-width: 450px;
	width: auto;
}
#content .attachment img {
	max-width: 450px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
	max-width:460px;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
#content .wp-smiley {
	margin: 0;
}
#content .gallery {
	margin: 0 auto 18px;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}
#content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

.latestnews .entry-meta{
	font-size:12px;
	color:#666;
	margin:10px 0 0 3px;
}

#content .error h3{
	background:#990000;
	color:#fff;
	font-size:18px;
	padding:20px;
	margin:10px 0;
}

#content .success h3{
	background:green;
	color:#fff;
	font-size:18px;
	padding:20px;
	margin:10px 0;
}

.wp-pagenavi{
	margin:20px 0;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 6px 12px 6px 12px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #4d7e13;
	color: #4d7e13;
	background-color: #FFFFFF;	
}

.wp-pagenavi a:hover {	
	border: 1px solid #4d7e13;
	color: #fff;
	background-color: #4d7e13;
}
.wp-pagenavi a:active {
	padding: 6px 12px 6px 12px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #4d7e13;
	color: #4d7e13;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 6px 12px 6px 12px; 
	margin: 2px 2px 2px 2px;
	color: #4d7e13;
	border: 1px solid #4d7e13;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 6px 12px 6px 12px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #4d7e13;
	color: #fff;
	background-color: #4d7e13;
}
.wp-pagenavi span.extend {
	padding: 6px 12px 6px 12px; 
	margin: 2px;	
	border: 1px solid #4d7e13;
	color: #4d7e13;
	background-color: #FFFFFF;
}


/* =Contact page
-------------------------------------------------------------- */

.wpcf7-form .field{
	padding:10px 0 5px 0;
}

.wpcf7-form .field p{
	margin:0;
}

.wpcf7-form label{
	padding-bottom:2px;
	display:block;
}

.wpcf7-form .wpcf7-text{
	width:250px;
}


.wpcf7-form .wpcf7-textarea{
	width:300px;
}

.captcha-image{
	border-color:#999 !important;
	width: 284px;
}

.cf7ic_instructions{
	padding-bottom:4px;
}