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

Theme Name: Harrington
Theme URI: http://www.attitudedesign.co.uk/
Description: Trevor Harrington bespoke theme developed by Attitude Design 
Version: 1
Author: Attitude Design Ltd
Author URI: http://www.attitudedesign.co.uk/

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




/*---------------------------------------------------------------------------------
GLOBAL RESET
---------------------------------------------------------------------------------*/


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,em,strong,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;
}

/*---------------------------------------------------------------------------------
GLOBAL FONT CONSISTENCY (http://developer.yahoo.com/yui/fonts/#using)
---------------------------------------------------------------------------------*/

/*
body {font:13px/1.22;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
*/


/*---------------------------------------------------------------------------------
GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/



/* base.css, part of YUI's CSS Foundation */
h1 {
	font-size: 130%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size: 110%;
	padding: 0;
	margin: 0;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size: 80%;  
}

h1{
	margin: 0 0 .5em 0;
	padding: 0;
}

h2{
	/* top & bottom margin based on font size */
	padding: 0;
	margin: 1.2em 0 .5em 0;
}


h1,h2 {
	/*color: #334a75;*/
	font-weight: bold;
	color: #E1E38F;
}

h3,h4,h5,h6 {
	/*color: #334A76;*/
	font-weight: bold;
	color: #FFFFFF;
	margin: 0.8em 0 .5em 0;
}

strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight: bold;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #fff;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:0.4em;
}
ol {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
	margin: 0 0 0 15px;

}

ul {
	padding: 0 0 0 10px;
}

ol li {
	margin: 0 0 0 8px;
}



ul li {
	list-style-type: disc;
}

.cf-ol {
	list-style-type: none;
}

.linklove {
	display: hidden;
}

li {
	/*giving UL's LIs generated disc markers*/
	font-size: 80%;
	padding: 0 0 5px 6px;
	color: #FBFBFB;


}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
	line-height: 1.4em;
	font-size: 80%;

	color: #FBFBFB;
}

a:link		{ color: #E1E38F;	text-decoration: none;}
a:visited	{ color: #E1E38F;	text-decoration: none;}
a:hover		{ color: #FFFFFF !important;	text-decoration: none;}
a:active	{ color: #E1E38F; 	text-decoration: none;}

/*---------------------------------------------------------------------------------
Global Layout
---------------------------------------------------------------------------------*/

body {
	margin-right: auto; /* this centres the body */
	margin-left: auto;  /* this centres the body */
	margin-top: 0;
	padding: 0;
	width: 100%;
	/*font-family: Verdana, Arial, Lucida Grande, Helvetica,  sans-serif;*/
	font-family: Georgia, Times, Lucida Grande, Helvetica,  sans-serif;
    background-color: #000;
}

.page_width {
	margin-right: auto; /* this centres the body */
	margin-left: auto;  /* this centres the body */
	margin-top: 0;
	width: 900px;
}

/*---------------------------------------------------------------------------------
IE Hack - Only need to use in extreame cicumstances!

  voice-family: "\"}\"";
  voice-family: inherit;


html>name {
	
	}
---------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------
Global Divs
---------------------------------------------------------------------------------*/
div {
	text-align: left;
	margin: 0;
	padding: 0;
}

.clear {
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}

/*---------------------------------------------------------------------------------
Page Structure-*/


/*--Header--*/



/*--Main Navigation--*/

#navigation_container {
	background:URL('images/cust/header_back.jpg') left top;
	background-repeat:repeat-x;
	width: 100%;
	float:left;
}

#navigation_container ul{
	float:left;
	padding:0px;
	margin:0px;
	border-right:2px solid rgb(48,48,48);
}

#navigation_container li {
	float:left;
	padding:5px 0 0 0;
	margin:0px 0 0 0;
	list-style-type:none;
}
#navigation_container selectedli {
	padding:0 0 0 0;
}
#navigation_container a {
	
}
#navigation_container img { 
	border-left:2px solid rgb(48,48,48);
	border-right:2px solid rgb(48,48,48);
}
#navigation_container a {
	padding-top:35px; padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
	border-left:2px solid rgb(48,48,50);
	font-size:12pt;
	color:rgb(225,227,143);
	float:left;
}

