/*
Theme Name: Garden House Brighton v2
Theme URI: http://www.gardenhousebrighton.co.uk/
Description: The Wordpress theme for GardenHouseBrighton.
Version: 2
Author: Simon McFarlane
Author URI: http://www.clearbytes.co.uk/
*/



body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    	height: 100%;  
	font-size: 62.5%;	
	color: #333;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	background: #CFD5BB url(img/body-bg.jpg) repeat-x 0 0;
    }





body a img {
	border: none;
}

img{
	display: block;
}

.clearing{	
	clear: both;
}





/*------ clear standard browser styles ------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/*------ general styles ------*/


.clear {
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	}


.disguise {
	position: absolute;
	left: -10000px;
	}
	
.hide {
	display: none;
	}
	
	
	
/* http://positioniseverything.net/easyclearing */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-table;
        min-height: 0;
	}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


img.alignright {float:right; margin:0 0 1em 1.5em}
img.alignleft {float:left; margin:0 1.5em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1.5em}
a img.alignleft {float:left; margin:0 1.5em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


a:focus,
a:hover,
a:active{
	outline:none;
}



/*------ wrap ------*/


#wrap {
	margin: 0px auto 10px auto;
	padding: 0 0 0 0;
	width: 1008px;
	text-align: left;
	background: #fff url(img/wrap-bg.jpg) repeat-y 0 0;
}


#wrap .gutter{
	width: 1008px;
	background: url(img/header-bg.jpg) no-repeat 0 0;
}



/*------ header ------*/


#header{
	float: left;
	width: 938px;
	min-height: 235px;
	height:auto !important;
	height: 235px;
	padding: 0 35px;
}



#header .title{
	float: left;
	width: 250px;
	height: 220px;
	margin: 0 0 0 27px;
}


#header .title a{
	display: block;
	width: 250px;
	height: 210px;
	font-size: 1px;
	color: #fff;
	text-decoration: none;
}


#header .subTitle{
	float: right;
	width: 450px;
	height: 76px;
	padding-top: 10px;
	font-size: 2.5em;
	font-family: georgia;
	color: #666600;
	text-align: right;
}




#header .pageTitle{
	float: right;
	width: 610px;
	padding: 15px 0 0 0;
	font-size: 2.5em;
	font-family: georgia;
	color: #545400;
}


#navigation{
	float: right;
	width: 585px;
	height: 29px;
	font-size: 1.6em;
	font-family: georgia;
}


#navigation li{
	float: left;
	border-left: 1px solid #CFD6BB;
}


* html #navigation li{

}


#navigation li a{
	float: left;
	height: 22px;
	padding: 4px 7px 0 7px;
	color: #fff;
	text-decoration: none;
	border-bottom: 3px solid #B6C199;
}



#navigation li a:hover,
#navigation li.current_page_item a{
	background: #DDE1D0;
	color: #333;
	border-bottom: 3px solid #667A30;	
}



#header h3{
	float: right;
	width: 610px;
	padding: 15px 0 8px 0;
	font-size: 1.6em;
	line-height: 1.2em;
	color: #333;
	font-weight: bold;
}


#header blockquote{
	float: right;
	width: 610px;
	padding: 0 0 0 0;
	font-size: 1.5em;
	color: #D2832B;
	line-height: 1.2em;
	font-style: italic;
}


#header blockquote .quoted{
	font-size: 0.8em !important;
	font-style: normal;
	font-weight: bold;
	text-align: right;
}




/*------ content ------*/


#content{
	float: left;
	width: 938px;
	padding: 0 35px;
	margin-top: 10px;
	background: url(img/content-bg.gif) repeat-y 0 0;
}



#content.wide{
	background: url(img/content-wide-bg.gif) repeat-y 0 0;
}



/*------ #sideBar ------*/


#sideBar{
	float: left;
	width: 305px;
	padding: 10px 0 0 0;
	border-top: 1px solid #D3E1B0;
}


#sideBar .advert{
	float: left;
	width: 305px;
	margin-bottom: 10px;
}


#sideBar .twitter{
	float: left;
	width: 305px;
	margin-bottom: 20px;
}


/*------ #pictures ------*/


