/* ------------------------------------
Golden Cabinet Style Sheet (print)
version: 1.0
author: Maraid Design
email: hello@maraid.co.uk
website: http://www.maraid.co.uk
------------------------------------- */



/*-----------
colours

blue text #2c738f
line green #8fc940
grey text #505050
chunky grey hr #efefef
------------*/


/*typography and colours
--------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, time, mark, audio, video {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

body {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-size:small;
	color: #505050;
}
	
h1, h2, h3 {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	color: #2c738f;
}

h1 {
	font-size: 130%;
}

h1.home {
	margin-bottom: 2em;
	text-align: center;
}

p, ol, ul, blockquote, address, h1, h2, h3, h4 {
	line-height:1.6em;
	margin-bottom:0.8em;
}

address {
	font-style: normal;
}		
	
a {
	color: #2c738f;
}		


p.center {
	text-align: center;
}

p.date {
	margin-bottom: 2.5em;
}

h1.nomargin {
	margin-bottom: 0 !important;
}

a.tel {
	color: #505050;
	text-decoration: none;
}

h1:before {
	content: "Golden Cabinet";
	font-size: 180%;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	color:#2c738f;
	display: block;
	margin-bottom: 0.5em;
}

article.page h1:before {
	content: none;
	font-size: 180%;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	color:#2c738f;
	display: block;
	margin-bottom: 0.5em;
}


/*lists
--------------------------------------*/

article.page ul, article.page ol {
	margin-left: 3em;
}	

article.page ul {
	list-style-type: circle;
}

ul#modules, ul#modules3 {
	margin:30px 0;
	list-style-type: none;
	margin-bottom: 3em;
}

ul#modules img, ul#modules3 img {
	display: block;
}

ul#modules li {
	width: 23.40425531914893%;/* 220/940 */
	float: left;
	margin-right: 2.127659574468085%;/* 20/940 */
	text-align: center;
}

ul#modules3 li {
	width: 31.40096618357487%; /* 690-40/3/690 */
	margin-right: 2.898550724637682%;/* 20/690 */
	float: left;
	text-align: center;
}

ul#modules li h2, ul#modules3 li h2 {
	border-bottom: 4px solid #efefef;
	text-align: center;
	padding-bottom: 10px;
}
	
ul#modules li div.wrap, ul#modules3 li div.wrap {
	padding: 7%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	-webkit-box-shadow: 0 0 3px 2px #ececec;
	-moz-box-shadow: 0 0 3px 2px #ececec;
	box-shadow: 0 0 3px 2px #ececec;
	margin-bottom: 0.8em;
}

ul#modules li a, ul#modules3 li a {
	color: #505050;
	text-decoration: none;
}




ul#social {
	list-style-type: none;
	margin-top: 0.5em;
	width:95%
}

ul#social li {
	float: left;
	width:48%;
	margin-right: 2%;
	margin-bottom: 4px;
	line-height: 0;
}


ul#social li img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
	

ul.event-list {
	list-style-type: none !important;
	margin-top: 3em;
	margin-left: 0 !important;
}	

ul.event-list li {
	width:48.93617021276596%;
	float: left;
	margin: 0 2.127659574468085% 20px 0;
}

div.imagearea { 
	width:34.78260869565217%; /* 160/460 */
	float: left;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
}

div.imagearea img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
}

div.corners img {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;	
}

div.textarea { 
	width:60.86956521739127%;/*  280/460 */
	float:right;
}

div.textarea h3, div.textarea p {
	padding-left: 7.142857142857142%; /* 20/280 */
}

div.textarea p.desc {
	background:url(../images/site/sep.jpg) repeat-y 0 50%;
}



ul.event-list li a {
	text-decoration: none;
	color: #505050;
}

ul.event-list li  p.date {
	color: #484848 ;
	margin-bottom: 1em;
}

ul.event-list li h3 {
	margin-bottom: 0;
	text-decoration: underline;
	color: #2c738f;
}

ul.event-list li:nth-child(2n+2) {  
  margin-right:0;
}

ul.event-list li:nth-child(2n+1){  
  clear:both
}	

footer, address {
	border-top: 4px solid #efefef;
	margin-top: 20px;
	padding-top: 20px;
}

/*images
--------------------------------------*/

img {
	width:100%;
}

img.size {
	width:auto;
}


article.page img.special, div#map {
	width:106%;
	margin-left:-2.857142857142857%;
	margin-bottom: 1em;
	-webkit-border-radius: 5px 5px 0 0 ;
	-moz-border-radius:  5px 5px 0 0;
	border-radius:  5px 5px 0 0;	
}

div#map {
	height: 300px;
}

div#mapdetail {
	width:106%;
	margin-left:-2.857142857142857%;
	height: 300px;
}

div.detailmap {
	width:100% !important;
	margin-left: 0 !important;
	height: 300px;
	margin-top: 20px;
}

div.share {
	margin:15px 0;
}

img.mainimg {
	width:106%;
	margin-left: -3%;
	margin-bottom: 15px;
}

/*forms
--------------------------------------*/

form fieldset {
	margin: 0 0 10px 0;
	}
form fieldset.form-actions {
	margin: 0;
	}
form fieldset label {
	display: block;
	margin: 0 0 5px 0;
	}
form fieldset input.form-text, form input[type="text"], form textarea, form input[type="file"] {
	display: block;
	width: 50%;
	padding: 5px;
	border: none;
	background: #ececec;
	position: relative;

	z-index: 2;

	}
	
form textarea {
	min-height: 200px;
	width:90%;
}	
	