#navigation_container a:hover {
	color: #FFF;
}
#navigation_container .current_page_item {
	 margin:0px !important ;
	 padding:5px 0 0 0 ;
	 background:URL('images/cust/selected_back.jpg') repeat-x  left !important ;
}

.logo_container {
	float:right;
	padding-top:0px;
	color:#FFFFFF;
}




/*--Page Body Specific--*/

#page_container {
	background:URL('images/cust/main_back.jpg') repeat-x top left;
	float:left;
	width:100%;
	padding-top:35px;
}

/*--Inner Page Specific--*/

#main_content, .inner_right {
	float:right;
	width: 645px;
	padding: 0 0 0 20px;
	color: #FBFBFB;
	border-left:5px solid rgb(48,48,50);
}
.entry img {
	padding: 10px 0 10px 0;
}
#main_content h1, #page_content h1, #inner_right h1 {
	color:rgb(225,227,143);
	font-size:28px;
	font-style:normal;
	font-weight:normal;
	padding: 0;
	margin: 0;
}
#main_content a,#page_content a {
	color:rgb(225,227,143);
}


.center { /*used to center the images on the about me page. */
	text-align:center;
}
/*--Side Bar--*/

#sidebar_container {
	float:left;
	width: 210px;
}

.sidebar_container {
	float:left;
	width: 210px;
}

#sidebar_container h3 { /* used to change settings for the headers within the sidebar, always use H3. */
	color:#FFFFFF;
}

#sidebar_container .sidebar_sect, #submenu { 
	margin-bottom:50px; /* DOESN'T WORK 60px*/
}

#submenu ul {
	padding:0px; margin:0px;
}
#submenu h2, #submenu h4 {
	color: #FFFFFF;
}

#submenu li {
	list-style-type:none;
	padding:0px;
	margin:0px;
		padding-top:6px;
	padding-bottom:6px;
	display: block;
	width:100%;
	border-bottom:1px solid rgb(83,83,83);
}
#submenu a, #submenu a:link {
	color: #E1E38F;	
	font-size:13px;
}
#subnav .listings .current_page_item { /*Used for the currently selected page on the side menu */
	color:	rgb(208, 208, 208) !important; /*important used as it inherits the old colours, not intirely sure why */
}

.quotetop {
	background:URL('images/cust/quote_top.gif') no-repeat;
	width:210px;
	height:16px;
}
.quote {
	border-left: 6px solid #FFFFFF;
	padding-left:12px;
	padding-right:12px;
	font-weight:normal;
	font-size:12pt;
	border-right: 6px solid #FFFFFF;
	width:174px;
}
.quote a, .quote a:link, quote a:visited, .quote {
	color: #E1E38F;	
}
.quote h1 {
	font-style:normal;
	font-weight:normal;
	margin: 0;
	padding: 0;
}
.quotebottom {
	background:URL('images/cust/quote_bottom.gif') no-repeat;
	width:210px;
	height:36px;
	margin: 0 0 10px 0;
}

.quotes {
	width:96%;
	font-size:15pt;
	float:left;
	padding:2%;
	margin:20px 0 20px 0;
	background: URL('images/cust/quotes_start.jpg') no-repeat top left rgb(26,26,26);
}
.quotes a, .quotes a:link, .quotes a:visited {
	color: 	#E1E38F;
	font-size:15px;
	font-style:normal;
	
}
.quotes_end {
	float:right;
	width:100%;
	color:rgb(153,153,153);
	font-style:italic;
	background: URL('images/cust/quotes_end.jpg') no-repeat bottom right;
}

.quotes_end p{
	padding: 0;
	margin: 0;
}

.quotes_end h2 {
color:#818181;
font-size:120%;
font-style:italic;
padding:0 0 10px;
margin: 0;
font-weight:normal;

}


/* -- Footer -- */
#footer_info, #designedby {
	padding-top:40px;
	padding-bottom:100px;
	
}
#footer_info p, #designedby p{
	color: #4C4A33;
}

#footer_info {
	color: rgb(26,26,26);
}
#footer_info a, #designedby a {
	color: #4C4A33;
}
#footer_info {
	float:left;
}
#designedby {
	float:right;
}



/* -- Blog Specific Items -- */
.sub_blogpost { /* Called sub due to the fact this is not the complete blog post. */
	border-bottom:1px solid #626262;
	margin-bottom:10px;
}

.sub_blogpost h4 {
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:20px;
}
.sub_blogpost p {
	line-height:1.4em;
}




/*---------------------------------------------------------------------------------
Wordpress -*/


.post{
	margin: 0 0 20px 0;
	border-bottom:1px solid #626262;
}

.category a {
	color: #B2C7D3;
}

.category a:hover {
	color: #000;
}

#content .post_title a{
	color: #5C6E87;
	text-decoration: none;
}

.post_title a:hover{
	color: 000;	
}


.post h3 {
	font-size:100%;
	border-bottom: none;
	margin-bottom: 2px;
}


form #comment {
width: 210px;
}

.comments_colomn_left{
	width: 320px;
	float: left;
	padding: 0 30px 0 0;
}

.comments_colomn_right{
	width: 350px;
	float: right;
}

.archivelist li{
	border-bottom: 1px solid #D2D2D2;
	padding: 5px 0 5px 0;
}

.C2A {
	margin: 10px 0 10px 0;
}

.commentlist p{
	font-size: 90%;
	padding: 2px 0 0 0;
	margin: 0;
}

.commentlist li{
	padding: 5px 5px 2px 0;
	float: left;
	margin: 0 0 5px 0;
}

.commentlist li .commentmetadata {
	padding: 0 0 2px 0;
}


#C2A_long{
	text-align: center;
	margin: 0 auto 0 auto;
}

#searchform {
	padding: 10px 0 10px 0; 
}

#searchform #s{
	width: 100%;
	margin: 0 0 6px 0;
}

#content .post .entry p object{
	padding: 10px 0 10px 0;
}

.entry img{
	float: left;
}

.entry table {
	width: 100%;
	}

.entry table th{
	background:#E8ECF4 url('images/testimonials_bg.gif') no-repeat scroll 0 0;	padding: 8px 5px;
	}

.entry table td{
	border: 1px solid #E8ECF4;
	}

.half_right {
	float: right;
	width: 430px;
}

.half_left {
	float: left;
	width: 430px;
}

/* 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: 12px 3px 12px 3px;
	display: inline;
	float: right;
	}

img.alignleft {
	margin: 12px 4px 12px 4px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


.wp-caption-text {
	color: #000;
	font-size: 80%;
	margin: 5px 0 0 0;
	float: left;
}


.end {
	margin: 0;
}

#page h1 {
	margin: 0 0 10px 0;
}

.home_container {
	float:left;
	margin-top:90px;
	background:URL('images/cust/home_back.gif') repeat-y;
	margin-bottom:40px;
}
.hero_width {
	margin-right: auto; /* this centres the body */
	margin-left: auto;  /* this centres the body */
	width: 100%;
	background:URL('images/cust/home_hero.jpg') no-repeat center top;
}
.hero_text {
	margin-right: auto; /* this centres the body */
	margin-left: auto;  /* this centres the body */
	text-align:center;
	width:900px;
	padding-top:240px;
}
.hero_text h1 {
	font-weight:normal;
	font-size:20pt; 
	padding-bottom:0px;
	margin-bottom:0px;
	color: rgb(225,227,143);
}
.hero_text h2 {
	color: #C4C4C4;
	padding-top:5px;
	margin-top:0px;
	font-size:18pt;
	font-style:italic;
	font-weight:normal;
	
}

.home_container .sidebar_sect {
	margin-bottom:5px;
}

.sidebar_sect p {
}

.large {
	font-size: 100%;
	margin: 0;
}

/* Home Intro (text used as homepage text, bottom left. */
.home_intro {
	float:left;
	width: 410px;
}



/* Home Col 200 (new topics) */
.home_col200 {
	width:210px;
	float: left;
	margin: 0 0 0 20px;
	display: block;
}

.home_col200 ul {
	border-bottom: 1px solid #666666;
	padding:0px;
	margin:5px 0 1em 0;
}
.home_col200 li {
	padding:0px;margin:0px;
	padding:5px 0 5px 0;
	border-top:1px solid #666666;
	list-style-type:none;
}

.home_col200 p{
}

/* Home Col 300 (Hot Topics + keepinttouch) */
.home_col300 {
	float: right;
}


/* Q Home, Quote used at the bottom of the homepage */
.q_home_holder {
	float:left;
	padding:0;
	margin-bottom: 20px;
	width: 900px;
	background: #1A1A1A;

}
.q_home_holder img{
	float:left;
	position:relative;
	top:-30px;
	width: 232px;
	margin: 0;
}
.q_home {
	padding: 15px 10px 0 20px;
	background: URL('images/cust/quotes_start.jpg') no-repeat 220px 0px;
	margin: 0;
	float: right:
}
.q_home a, .quotes a:link, .quotes a:visited, {
	color: 	#E1E38F;
	font-weight:normal;
}

 .q_home p {
 	color: #FFF;
 	font-size: 80%;
 	padding: 0;
 	margin: 0;
 	background: none;
 }

q_home_end {
	width: 100%;
}
.q_home_end p.quotetext {
	color:#818181;
	font-style:italic;
	font-size: 120%;
	padding: 0 0 10px 0;
	background: URL('images/cust/quotes_end.jpg') no-repeat bottom right;
}
.ddsg-wrapper {
	padding-left:20px;
}



/* In this section */

.half {
	width: 49%;
	float: left;
	margin: 0 1% 0 0;
	border-top:1px solid #535353;
}

.printpage {
	float: left;
	width: 100%;
}
.printpage p{
	float: right;
	width: 40%;
	text-align: right;
}



.sidebar_container h2{
	color: #FFF;
}

.hr {
border-bottom:1px solid #626262;
margin:0;
width: 100%;
float: left;
height: 1px;
}

#commentform input{
	float: left;
	width: 210px;
}

#submit {
	margin: 0 0 18px;

}

#stafLink {
	float: left;
	text-align: left;

}

p a img {
	margin: 0 4px 0 0;
}



#stafBlock {
	position: absolute !important;
	z-index: 100000;
	display: none;
	width: 323px;
	float: left;

}

#stafForm {
	background-color: #FFF;
	margin:0;
	float: left;
	padding: 10px;


}
#stafForm h2 {
	margin: 0;
	
} 

#stafForm input, #stafForm label, #stafForm h2 {
	color: #222222;
	float: left;
}

#stafForm label {
	font-size: 0.9em;
}


#stafForm input {
	width: 300px;
	height: 15px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

#stafForm label {
	float: left;
	display: block;
	width: 300px;
}

#stafClose {
	color: #D8AD41;
	float: right;
	margin: 0 0 0 0;
	background-color: #FFF;
	padding: 4px 10px 0 10px;
}

a#stafClose:hover{
	color: #000;
}
.comment_form {
	float: left;
}

input#checkbox{
	float: left;
	width: 18px;
	margin: 0 4px 0 0;

}

.comment-meta {
	font-size: 80%;
	padding: 0;
}

label {
	float: left;
}

.comment-author-admin {
	 background:URL('images/cust/comment_bg.gif') no-repeat  top right;
}

#commentlist .bypostauthor {background-color:red;}

.my_comment {	 background:URL('images/cust/comment_bg.gif') no-repeat  top right;
}

.my_comment p{ 
	color: #fae469;}

.comment_date {
	font-size: 80%;
	font-style:italic;
}

#post533 a {
	color: #e38fce;
}