/* Set the base fonts for the site */
body { font-family: Arial, Helvetica, sans-serif; }
#header .title-line1,
#nav-main,
#content-supp .supp-box .box-title,
h1,h2,h3,h4,h5,h6 { font-family: Tahoma, Arial, Helvetica, sans-serif; }
#header,
body#local_information #organisation-filters li a { font-family: Baskerville, Georgia, "Times New Roman", serif; }

	/* Style up the global blocks */
body { border-top: 20px solid #222; background: #5a0006 url(../images/site/bg-body.jpg) no-repeat center -17px; }
#container { position: relative; width: 970px; margin: 0 auto; padding-bottom: 40px; }

#header { height: 184px; text-align: right; }
#header a {
	font-size: 60px; line-height: 1.1; font-style: italic; color: #fff;
	text-shadow: 3px 3px 4px rgba(0,0,0,0.65); }
#header a:hover { text-decoration: none; }
#header span { float: right; clear: right; margin-top: 5px; padding: 3px 10px 12px; background: #000; }
#header .title-line1 { font-style: normal; font-weight: bold; }
.rgba #header span { background: rgba(0,0,0,0.8); }

div#content { background: #440202; margin-top: 30px; }
.rgba div#content { background: rgba(68,2,2,0.8); }
#content-wide {
	float: left; width: 760px; min-height: 500px; padding: 35px 10px 10px 200px;
	background: #fff url(../images/site/bg-content-main.png) repeat-y 83px top; }
#content-main {
	position: relative; float: left; width: 490px; min-height: 500px; padding: 35px 20px 10px 200px;
	background: #fff url(../images/site/bg-content-main.png) repeat-y 83px top; }
#content-main h1 { position: absolute; right: 10px; top: 60px; max-width: 460px; text-align: right; }
#content-main img { display: block; margin: 0 0 20px; }
#content-supp { float: left; width: 220px; margin: 0 20px; }

#footer-wrapper { padding-top: 20px; background: transparent url(../images/site/bg-siteinfo-top.png) no-repeat left top; }
#footer { position: relative; height: 180px; background: transparent url(../images/site/bg-siteinfo.jpg) no-repeat left top; }
#footer p {
	position: absolute; right: 10px; bottom: 10px;
	height: 44px;
	font-size: 11px; line-height: 1.2; text-align: right; color: #fff; 
	background: transparent url(../images/site/bg-footer-w3c.png) no-repeat right bottom;
	padding: 3px 80px 0 0;}
#footer p a { color: #fff; font-weight: bold; }
#footer #w3c {
	display: block;
	width: 74px;
	height: 48px;
	text-indent: -9999px;
	position: absolute; left: 886px; top: 122px;
}

	/* Navigation: Main */
#nav-main { position: absolute; left: 0; top: 184px; width: 970px; height: 30px; background: #990000; }
#nav-main h4 { display: none; }
#nav-main li { float: left; list-style: none; }
#nav-main li a {
	float: left; height: 30px; padding: 0 15px; line-height: 30px;
	font-size: 14px; font-weight: bold; color: #fff; }
#nav-main li.active a { background: #827348; color: #fff; }

	/* Navigation: Supplementary */
#nav-supp-wrapper {
	position: absolute; left: 0; top: 214px; width: 170px; padding: 250px 20px 0 10px;
	background: transparent url(../images/site/bg-goostrey-signpost.png) no-repeat left top; }
#nav-supp h4 { display: none; }
#nav-supp ul li { list-style: none; margin-bottom: 3px; }
#nav-supp ul li a {
	position: relative; display: block; height: 30px; line-height: 30px; padding: 0 20px 0 10px;
	background: #000 url(../images/site/bg-nav-supp.png) no-repeat left top;
	font-size: 13px; color: #fff; 
	-webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; transition: all 150ms ease-out; }
#nav-supp ul li.active a { background-position: left -30px; }
#nav-supp ul li a:hover {
	text-decoration: none; 
	left: 5px; }

	/* Typography styling */
#content { color: #333; }
#content h1 { display: inline-block; background: #000; color: #fff; padding: 0 20px 4px; }
.rgba #content h1 { background: rgba(0,0,0,0.7); }

#content h1 { font-size: 28px; margin-bottom: 0.5em ; }
#content h2 { font-size: 18px; margin-bottom: 0.5em ; }
#content h3 { font-size: 16px; margin-bottom: 0.5em ; }
#content h4 { font-size: 14px; margin-bottom: 0.5em ; }
#content h5 { font-size: 12px; margin-bottom: 0.5em ; }