#pictures{
	float: left;
	width: 305px;
	margin-bottom: 20px;
}



#pictures dl{
	float: left;
	position: relative;
	width: 305px;
}


#pictures dd{
	position: absolute;
	bottom: 5px;
	left: 5px;
	display: block;
	background: #fff;
	color: #242400;
	font-size: 1.6em;
	padding: 2px 5px;
	font-family: georgia;
}


#pictures p{
	float: left;
	width: 305px;
	font-size: 1.2em;
	text-align: right;
	padding-top: 5px;
}


#pictures p a{
	color: #277306;
	font-weight: bold;
	text-decoration: none;
}


#pictures p a:hover{
	text-decoration: underline;
}



/*------ #quotes ------*/


#quotes{
	float: left;
	width: 305px;
	margin: 10px 0;
}


#quotes h4{
	color: #667A30;
	font-size: 1.8em;
	padding-bottom: 10px;
	font-family: georgia;
}


#quotes blockquote{
	float: left;
	width: 305px;
	padding-bottom: 10px;
}


#quotes blockquote p{
	font-size: 1.6em;
	color: #D2832B;
	font-style: italic;
}


#quotes blockquote p.quoted{
	font-size: 1.1em;
	color: #D2832B;
	font-style: normal;
	text-align: right;
	font-weight: bold;
}


#quotes ul{
	font-size: 1.3em;
	padding: 0 0 20px 10px;;
}



#quotes ul li{
	padding-bottom: 5px;
}


#quotes ul li a{
	color: #666;
	text-decoration: none;
}



#quotes ul li a:hover{
	text-decoration: underline;
}


.monthlyArchive li{
	padding-bottom: 10px !important;
}


.monthlyArchive a{
	color: #667A30 !important;
	font-weight: bold;
}


.monthlyArchive strong a{
	color: #333 !important;
}


/*------ #tags ------*/


#tags{
	float: left;
	width: 305px;
	margin: 0 0 30px 0;
}


#tags a{
text-decoration: none;
color: #D2832B;
}


#tags a:hover{
text-decoration: underline;
}


/*------ #gallery ------*/


#gallery{
	float: left;
	width: 305px;
	margin-bottom: 20px;
}


#gallery h4{
	color: #88A43E;
	font-size: 1.8em;
	padding-bottom: 10px;
	font-family: georgia;
}


#gallery ul{
	float: left;
	width: 305px;
	padding-bottom: 5px;
}


#gallery ul li{
	float: left;
}


#gallery p{
	float: left;
	width: 305px;
	font-size: 1.2em;
	text-align: right;
	padding-top: 5px;
}


#gallery p a{
	color: #277306;
	font-weight: bold;
	text-decoration: none;
}


#gallery p a:hover{
	text-decoration: underline;
}


#thumbs ul{
	float: left;
	width: 610px;
}


#thumbs ul li{
	float: left;
	padding: 0 !important;
	margin: 0 1px 1px 0 !important;
	background: none !important;
	
}




/*------ #signup ------*/


#signup{
	float: left;
	width: 279px;
	margin-bottom: 20px;
	padding: 10px;
	background: #CDDD9D;
	border: 3px solid #A7C448;
	border-top: none;
}


#signup h3{
	color: #242400;
	font-size: 2em;
	padding-bottom: 10px;
	font-family: georgia;
}


#signup h4{
	color: #242400;
	font-size: 1.6em;
	padding-bottom: 10px;
	font-family: georgia;
}


#signup p{
	float: left;
	width: 285px;
	font-size: 1.2em;
	padding-bottom: 5px;
}

#signup p input{
	width: 277px;
	border: 1px solid #fff;
	padding: 3px;
}


#signup .submit input{
	float: right;
	width: 120px;
	padding: 1px 3px;
	margin-top: 5px;
	color: #fff;
	font-family: arial;
	border: 1px solid #9CBA49;
	background: #9CBA49;
	font-weight:bold;
cursor: pointer;
}



#signup .warning{
	color: #ff0000;
}


#signup .send{
	color: #990000;
}
	



/*------ #today ------*/


#today{
	float: left;
	width: 275px;
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
	background: #C5D795;
}


