/*  
Theme Name: frank and brown
Description: Custom theme
Version: v1
Author: Pentagon Design
Author URI: http://pentagondesign.co.uk/

*/



* {
	margin:0;
	padding:0;
	list-style-type: none;
}
a {
	text-decoration:none;
	color:#22ACCA;
}

a:hover{text-decoration:underline;}

.entry a{
	text-decoration: underline;
}

#footer a{
	color: #fff;
}

html {
       overflow-y: scroll;
}

body {
	color: #543B11;
	background: #543B11;
	font-family: georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#outer{
	
	background: #fff url(images/outer-bg.png) repeat-x left top;
	overflow : hidden;
	_height : 1%;
	padding-bottom:20px;	
}



#wrapper {
	width:970px;
	margin:0 auto;
	overflow : hidden; _height : 1%;
	
	position:relative;
}
#header {
	position:relative;
	height:175px;
	background: url(images/header-bg.png) no-repeat 0px 0px;
	
	
	}

#description{
	position:absolute;
	width:720px;
	height:40px;
	left:218px;
	text-indent:-9999px;
	top:102px;
	background: url(images/description.png) no-repeat;
}	


#quote{position:relative; 
	width:970px;
	margin:auto;
	height:135px;
	
	overflow:hidden;
	font-style:italic;
	
	z-index:6;
	line-height:120%;
}

#quote p{
	margin:10px 70px 0 218px;
	line-height:130%;
	font-size:28px;
	font-weight: 100;
	font-family: Georgia, "Times New Roman", Times, serif;

}
	
	
	



h1, h2, h3, h4, h5, h6{
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content h4{padding-top:20px; margin-bottom:-16px;font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic;}

.pagetitle, .pageheading{
	font-size:14px;
	padding-bottom:5px;
border-bottom:1px solid #9CD7E6;display:inline-block; 
}

.pageheading a{
	color:#54370C!important;
}

.pageheading a:hover{
	text-decoration:none!important;
}

.pagetitle{margin-top:20px;}

#content h3{
	font-size:14px;}

.time{display:block; float:right; width:200px; font-size:12px;text-align:right;padding-top:3px; color:#22ACCA;}

.footerlinks h3, #sidebar h3 {
	padding-bottom:5px;
	border-bottom:1px solid #9CD7E6;
	color:#22ACCA;
	font-size:14px;
}


/*.comment-body{margin-bottom:50px;}*/

.sideh3{margin-top:26px;font-size:14px;}
.abouth3{font-size:14px;}
.archive h3{padding-bottom:3px;}

/* ---------------------------------------------------------------------------------------------------- */


#content {
	position:relative;
	width:750px;
	float:right;
	padding-bottom:30px;
	overflow : hidden; _height : 1%;
	margin-top:35px;
	
}


	

#sidebar {
	width:200px;
	float:left;
	position:relative;
	padding-bottom:20px;
	overflow : hidden; _height : 1%;
}

#sidebar img{margin-top:12px;}
#sidebar a span, #sidebar span, #sidebar span a{
	font-style: italic;
	color: #22ACCA!important;
}


#footer {
	clear:both;
	padding-bottom:30px;
	padding-top:25px;
	border-top:5px solid #9CD7E6;
	background: url(images/footer-bg.png) repeat-x center top;
	min-height: 430px;
	height:auto !important;
	height: 430px;
	
}

#footerwrapper{width:970px;
	margin:0 auto;
	position:relative;
	
}
	
#footermenu{position:absolute; top:0; left:0; width:160px;}

.footerlinks *{color:#fff!important; }
.footerlinks{width:210px; float:left;position:relative; left:220px;margin-right:60px;}
.footerlinks ul{margin-top:20px;}
.footerlinks li{margin:10px 0;font-style:italic;}
.footerlinks li a:hover{
	color:#9AD7E5!important;
	
}
.footerlinks h3{font-weight:normal;}

.accreditationimg{display:block; margin-top:25px;}
.accreditations{padding: 20px 0 20px 295px;}

#address{padding:20px 0 0 220px;clear:both;}
.details{border-top:solid 1px #9CD7E6; color:#fff!important; padding-top:30px;}

/* ---------------------------------------------------------------------------------------------------- */








/* ---------------------------------------------------------------------------------------------------- */






/* search bar 

#search {
	position:absolute;
	left:720px;
	top:80px;
	background: url(images/logos.gif) no-repeat right top;
}
#search #s {
	
	width:150px;
	height:16px;
	padding:4px 3px 3px;
	border:1px solid #c95a2f;
}
#search #searchsubmit {
	margin-top:0px; float:left; margin-right:3px;
}
#search #s:focus {
	background-color:#FDB400;
}


.search #crumbs{display:none;}
.search #content{min-height: 300px;
   height:auto !important;
   height: 300px;}
*/
/* ---------------------------------------------------------------------------------------------------- */


/* menu */

#menu {
	position:absolute;
	left:218px;
	top:25px;
	z-index:99;
}


#menu li {
	display:inline;
}
#menu li a {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0 5px;
	color:#523A10;
	margin-left:0important!;
	margin-right:25px;
	height:1%;
	float:left;
	display:block;
	text-decoration:none;
	font-style: normal;
	
}
#menu li a:hover {
	border-bottom:3px solid #98D9E7;	
}
/* ---------------------------------------------------------------------------------------------------- */





/* ---------------------------------------------------------------------------------------------------- */


#toplogo {
	margin:0;
	height: 131px;
	width: 138px;
	position:absolute;
	top:0;
	left:0;
	background: url(images/toplogo.png) no-repeat;
	text-indent:-9999px;
	border-bottom:none;
}
#toplogo a {
	display:block;
	position:absolute;
	height: 131px;
	width: 138px;
}

p {
	line-height:180%;
	margin-top:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


#content p {
	font-size: 13px;
	margin-top:16px;
	padding-left:1px;
	width:85%;
}

#content h4{width:85%;padding-left:1px;}

p.editpost{padding-bottom:0px;}

p.social{line-height:24px;}

p.about{font-style:italic;margin-top:22px;padding:0 15px 0 1px; line-height:18px;}

li p{font-size: 13px!important;}


strong{}

.page-id-14 h4{margin-bottom:0!important;}

blockquote {
	margin-left:0px;
	padding-left:20px;
	border-left:1px dotted gray;
	font-style: italic;
	margin-bottom:20px;
	
}


#content ul {
width:85%;
	padding-left:20px;
	margin: 12px 0 0;
}
#content ul ul {
	padding-left:20px;
	margin: 0px 0 20px;
}
#content ul li {
	list-style-type:disc;
	line-height:160%;
	font-size:13px;
	margin:3px;
	
}
#content ul li li {
	list-style-type:disc;
	font-size:12px;
	margin:3px;
}
#content ol {
	padding-left:20px;
	margin: 12px 0 0;
}
#content ol li {
	font-size:1.1em;
	margin:3px;
	list-style: decimal;
}



/* ---------------------------------------------------------------------------------------------------- */

#sidebar {margin-top:55px;}
/*.page-parent #sidebar #submenu{border-top: 1px solid #AEADBB;}*/


#sidebar #submenu li {
	display:inline;
}
#sidebar #submenu li a {
	display:block;
	color:#54370C;
	padding:9px 0px 11px 0px;
	font-size: 12px;
	text-decoration:none;
	height:1%;
	border-bottom:solid 1px #9CD7E6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	

#sidebar li .current_page_item a {
	font-weight:bold;
	
	
}
#sidebar #submenu li a:hover {font-weight:bold;
	
}
.page-parent #sidebar #submenu, .page-child #sidebar #submenu {margin-bottom:40px; border-top:solid 1px #9CD7E6;
	
	
}



	
.page-parent #sidebar, .page-child #sidebar{padding-top:51px;}





#footer p {color:#f5dbbb;
	
}







.flr {
	float:right;
}
.fll {
	float:left;
}

.noborder {
	border:none!important;
}

.navigation {font-size:11px;
	clear: right;
	margin-top:20px;
	height:20px;
}
.entry {
	padding-bottom: 20px;
}

.home .entry {
	padding-bottom: 5px;
}


.morelink {
	color:#C16B11!important;
	border-bottom:1px dotted #835e4f!important;
	padding-bottom:12px!important;
}


#menu .current_page_item a, #menu .current_page_parent a, #menu .current-cat a {
	border-bottom:3px solid #543700;	
}





.clearer {
	clear:both;
}

.clearfix{overflow : hidden; _height : 1%;}

.alignleft {
	float:left;
	
}
.alignright {
	float:right;
	
}





.address{ color:#fff;}






.post {
	margin: 20px 0 40px;
	padding-bottom:20px;
	border-bottom: 1px dotted #8A8A91;
}



.postmetadata {
	padding-bottom:20px;
	
}

.postmetadata a{text-transform:lowercase;}

form#contact input, form#contact textarea {
	margin-top:5px;
	padding:3px;
}



/* ---------------------------------------------------------------------------------------------------- */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
		
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	
	margin: 3px 0px 10px 10px!important;
	display: inline;
	}

img.alignleft {
	
	margin: 3px 10px 10px 0!important;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
	

	a img{border:none;}
/* End Images */




/* ---------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------- */

.wpcf7-form {
	width:440px;
	background: #E5F1F3;
	border: 1px solid #9AD7E5;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	margin-top:20px;
	padding:12px 30px 20px;
}



.credit a{display:block;
	
	font-size:10px!important;
	text-decoration:none;
	margin-top:40px;
}

.sociable_tagline{padding-bottom:12px;}

#respond {width:550px;}
#respond small{font-size:12px;}
#comment{width:500px;}

.commentlist li{width:440px;
	background: #E5F1F3;
	border: 1px solid #9AD7E5;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	padding:15px!important;
	margin-bottom:12px!important;}



.wordtube{width:320px; padding:20px; margin-top:20px;
clear:both;
background: #E5F1F3;
	border: 1px solid #9AD7E5;
	/*-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;*/
	}
.ccc-about{display:none;}