#content p,
#content li { font-size: 14px; line-height: 1.4; }

#content p,
#content ul,
#content ol,
#content blockquote { margin-bottom: 14px; }

#content ul,
#content ol,
#content blockquote { margin-left: 20px; }

#content dt { font-weight: bold; }
#content dd { margin-bottom: 10px; }

#content a { font-weight: bold; color: #900; }
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a { font-weight: normal; }

#content .datechip {
	position: relative; width: 35px; height: 40px;
	background: transparent url(../images/site/calendar-icon.png) no-repeat left top;
	line-height: 1.2; }
.datechip span { position: absolute; width: 35px; text-align: center; }
.datechip .day { left: 0; top: 14px; font-size: 18px; font-weight: bold; }
.datechip .month { left: 0; top: 0; font-size: 10px; color: #fff; font-weight: bold; }
.datechip .year { display: none; }

	/* Form Styling */
#content form { margin-bottom: 10px; border-bottom: 2px solid #999; background: transparent url(../images/site/bg-item.png) repeat-x left bottom; }
#content form fieldset { background: none; margin: 0; }

#content form label { width: 140px; margin-right: 10px; }
#content form .multitext label { position: relative; top: -144px; }
#content form div { font-size: 14px; line-height: 1.3; }
#content form .button { margin-top: 20px; margin-bottom: 0; }

#content form .text input,
#content form .select select,
#content form .multitext textarea {
	padding: 3px 5px; width: 300px;
	border-color: #999;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
#content form .text input:focus,
#content form .select select:focus,
#content form .multitext textarea:focus {
	border-color: #333;
	-moz-box-shadow: 0 0 2px #900; -webkit-box-shadow: 0 0 2px #900; box-shadow: 0 0 2px #900; }

#content form .tooltiphint {
	color: #900; font-weight: bold; cursor: help; }

#content form .button input,
#content a.button {
	margin-right: 10px; padding: 3px 10px;
	background: #900;
	color: #fff; font-weight: bold;
	-moz-box-shadow: 3px 3px 0 rgba(0,0,0,0.5); -moz-box-shadow:  3px 3px 0 rgba(0,0,0,0.5); box-shadow:  3px 3px 0 rgba(0,0,0,0.5);
	-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

	/* Content Supp box styling */
#content-supp .supp-box { position: relative; margin: 30px 0 55px; padding: 35px 10px 10px; background: #fff; }
#content-supp .supp-box .box-title {
	position: absolute; left: -10px; top: -18px; height: 35px; line-height: 32px; padding: 0 10px;
	background: #900;
	font-size: 20px; color: #fff;
	-webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.5); -moz-box-shadow:  3px 3px 0 rgba(0,0,0,0.5); box-shadow:  3px 3px 0 rgba(0,0,0,0.5); }
#content-supp .supp-box .box-title a { color: #fff; font-weight: normal; }
#content-supp .supp-box .box-title a:hover { text-decoration: none; }
#content-supp .supp-box p { font-size: 13px; line-height: 1.3; }
#content-supp .supp-box ul { margin-left: 10px; }
#content-supp .supp-box .box-footer {
	position: absolute; right: 0; bottom: -20px; height: 20px; line-height: 20px; padding: 0 10px;
	background: #fff;
	font-size: 12px; color: #900; }
#content-supp .supp-box .box-footer:before { content: '// '; }

#gallery-supp-box .largepic a { display: block; margin-bottom: 10px; }
#gallery-supp-box .largepic a img { width: 200px; height: 200px; }
#gallery-supp-box .thumbpics a { float: left; margin: 10px 10px 0 0; }
#gallery-supp-box .thumbpics a:nth-child(3n) { margin-right: 0; }
#gallery-supp-box .thumbpics a:nth-child(1),
#gallery-supp-box .thumbpics a:nth-child(2),
#gallery-supp-box .thumbpics a:nth-child(3) { margin-top: 0; }

#whatson-supp-box ul { margin-left: 0 !important; }
#whatson-supp-box h3 { font-size: 13px; }
#whatson-supp-box h3 a { font-weight: bold; }
#whatson-supp-box li { position: relative; padding-left: 45px; list-style: none; }
#whatson-supp-box li .datechip { position: absolute; left: 0; top: 5px; }

	/* Page Specific: Gallery */