#today h3{
	font-size: 1.8em;
	font-family: georgia;
	color: #000;
	padding-bottom: 10px;
}



#today .date{
	float: right;
	width: 52px;
	margin-left: 20px;
	text-align: center;
	text-transform: uppercase;
	background: url(img/date-bg.jpg) no-repeat 0 100%;
}


#today .date strong{
	float: left;
	width: 45px;
	padding: 1px 0;
	margin: 0 3px 0 4px;
	font-size: 1.2em;
	color: #fff;
	background: #CC0000;
}


#today .date span{
	float: left;
	width: 52px;
	font-weight: bold;
	font-size: 2.5em;
	padding: 0px 0 3px 0;
}


#today p{
	font-size: 1.2em;
	padding: 0 0 10px 0;
}



#today .link a{
	float: right;
	color: #667A30;
	font-weight :bold;
	text-decoration: none;
}


#today .link a:hover{
	text-decoration: underline;
}






/*------ #mainContent ------*/

#mainContent{
	float: right;
	width: 610px;
}



.wide #mainContent{
	padding: 10px 0;
	border-top: 1px solid #D3E1B0;
	background: #fff;
}


#mainContent .columnOne{
	float: left;
	width: 295px;
	padding: 10px 0;
	border-top: 1px solid #D3E1B0;
}



#mainContent .columnTwo{
	float: left;
	width: 295px;
	padding: 10px 0;
	margin-left: 20px;
	border-top: 1px solid #D3E1B0;
}



#mainContent .navigation{
	float: left;
	width: 610px;
	font-size: 1.4em;
}


#mainContent .navigation .alignleft{
	float: left;
}


#mainContent .navigation .alignright{
	float: right;
}


#mainContent .shop{
	float: left;
	width: 610px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}


/*------ lostPlotList ------*/


.lostPlotList h2{
	font-size: 2.2em;
	font-family: georgia;
	color: #435120;
}


.lostPlotList .introImage{
	float: left;
	width: 295px;
	padding: 10px 0 0 0;
}



.lostPlotList .article{
	float: left;
	width: 295px;
	background: url(img/divider295.gif) repeat-x 0 100%;
	padding: 10px 0;
}


.lostPlotList .article a{
	text-decoration: none;
}


.lostPlotList .article a:hover{
	text-decoration: underline;
}


.lostPlotList .article h3{
	font-size: 1.8em;
	color: #6B8123;
	padding: 5px 0 10px 0;
	font-family: georgia;
}


.lostPlotList .article h3 a{
	color: #6B8123;
}


.lostPlotList .article p{
	font-size: 1.2em;
	padding-bottom: 10px;
}


.lostPlotList .article p a{
	color: #667A30;
	font-weight: bold;
}
	

.lostPlotList .article img{
	float: right;
	border: 1px solid #fff;
	margin: 0 0 5px 5px;
}


.lostPlotList .article img:hover{
	border: 1px solid #9CBA49;
}
	


.seeAll{
	float: right;
	font-size: 1.2em;
	text-align: right;
	margin-top: 10px;
}


.seeAll a{
	float: right;
	background: #667A30;
	padding: 2px 7px;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	border: 1px solid #667A30;
}


.seeAll a:hover{
	background: #4B5A23
}




/*------ #mainContent .article ------*/

#mainContent .ltpArticle{
	float: right;
	width: 610px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}


#mainContent .ltpArticle h2 a{
	text-decoration: none;
}


#mainContent .ltpArticle h2 a:hover{
	text-decoration: underline;
}


/*------ event ------*/


#mainContent .columnTwo h2{
	font-size: 2.2em;
	font-family: georgia;
	color: #435120;
}


#mainContent .event{
	float: left;
	width: 295px;
	background: url(img/divider295.gif) repeat-x 0 100%;
	padding: 15px 0 10px 0;
}


#mainContent p.featured{
	float: left !important;
	font-size: 1.2em;
	text-align: left;
	margin-top: 10px;
	float: right;
	background: #667A30;
	padding: 2px 7px;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	border: 1px solid #667A30;	
}
	

#mainContent .event a{
	text-decoration: none;
}


#mainContent .event a:hover{
	text-decoration: underline;
}


#mainContent .event h4{
	font-size: 1.8em;
	font-family: georgia;
	padding-bottom: 10px;
}


#mainContent .event h4 a{
	color: #6B8123;
}


#mainContent .event p{
	font-size: 1.2em;
	padding-bottom: 10px;
}


#mainContent .event img{
	float: right;
	margin: 5px 0 10px 10px;

	border: 1px solid #fff;
}


#mainContent .event img:hover{
	border: 1px solid #9CBA49;
}


#mainContent .event .date{
	padding-bottom: 0px;
	color: #666666;
}	


#mainContent .event p a{
	color: #8DAA40;
	font-weight: bold;
}



/*------ #content .text ------*/


#content .text h2{
	color: #333;
	font-size: 2.2em;
	font-family: georgia;
	padding-bottom: 15px;
}

#content .text h2 a.wp-caption{
	color: #333;
	font-size: 0.8em;
}



#content .text h2 span{
	font-size: 0.6em !important;
}


#content .text h3{
	color: #545400;
	font-size: 1.8em;
	font-family: georgia;
	padding: 5px 0 10px 0;
}


#content .text h4{
	color: #333;
	font-size: 1.4em;
	font-family: georgia;
	padding: 5px 0 10px 0;
}



#content .text p{
	font-size: 1.2em;
	line-height: 1.4em;
	padding-bottom: 15px;
}



#content .text ul{
	font-size: 1.2em;
	padding-bottom: 10px;
}



#content .text ul li{
	padding: 0 0 5px 15px;
	background: url(img/bullet.gif) no-repeat 0 5px;
}


#content .text ul li{
	padding: 0 0 5px 15px;
	background: url(img/bullet.gif) no-repeat 0 5px;
}


#content .text ol{
	font-size: 1.2em;
	list-style-type: decimal;
	padding: 0 0 10px 25px;
}


#content .text ol li{
	padding: 0 0 5px 0;
}


#content .text a{
	color: #667A30;
}


#content .text a:hover{
	text-decoration: none;
}


#content .text .date{
	margin-top: -12px;
	font-size: 1.2em;
	color: #333;
}


#content .text blockquote{
	float: left;
	width: 600px;
	padding-bottom: 10px;
}


#content .text blockquote p{
	color: #999;
	font-style: italic;
	padding-bottom: 5px;
}


#content .text blockquote p strong{
	font-size: 0.9em;
	color: #666;
	font-style: normal;
	text-align: right;
	font-weight: bold;
}



#content #bookingForm{
	float: left;
	padding: 20px 20px 10px 20px;
	border: 1px solid #ccc;
	margin-right: 30px;
	background: #DDE2CE;
	}


#content #bookingForm .field input{
	width: 250px;
	border: 1px solid #ccc;
	padding: 2px;
}


#content #bookingForm .field select{
	padding: 0 3px;
}


#content #bookingForm .warning{
	color: #ff0000;
}


#content #bookingForm .send{
	color: #990000;
}



/*----- #content .eventList ------*/



#content h3.month{
	float: left;
	padding: 20px 0;
	font-size: 2.2em;
}


#content .eventList{
	float: left;
	width: 610px;
	background: url(img/divider295.gif) repeat-x 0 100%;
	padding: 10px 0 10px 0;
	margin: 0 0 10px 0;
}





#content .eventList a{
	text-decoration: none;
}


#content .eventList a:hover{
	text-decoration: underline;
}


#content .eventList h4{
	font-size: 1.8em;
	font-family: georgia;
	padding: 0 0 10px 0;
}


#content .eventList h4 a{
	color: #3A4513;
}


#content .eventList p{
	font-size: 1.2em;
	padding-bottom: 10px;
}


#content .eventList img{
	float: right;
	margin: 0 0 10px 10px;

	border: 1px solid #fff;
}


#content .eventList img:hover{
	border: 1px solid #9CBA49;
}


#content .eventList .date{
	padding-bottom: 0px;
	color: #666666;
}	


#content .eventList p a{
	color: #8DAA40;
	font-weight: bold;
}


#mainContent ul#linkList li{
margin: 0;
padding: 0;
list-style: none;
background: none;
}