form fieldset input.form-text:focus {
	padding: 5px;
	border: none;
	background: #ececec;
	}
form fieldset p.form-help {
	margin: 5px 0 0 0;
	font-size: 12px;
	color: #999;
	}
form input[type="submit"] {
	margin: 0;
	padding: 4px 8px;
	border: none;
	background: #8fc940;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor:pointer;	
	color: #fff;
	font-size: 100%;
	}
form input[type="submit"]:hover,
form input[type="submit"]:focus {
	border: none;
	background: #6ca228;
	}
form input[type="submit"]:active {
	border: none;
	background: #6ca228;
	}		
	
aside.info form {
	margin-top: 1em;
}	

form fieldset input.form-text {
	width:90%;
}

form#wildform {
	margin-bottom: 2em;
}		
	

/*other
--------------------------------------*/

div.horrule {
	height: 1px;
	border-top: 1px solid #e4e4e4;
	margin: 20px 0 20px 0;
	}

div.horrule hr {
	display: none;
	clear:both;
	}
	
.hidden, ul#social li span, .assistive-text, p.form-allowed-tags, nav.main-nav, nav.sub-nav, aside.info, aside.funders, div#logo {
	position: absolute;
	left: -10000px;
	width: 1px;
	height:1px;
	overflow:hidden;
	top:auto;
	}	
.header-container{
	display: none;
}
.clear-float:after {/*clear floated elements*/
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
* html .clear-float { height:1%; } /* IE6 */
*:first-child+html .clear-float { min-height:1%; } /* IE7 */

.clear {/*clears anything leaving no gap*/
	float:none;
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
	}

.clearheight {/*clear anything leaving a gap*/
	float:none;
	clear:both;
	}
	
.end {
	margin:0 !important;
}	

/*extra blog styles 
--------------------------------------*/	

span.required {
	color: red;
}

article.post {
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid #e2e2e2;
}

article.post h1 {
	text-align: left;
	margin-top: 0 !important;
}

form#searchform {
	margin-bottom: 3em;
}

form#searchform input[type="text"] {
	width:80%;
	margin-bottom: 1em;
}

.alignleft, .nav-previous {
	float: left;
	margin-bottom: 1em;
}

.alignright, .nav-next {
	float: right;
	margin-bottom: 1em;
}

.nav-next:after, .nav-next:after, .nav-single:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
.nav-single {
	margin-bottom: 1em;
}

.comments-area{
	border-top:4px solid #efefef;
	padding-top: 2em;

}

p.comment-form-comment label {
	display: block;
}

p.comment-form-comment textarea, form#commentform input[type="text"] {
	border: 1px solid #ededed;
	padding:2%;
	width: 96%;
}

header.comment-author cite {
	font-style: normal !important;
}

header.comment-author a {
	margin-left: 10px;
}

ol.commentlist li {
	margin-bottom: 1em;
}

div.entry-content:after {/*clear floated elements*/
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}


/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 50%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 50%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Images */
.alignleft {
	float: left;
	margin: 1em 1em 1em 0;
}
.alignright {
	float: right;
	margin: 1em 0 1em 1em;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}




/*carousel 
-------------------------------------------------------*/


.hm-carousel a {
	text-decoration: none;
}

.hm-carousel h2 { color: #2e6d8c; }
.hm-carousel h3 { color: #000; }


.hm-carousel { -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	-webkit-box-shadow: 0 0 3px 2px #ececec;
	-moz-box-shadow: 0 0 3px 2px #ececec;
	box-shadow: 0 0 3px 2px #ececec; }
.hm-carousel .image-container { position: relative; z-index: 1; }
.hm-carousel img { width: 100%; display: block; border-radius: 5px 5px 0 0; position: absolute; }
.hm-carousel img.ratio { position: relative; }
.hm-carousel img.content-img { position: absolute; left: 0; top: 0; }
.hm-carousel ul { margin: 0; padding: 0; list-style: none; }
.hm-carousel li { margin: 0; padding: 0; position: relative;  }
.hm-carousel .copy-container { z-index: 2; position: absolute; right: 0; top: 0; height: 100%; width: 26%; padding: 1%; text-align: center; background: rgba(255,255,255,.8);  border-radius: 0 5px 0 0; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.hm-carousel .title { margin-bottom: 5px; padding: 5px; border-bottom: 4px solid #8ecb3f; margin: 0 2%; }
.hm-carousel a h2 { text-transform: uppercase; font-size: 14px; }
.hm-carousel a h3 { font-size: 13px; }
.hm-carousel a p { color: #474642; }
.hm-carousel .slides li {display:none}
.hm-carousel #item-1 img.content-img, .hm-carousel #item-2 img.content-img { top: -7.2%; }

.hm-carousel .carousel-controls { position: relative; z-index: 10; }
.hm-carousel .carousel-controls .arrow { position: absolute; width: 0; height: 0; top: -24px; left: 9%; border: 12px solid transparent; border-bottom-color: #fff; z-index: 3; }
.hm-carousel .carousel-controls li { width: 20%; float: left; padding: 10px 0; background-color: #fff; -webkit-border-radius:0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;	}
.hm-carousel .carousel-controls li a { display: block; text-align: center; padding: 10px 0; font-size: 14px; text-transform: uppercase; color: #22788f; border-right: 1px solid #ccc; }
.hm-carousel .carousel-controls li:last-child a { border-right: none; }
.hm-carousel .carousel-controls li a span { border-bottom: 4px solid transparent; font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;}
.hm-carousel .carousel-controls li.flex-active a span { border-color: #d5e3ec; }



div.desc {
	margin-top: 1em;
}


.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }