/* Use Yahoo reset.css to start all styles with a level playing field */
/*
Copyright (c) 2008,Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt
version:2.5.1
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}
li{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;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*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:100%;}
body{text-align:center;}

/* Basic form styling */
form fieldset{margin-bottom:10px;}
form legend{padding:0 2px;font-weight:bold;_margin:0 -7px;/* IE Win */}
form label{display:inline-block;line-height:1.8;vertical-align:top;display:-moz-inline-block;}
form fieldset ol{margin:0;padding:0;}
form fieldset li{list-style:none;padding:5px;margin:0;}
form fieldset fieldset{border:none;margin:3px 0 0;}
form fieldset fieldset legend{padding:0 0 5px;font-weight:normal;}
form fieldset fieldset label{display:block;width:auto;}
form em{font-weight:bold;font-style:normal;color:#f00;}
form label{width:120px;}
/* Width of labels */
form fieldset fieldset label{margin-left:123px;}
/* Width plus 3 (html space) */
/*\*//*/ form legend{display:inline-block;}
/* IE Mac legend fix */
/****** Pagination and error Styles **********/
.pagination{margin:15px 0;padding-bottom:15px;}
.pagination li.pagination_link{float:left;margin-right:4px;padding:3px 0;}
.pagination li.pagination_link a,.pagination span{padding:2px 5px;}
.pagination li.pagination_link a,.pagination span.disabled{border:1px solid #009EE0;}
.user_errors,.user_messages{background:#F299A3;padding:10px 5px;margin:10px 0;}
.user_errors li,.user_messages li{padding:4px 15px;color:#333333;margin:10px 15px;background:url(/images/red_bullet.png) no-repeat left 8px;}
.user_messages{background:#faecba;}
/********* END Pagination and errors ****************/
/* Nasty clearfix hacks */
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/ 
.clearfix{display:block;}
/* End hide from IE Mac */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}


/*****/
html, *, body{
	font-family:georgia, times;
	color:black; /* strange, a designer using actual black and not shades of almost black */
	text-align:left;
}

html,body{
	background:#fdfdfd url('/images/layout/body-bg.gif') repeat-y top center;
}
span, blockquote, em, strong, abbr, code, acronym{
	font-size:inherit;
	color:inherit;
	font-weight:inherit;
}

input,select,option,textarea,	#footer *{font-family:'lucida grande', tahoma;}
h1,h2,h3,h4,h5,p, ul, ol, code, hr{margin:0 0 15px 0;}
ul{margin-left:15px;}
/*headings*/
h1,h2,h3{font-style:italic;}
h1{font-size:197%;}
#featured h1{font-size:268%;}
h2,h3{font-size:182%;}
.related_container .list_item h3{
	font-size:108%;
	margin:0 0 5px 0;
}
.flickr_set h3, .gallery_item h3{
	font-size:116%;
	text-align:center;
}
body#search .related_container h3{
	font-size:123.1%;
	margin:0 0 10px 0;
}
h4{font-size:108%;}
h4 span.comment_count, blockquote{color:#999999;}
h4 span.comment_count{font-size:85%;}
.list_item h4{
	font-size:85%;
	margin:0 0 5px 0;
}
/*anchors*/
a, a:hover{
	color:black;
	text-decoration:none;
}
a:hover, a:visited:hover{color:#8f8f8f;}
a:visited{color:#242424;}
p a{color:red;}
p a:hover, p a:visited{color:#9E061A;}
#navigation a{color:black !important;}
#navigation a:visited{color:#0c0c0c;}
#navigation a:visited:hover{color:#efefef;}
#navigation acronym{font-family:'lucida grande', tahoma;}
p{
	line-height:1.3em;
	font-size:131%;
}
.list_item p{
	line-height:1em;
	font-size:108%;
}
.gallery_item p{
	font-size:93%;
	line-height:1.3em;
}
em{font-style:italic;}
strong{font-weight:bold;}
/*quotes*/
blockquote{
	font-size:138.5%;
	font-style:italic;
	margin:0 0 5px 0;
}
cite{font-size:108%;}
cite a, cite span{
	font-size:116%;
	color:red;
	font-style:italic;
}
cite a{text-decoration:underline;}

/*list default margins*/
ul li, ol li{margin:10px 0px 10px 0px;}

/*highlight*/
a.highlight, a.highlight:hover{color:red;}
a.highlight:visited{color:#e30e10;}
/* LAYOUT */
/* main page container */
#page{
	width:968px; /* 968 as the white section of the bg image is 1008 - want 20px gap each side */
	margin:0 auto;
	background:#fff;
	padding:20px 0;
}
	/* generic container class - width */
	.large_container, .list, .list_item{width:100%;}
	.content_container{width:68%;}
	.related_container{
		width:29%;
		margin-left:3%;
	}
	.content_container, .related_container{float:left;}
	.list_item{
		border-bottom:1px dotted black;
		margin:0 0 10px 0;
	}
		.comments{margin-bottom:30px;}
		.comments .list_item{border-width:0;}
		/*home page list*/
		 /*first item - main featured article*/
		div.list div.item0{ 
			width:782px;
			padding:20px;
			border-width:0;
		}
		div.list div.item0 *{color:#efefef;}
		div.list div.item0 .story{width:46%;}
		div.list div.item0 .story .read_more{text-align:left;}		
		div.list div.item0 h1{font-size:268%;}
	/* HEADER */
	#page #header{
		background:url('/images/layout/header-bar-right.gif') no-repeat right top;
		width:948px;
		padding-right:20px;
	}
		#page #header #header_contents{
			background:url('/images/layout/header-bar-left.gif') no-repeat left top;
			padding-left:20px;
		}
		/*logo*/
		#page #header #logo{
			float:left;
			margin:5px 0 2px 0;
			width:110px;
		}
		/*navigation*/
		#page #header #navigation{
			float:left;
			margin:17px 0 0 10px;
			width:650px;
		}	
			#page #header #navigation li{
				float:left;
				display:inline;
				margin:0 0 0 40px;
			}
			#page #header #navigation a{
				text-decoration:none;
				font-size:85%;
			}
				#page #header #navigation a span{
					font-weight:bold;
					font-family:'Lucida Grande', tahoma;
					text-shadow: -1px -1px 3px #F6F6F6;
				}
				#page #header #navigation a:hover span, #page #header #navigation a:hover acronym{
					color:#efefef;
					text-shadow: 0 0 0 #272727;
				}
		
		/*search*/
		#page #header #site_search{
			float:left;
			margin:15px 0 0 0px;
			width:150px;
		}
			#site_search input#search_term{
				width:125px;
				padding:3px 0 3px 20px;
				background: #fff url('/images/layout/search-box-bg.gif') no-repeat left top;
				border:1px solid #828282;
			}
		
	/* MAIN CONTENT AREA */	
	#content{margin:20px 0;}	
		/* columns */
		#content .column{float:left;}	
		#content .big_column{width:822px;}
		#content .small_column{
			width:125px;
			margin-left:20px;
		}
		/* profile page */
		#content .image_holder{
			width:170px;
			float:left;
		}
		#content #profile_information{
			float:left;
			margin:0 0 10px 10px;
			width:360px;
		}
		#content #profile_information ul li{
			width:100%;
			line-height:2.2em;
			float:left;
			margin:0;
		}
		#content #profile_information ul li span{
			width:53%;
			display:block;
			float:left;
		}		
		#content #profile_information ul li strong{
			width:45%;
			text-align:right;
			display:block;
			float:left;
		}	
		#content div.about{
			margin:10px 0 20px 0;
			padding-bottom:10px;
			border-bottom:1px dotted black;
		}
		#content div.about p, #content div.about li, #content div.about a, #content div.about{font-size:100%;}
		/*members*/
		.related_container ul.members{
			width:98%;
			margin:0;
		}
		li.member{
			width:93%;
			background:url('/images/layout/council-nav-right.gif') no-repeat top right;
			display:block;
			height:60px;
			padding-right:10px;
		}
		li.member span{
			background:url('/images/layout/council-nav-left.gif') no-repeat top left;
			padding-left:10px;
			display:block;
			height:60px;
		}
		li.member,li.member img, li.member h4, li.member span{float:left;}
		li.member img{margin:7px 10px 0 0;}
		li.member h4{
			line-height:3.3em;
			font-size:95%;
			text-transform:uppercase;
			margin:10px 10px 0 0;
		}
			li.member h4 a, li.member h4 a:hover, li.member h4 a:visited{
				color:#003333;
				font-family:'lucida grande', tahoma;
			}
	.read_more{text-align:right;}	
	.posted_by{font-size:108%;}
	a.posted_by{
		text-decoration:underline;
		font-weight:bold;
	}
	/*gallery main page*/
	.latest_gallery .gallery_item{
		float:left;
		width:30%;
		margin:0 1.5% 20px 0;
	}
	.related_container .flickr_set, .gallery_item{
		padding-bottom:10px;	
		text-align:center;
	}
	div.pagination_links{margin-bottom:20px;}
	
	/* diary */
	ul.cal_options{
		width:98%;
		margin:0px auto;
	}
		ul.cal_options li{
			float:left;
			width:32.5%;
			margin:0;
			line-height:3em;
			vertical-align:middle;
		}
		#footer ul.cal_options li{
			line-height:1.3em;
			width:9%;
			margin:0;
		}
		ul.cal_options li.previous, #footer div.diary_block ul.cal_options li.previous{text-align:left;}
		ul.cal_options li.current,#footer div.diary_block  ul.cal_options li.current {text-align:center;}		
			#footer div.diary_block  ul.cal_options li.current{width:80%;}
			ul.cal_options li.current h2{text-align:center;}
		ul.cal_options li.next, #footer div.diary_block ul.cal_options li.next{text-align:right;}		
	table.calendar{
		width:98%;
		margin:0px auto;
	}
	.calendar tr td{border-bottom:1px dotted black;}
	#content .calendar tr td{
		width:14%;
		height:90px;
		vertical-align:top;
	}
		.calendar tr td.noborder{border-width:0;}
		.calendar tr.heading th{border-bottom:1px solid black;}
	.calendar th, .calendar td{padding:3px;}
		.calendar td{border-left:1px dotted black;}
			.calendar td.first_td{border-left:1px dotted black;}
			.calendar td.last_td{border-right:1px dotted black;}			
			.calendar td.today{background:#CEDDEC;}
			.calendar td.next, .calendar td.previous{
				background:#E2E2E2;
				color:#8f8f8f;
			}
			.calendar td.active{
				background:red;
				border-color:red;
				color:white;
			}
		.calendar td strong{padding:0 0 0 8px;}
		.calendar td span.day_number{
			float:left;
			display:block;
			width:8%;
		}
	.calendar td ul.event_list{
		margin:0;
		width:80%;
		display:block;
		margin:2px 2px 2px 10%;
	}
		.calendar td ul.event_list li{
			list-style-type:square;
			list-style-position:outside;
			margin:0 0 0 15%;
			padding-left:0;
			color:white;
		}
		.calendar td ul.event_list li a{
			font-weight:bold;
			font-size:85%;
			color:white;
		}
	/* FOOTER */
	#footer{margin:10px 0;}
		#footer .blocks{margin:20px 0;}
		#footer .block{
			width:25%;
			float:left;
			margin:10px 0;
			height:245px;
		}
		#footer .block p,#footer .block h4, #footer .block ul, #footer .block div.vcard{
			font-size:93%;
			line-height:1.2em;
			margin:0px 10px 10px 10px;
		}
		#footer .block ul{width:90%;} 
		#footer div.vcard .adr span{display:block;}
		#footer .block li{
			float:left;
			margin:2px 8px 2px 0;
		}
		#footer .block h4{font-weight:bold;}
		#footer .block div.tel, #footer .block div.fax{margin:10px 0;}
		#footer .block div.vcard a{color:black;}
		#footer .block form{margin:10px;}
		#footer .block form input{margin:4px 0;}
		#footer .block .list_item{
			margin:10px;
			width:96%;
			border-width:0;
		}
			#footer .block .list_item h5{margin:0;}
				#footer .block .list_item h5 a{color:black;}
			#footer .block .list_item h6{
				color:#8f8f8f;
				font-size:85%;
			}
		/*first row*/
		#footer .diary_block,#footer .blog_block,#footer .gallery_block,#footer .join_block, #footer .twitter_block{
			width:23%;
			margin-right:2.3%;
		}
		#footer .join_block, #footer .twitter_block{
			margin-right:0;
			float:right;
		}
		#footer .diary_block h4,#footer .blog_block h4,#footer .gallery_block h4,#footer .join_block h4,
		#footer .diary_block h6,#footer .blog_block h6,#footer .gallery_block h6,#footer .join_block h6
		{margin:10px;}
		#footer .diary_block .list_item,#footer .blog_block .list_item,#footer .gallery_block .list_item,#footer .join_block .list_item{
			margin:0 auto 8px auto;
			width:100%;
			padding-bottom:8px;
		}
		
		#footer .diary_block{border:1px solid #204dff;}
			#footer .diary_block .highlight{color:#204dff;}
			#footer .diary_block table.calendar, #footer div.diary_block ul.cal_options{
				width:85%;
				margin:0px auto 10px auto;
			}
			#footer div.diary_block ul.cal_options{margin-top:15px;}
			#footer .diary_block table.calendar{margin-bottom:15px;}
				#footer .diary_block table.calendar tr, #footer .diary_block table.calendar td, #footer .diary_block table.calendar th{
					border-width:0;
					background:white;
					font-size:93%;
				}
				#footer .diary_block table.calendar td,#footer .diary_block table.calendar th{text-align:center;}
					#footer .diary_block table.calendar td.current{font-weight:bold;}
					#footer .diary_block table.calendar td.event{background:#839cb5;}
					#footer .diary_block table.calendar td.event a{color:white;}
					#footer .diary_block table.calendar td.today{border:1px solid #204dff;}
					#footer .diary_block table.calendar td span.day_number{
						float:none;
						text-align:center;
						width:auto;
					}				
		#footer .blog_block{border:1px solid red;}
		#footer .gallery_block{border:1px solid #ff40ff;}		
			#footer .gallery_block .highlight{color:#ff40ff;}
			#footer div.gallery_block .latest_gallery{
				width:100%;
				margin:0;
			}
			
			#footer div.gallery_block div.gallery_item{
				margin:8px 0 0 0 ;
				float:left;
				width:50%;
				text-align:center;
				padding:0;
			}
				#footer div.gallery_block div.gallery_item{width:49.9%;}
				#footer div.gallery_block div.gallery_item.right_side{margin-right:0;}
				#footer div.gallery_block div.gallery_item img{border:1px solid #ff40ff;}
		#footer .join_block, #footer .twitter_block{
			background: #2447b2 url('/images/layout/blue-gradient.gif') repeat-x top left;
			text-align:center;
			border:1px solid #4c4c94;
		}		
		#footer .join_block p, #footer .join_block p a{
			color:white;
			text-align:center;
			font-size:93%;
			font-weight:bold;
		}
		#footer .not_loaded_yet{
			margin-top:10px;
			background:url('/images/twitter-loader.gif') no-repeat 18px 58px;
		}
		#footer .not_loaded_yet, #footer .not_loaded_yet *{
			color:white;
			text-align:center;
		}
		#footer .not_loaded_yet p{
			padding:5px 0 8px 30px;
			text-align:left;
		}
		#footer #twitter_latest{
			padding:15px 0;
			height:215px;
		}
		#footer .twitter_loaded{
			overflow:auto;
			margin:10px;
			height:195px;
			padding-right:10px;
		}
		#footer .twitter_loaded *{color:white;margin:0 0 10px 0!important;}		
		#footer .twitter_loaded a{color:#08df2c;text-decoration:underline;}
		#footer #twitter_latest h4, #footer .twitter_loaded p{font-size:85%;}
		#footer .twitter_loaded p.source_date{text-align:right;font-size:77%;}
		#footer .twitter_loaded p.source_date a{color:white;text-decoration:underline;}
		#footer #twitter_latest h4 a{color:#fdff00;text-decoration:none;}
		#footer .twitter_loaded strong, #footer .twitter_loaded p a{color:#00fffe;text-decoration:none;}
		/*second row*/
		#footer .popular_block{}
		#footer .contact_block{}
		#footer .about_block{float:right;}
	div.outlined{border:1px solid #cccccc;}	
	div.greyed, div.greyed *{color:#999999;}
	/*logos*/
	div#logos{margin:20px 0;}
		#logos h4{
			float:left;
			margin:70px 0px 0 20px;
			width:85px;
			font-size:93%;
		}
		#logos ul.list{
			float:left;
			margin:10px 0 10px 10px;
			width:830px;
		}
			#logos ul.list li{
				float:left;
				margin:3px 10px;
				text-align:center;
				height:70px;
				line-height:70px;
			}
				/*bottom row needs bit more margin*/
				#logos ul.list li img{vertical-align:middle;}
				#logos ul.list li#moxie_communications, 
				#logos ul.list li#obb,
				#logos ul.list li#nabs, 
				#logos ul.list li#the_smart_corporation,
				#logos ul.list li#teenagecancertrust,	
				#logos ul.list li#smooth_radio, 
				#logos ul.list li#unsuitable{margin:3px 20px;}
	/*oneblackber*/
	#oneblackbear h4{
		font-size:85%;
		line-height:2.8em;
	}
		#oneblackbear h4 a{
			text-decoration:underline;
			padding:6px 0 6px 30px;
			background:url('/images/obb-logo.gif') no-repeat center left;
		}
		#oneblackbear h4 a.unsuitable{
			background:url('/images/unsuitable-logo.gif') no-repeat center left;
		}
	/*ADVERTISING SPACES*/
	div.advert{
		margin:0 auto 20px auto;
		overflow:hidden;
	}
	#leaderboard{
		width:728px;
		height:90px;
	}	
	#skyscraper{
		width:120px;
		height:600px;
	}
	#button{
		width:120px;
		height:120px;
	}
	/*pages images*/
	.attached_image {			
		clear:left;
		float:left;
		margin:5px 10px 15px 0px;		
		border:1px solid black;
	}
	/*pagination*/
	ul.pagination li.pagination_link {
	  float:left;
	  margin-right:4px;
		background-image:none;
		padding-left:0;
		font-size:116%;
	}
	.pagination li a{text-decoration:none;}
	.pagination li span.current{
		font-weight:bold;
		color:red;
	}
	.pagination li.pagination_link a, .pagination span.disabled{border-width:0;}
	.pagination span.disabled{color:#8f8f8f;}
	.pagination li.pagination_link a, .pagination span{
		padding:3px 6px;
	}
	/** COMMENT AREA **/
	/* comment form */
	.comment_form{
		border-top:1px dotted black;
		padding:10px 0;
	}
		.comment_form h4.post, .comment_form h4.bookmark{		
			width:25%;
			float:left;
			margin:6px 2% 6px 0;
		}
		.comment_form h4.bookmark{
			width:35%;
			margin-top:10px;
		}
		.comment_form form, .comment_form ul.social{
			width:70%;
			float:left;
		}
		.comment_form ul.social{
			width:50%;
			margin:0 0 0 4%;
		}
			.comment_form ul.social li{
				float:left;
				margin-right:15px;
			}
			.comment_form form input, .comment_form form label, .comment_form form textarea{
				float:left;
				margin:4px 0;
			}
			.comment_form form label{width:80px;}
			.comment_form input.text_field{width:77%;}
			.comment_form form textarea{
				width:78%;
				height:100px;
			}
			.comment_form input.submit_field{
				float:right;
				margin-right:5px;
			}
			.comment_form input.submit_field,.comment_form form label{clear:left;}
			
/** error pages **/
body.error #content, body.error #logo{
	width:70%;
	margin:20px auto;
}
body.error #content{margin-bottom:50px;}
body.error #logo .large_container{
	width:68%;
	margin:0 auto;
}
body.error #content, body.error #content *, body.error #logo{text-align:center;}
body.error #content form input{text-align:left;}
body.error #site_search{margin:50px auto;}
body.error #site_search label{
	font-weight:bold;
	font-size:116%;
	width:140px;
}
body.error #content h2{font-size:225%;}
body.error #logo img, body.error #logo h1{
	float:left;
	line-height:2.5em;
	font-size:138.5%;
}
body.error #logo h1{margin-left:1%;}
body.error h1 a:hover, body.error h1 a, body.error h1 a:visited:hover{color:black;}
body.error p a,body.error p a:hover, body.error p a:visited{color:#204dff;}
body.error p a:hover, body.error p a:visited{text-decoration:underline;}

/** list images **/
a.story_image{
	display:block;
	width:150px;
	height:150px;
	background-repeat:no-repeat;
	clear:left;
	float:left;
	margin:5px 10px 15px 0px;		
	border:1px solid black;
}
a.story_image span{display:none;}

/* flickr title */
h1.flickr{
	background:url('/images/flickr-logo.jpg') no-repeat center right;
	padding:10px 0;
}



/** LIGHT BOX **/
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:bold;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}