#mainContent ul#linkList li ul li{
padding: 0 0 15px 0;
}


#mainContent ul#linkList li h2{
font-size: 1.6em;
padding-top: 10px;
}

#mainContent .linkcat a{
	display: block;
font-size: 1.1em;
padding-bottom: 2px;
text-decoration: none;
}


#mainContent .linkcat a:hover{
text-decoration: underline !important;
}


/*------ #commentform ------*/



#commentform input {
	width: 170px;
	padding: 2px;
	border: 1px solid #ccc;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	border: 1px solid #ccc;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	font-size: 1.1em;
	}
/* End Form Elements */


.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial, Sans-Serif;
	}


.commentlist li ul li {
	font-size: 1em;
}


.commentlist li {
	font-weight: bold;
	border-bottom: 1px solid #D3E1B0;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}


.commentmetadata {
	font-weight: normal;
	}



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px 0;
	padding: 5px 5px 0 0;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/*------ footer ------*/


#footer{
	float: left;
	width: 1008px;
	font-size: 1.1em;
	padding: 20px 0 0 0;
	background: url(img/footer-bg.jpg) no-repeat 0 5px;
}


#footer .copyright{
	float: left;
	color: #3A4513;
	margin: 0 0 0 20px;
}


#footer .webby{
	float: right;
	margin: 0 20px 0 0;
	color: #fff;
}


#footer .webby a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}


#footer .webby a:hover{
	text-decoration: underline;
}





#mainContent .today{
	float: left;
	width: 590px;
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
	background: #C5D795;
}


#mainContent .today h3{
	font-size: 1.8em !important;
	font-family: georgia;
	color: #000;
	padding-bottom: 10px;
}



#mainContent .today h4.date{
	float: right;
	width: 52px;
	margin: 0 0 0 20px;
	padding: 0 0 6px 0;
	text-align: center;
	text-transform: uppercase;
	background: url(img/date-bg.jpg) no-repeat 0 100%;
}


#mainContent .today h4.date strong{
	float: left;
	width: 45px;
	padding: 1px 0 !important;
	margin: 0 3px 0 4px !important;
	font-size: 1em !important;
	color: #fff;
	background: #CC0000;
}


#mainContent .today h4.date span{
	float: left;
	width: 52px;
	font-weight: bold;
	font-size: 1.2em !important;
	padding: 0px 0 3px 0 !important;
	margin: 0  !important;
}


#mainContent .today p{
	font-size: 1.2em;
	padding: 0 0 10px 0;
}



#mainContent .today .link a{
	float: right;
	color: #667A30;
	font-weight :bold;
	text-decoration: none;
}


#mainContent .today .link a:hover{
	text-decoration: underline;
}



#wp-calendar {
	float: left;
	empty-cells: show;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }



/*------ #mainContent .featuredEvent ------*/


#mainContent .featuredEvent{
	width: 271px;
	border: 2px solid #B2CD40;	
	background: url(img/featured-fade.jpg) repeat-x 0 0;
	padding: 10px 10px 0px 10px;
	margin: 15px 0 5px 0;
	}
				
				
#mainContent .featuredEvent a{
	text-decoration: none;
}


#mainContent .featuredEvent a:hover{
	text-decoration: underline;
}


#mainContent .featuredEvent h4{
	font-size: 1.8em;
	font-family: georgia;
	padding-bottom: 5px;
}


#mainContent .featuredEvent h4 a{
	color: #6B8123;
}


#mainContent .featuredEvent p{
	font-size: 1.2em;
	padding-bottom: 10px;
}


#mainContent .featuredEvent img{
	float: left;
	margin: 0 0 10px 0;
}


#mainContent .featuredEvent .date{
	color: #666666;
}	


#mainContent .featuredEvent p a{
	color: #8DAA40;
	font-weight: bold;
}


.social{
	float: left;
	padding: 0 0 20px 0 !important;	
	}
	
.social img {
	float: left;
	padding: 0 5px 0 0;
	}
	
	
.social a{
	float: left;
	font-size: 1.1em;
	line-height: 14px;
	width: 130px;
	color: #000000;
	text-decoration: none;
	}	
	
	
.social a:hover{
	text-decoration: underline;
	}