body#gallery .gallery-overview { border-top: 1px solid #ccc; padding-top: 5px; }
body#gallery .gallery-overview .overview-item {
	float: left; width: 480px; margin: 0 10px 0 0; padding: 10px; border-bottom: 2px solid #999;
	background: #fff url(../images/site/bg-item.png) repeat-x left bottom; }
body#gallery .gallery-overview .overview-item:nth-child(2n) { margin-right: 0; }
body#gallery .gallery-overview .overview-item:nth-child(2n+1) { clear: left; }
body#gallery .gallery-overview .overview-item h2 { margin-bottom: 0; line-height: 1.2; }
body#gallery .overview-item .overview-item-desc { float: right; width: 320px; }
body#gallery .overview-item .overview-item-sidebar { float: left; width: 140px; margin: 6px 10px 5px 0; }
body#gallery .overview-item img { display: block; margin-bottom: 5px; border: 2px solid #99474d; }
body#gallery .overview-item .button { float: none; display: block; margin-right: 0; padding: 2px; font-size: 15px; line-height: 1.3; }

body#gallery #gallery-list { border-top: 1px solid #ccc; padding-top: 5px; }
body#gallery .gallery-item { float: left; width: 136px; height: 136px; margin: 5px; border: 2px solid #99474d; background: #ccc; }
body#gallery .gallery-item:nth-child(5n+1) { margin-left: 10px; }
body#gallery .gallery-item:nth-child(5n) { margin-right: 10px; }
body#gallery .gallery-item:hover { border-color: #5a0006; }
body#gallery .gallery-item h2 { display: none; }

	/* Page Specific: News */
#news-list #thumbnail-picture {
	float: right;
	margin: 3px 0 10px 10px;
}
#news-list .news-item:first-child { padding-top: 0; }
#news-list .news-item,
#news-detail {
	border-bottom: 2px solid #999; padding: 75px 20px 0;
	background: #fff url(../images/site/bg-item.png) repeat-x left bottom; }
#content #news-detail h1 {margin-right: 20px;}
#news-detail #square-picture {
	margin: 3px 0 10px 10px;
	float: right; 
}
#news-detail #wide-picture {
	margin-bottom: 20px;
}
body#news p.date { text-align: right; margin-top: 10px; clear: right;}

	/* Page Specific: Council Members */
body#parish_council #councilmember-list .item {
	margin-bottom: 20px;  border-bottom: 2px solid #999; padding: 10px; overflow: hidden;
	background: transparent url(../images/site/bg-item.png) repeat-x left bottom; }
body#parish_council #councilmember-list .item img { float: left; margin: 0; }
body#parish_council #councilmember-list .item-content { float: left; width: 360px; margin-left: 10px; }
body#parish_council .item dl {
	overflow: hidden;
	margin: 0;
} 
body#parish_council .item dt {
	clear: left; float: left; width: 20px; height: 20px; margin: 0 10px 10px 0; text-indent: -9999px;
	background: transparent url(../images/site/sprite-contacticons.png) no-repeat left top; }
body#parish_council .item dt.contactinfo-tel { background-position: left -40px; }
body#parish_council .item dt.contactinfo-email { background-position: left -20px; }
body#parish_council .item dt.contactinfo-address { background-position: left -80px; }

	/* Page Specific: Local Amenities */
		/* Listing */
body#local_information #organisation-filters { border-bottom: 5px solid #5a0004; }
body#local_information #organisation-filters ul { margin: 0; }
body#local_information #organisation-filters li { float: left; list-style: none; margin-right: 3px; }
body#local_information #organisation-filters li a {
	float: left; padding: 3px 20px;
	background: #333;
	background: -moz-linear-gradient(top, rgba(51,51,51,0.8), rgba(0,0,0,0.8));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(51,51,51,0.8)), to(rgba(0,0,0,0.8)));
	font-size: 20px; font-style: italic; color: #fff; text-shadow: 2px 2px 4px rgba(0,0,0,0.65); }
body#local_information #organisation-filters li.active a { background: #5a0004; }

body#local_information .item {
	position: relative; border-bottom: 2px solid #999; padding: 10px 20px 0;
	background: #fff url(../images/site/bg-item.png) repeat-x left bottom; }

body#local_information .item-contactinfo dl { margin: -1px 0 0; }
body#local_information .item-contactinfo dt {
	float: left; width: 20px; height: 20px; margin: 0 10px 0 0; text-indent: -9999px;
	background: transparent url(../images/site/sprite-contacticons.png) no-repeat left top; }
body#local_information .item-contactinfo dt.contactinfo-email { background-position: left -20px; }
body#local_information .item-contactinfo dt.contactinfo-website { background-position: left -60px; }
body#local_information .item-contactinfo dt.contactinfo-microsite { background-position: left -80px; }
body#local_information .item-contactinfo dt.contactinfo-tel { background-position: left -40px; }
body#local_information .item-contactinfo dd { float: left; width: 190px; height: 20px; line-height: 20px; margin-bottom: 10px; }

body#local_information .item a.item-moreinfolink {
	position: absolute; right: 10px; top: 25px; width: 32px; height: 32px;
	border: 2px solid #900;
	background: #fff url(../images/site/bg-arrow-local_information.png) no-repeat left top;
	text-indent: -9999px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
body#local_information .item a.item-moreinfolink:hover {
	border-color: #fff; background-color: #900; background-position: left -32px; text-decoration: none; }

		/* Detail */
body#local_information .main-box { float: left; width: 235px; margin: 20px 20px 0 0; }
body#local_information .main-box.events { margin-right: 0; }
body#local_information .main-box .box-title {
	line-height: 32px; padding: 0 10px;
	background: #900;
	font-size: 24px; color: #fff;
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.65); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.65); box-shadow: 3px 3px 3px rgba(0,0,0,0.65); }
body#local_information .main-box .box-content { margin: 0 10px; padding-top: 5px; }
body#local_information .main-box .box-content h3 { margin: 0; font-size: 14px; font-weight: bold; }
body#local_information p.date { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; text-align: right; font-size: 12px; }

body#local_information .supp-box dl { margin-left: 0; }
body#local_information .supp-box dt { font-size: 13px; line-height: 1.2; }
body#local_information .supp-box dd {
	margin-bottom: 10px;
	font-size: 13px; line-height: 1.2; }

	/* Page Specific: Manage your microsite */
body#manage_your_microsite .overview-section {
	border-bottom: 2px solid #999; padding: 10px;
	background: transparent url(../images/site/bg-item.png) repeat-x left bottom; }
body#manage_your_microsite .overview-section :last-child { margin-bottom: 0; }
body#manage_your_microsite .overview-section dl { margin-left: 0; }
body#manage_your_microsite .overview-section dt { clear: left; float: left; width: 150px; margin-right: 10px; font-size: 14px; line-height: 1.4; }
body#manage_your_microsite .overview-section dd { float: left; width: 340px; font-size: 14px; line-height: 1.4; }

	/* Page Specific: Calendar of events */
body#calendar_of_events .item {
	position: relative; border-bottom: 2px solid #999999; padding: 10px 10px 10px 55px;
	background: transparent url(../images/site/bg-item.png) repeat-x left bottom; }
#events-detail {
	border-bottom: 2px solid #999999; padding: 0 20px 0;
	background: transparent url(../images/site/bg-item.png) repeat-x left bottom; }
body#calendar_of_events .item :last-child { margin-bottom: 0; }
body#calendar_of_events .item .datechip { position: absolute; left: 10px; top: 19px; }

body#calendar_of_events ul#location-and-contact-details { margin-left: 0; }
body#calendar_of_events ul#location-and-contact-details li { clear: left; list-style: none; }
body#calendar_of_events ul#location-and-contact-details strong { float: left; width: 70px; }
body#calendar_of_events ul#location-and-contact-details em { float: left; width: 370px; }

body#calendar_of_events #events-detail img { float: right; margin: 0 -28px 10px 20px; }

	/* Page Specific: Contact */
body#contact #contactinfo-supp-box dl { margin: 0; }
body#contact #contactinfo-supp-box dt,
body#contact #contactinfo-supp-box dd { font-size: 13px; line-height: 1.2; }
body#contact #contactinfo-supp-box dd.adr { margin-bottom: 0; }

	/* Misc Styling */
#errorbox {
	margin-bottom: 15px; border: 2px solid #f00; padding: 10px 10px 10px 34px;
	background: #fee url(../images/site/icon-exclamation.png) no-repeat 10px 11px; 
	color: #f00; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
#errorbox p,
#errorbox ul { margin-bottom: 0; }

#successbox {
	margin-bottom: 15px; border: 2px solid #060; padding: 10px 10px 10px 34px;
	background: #efe url(../images/site/icon-tick.png) no-repeat 10px 11px; 
	color: #060; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
#successbox p,
#successbox ul { margin-bottom: 0; }
	
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }