/*   
	Theme Name: Bristol Debt Advice Centre
	Theme URI: http://www.bdac.org.uk/
	Description: Theme created for Bristol Debt Advice Centre, by Bluefly Digital Ltd
	Author: Bluefly Digital Ltd
	Author URI: http://wearebluefly.com
	Version: 1
	.
	Look but don't steal, stealing is wrong, there are things to be learnt here!
	.
*/

/* WordPress Default CSS */
.aligncenter, div.aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft{
   float: left;
}

.alignright{
   float: right;
}

.wp-caption{
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

	.wp-caption img{
	   margin: 0;
	   padding: 0;
	   border: 0 none;
	}
	
	.wp-caption p.wp-caption-text{
	   font-size: 11px;
	   line-height: 17px;
	   padding: 0 4px 5px;
	   margin: 0;
	}

/* BDAC Styles */

body{
	background: #555;
	font: 12px/1.5 Helvetica, Arial, sans-serif;
	color: #fff;
}

p{
	margin-bottom: 10px;
}

blockquote{
	color: #8CC641;
	margin-left: 20px;
}

.container{
	width: 960px;
	margin: 0 auto;
	display: block;
}

.text-indent{
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
}

a{
	color: #8CC641;
}

	a:hover{
		text-decoration: none;
	}

#header{
	background-color: #8CC641;
	overflow: auto;
	line-height: 1;
	padding: 2px 0;
}

	#logo{
		float: left;
		background-image: url(images/logo.jpg);
		width: 220px;
		height: 79px;
	}
	
		#logo h1 a{
			width: 220px;
			height: 40px;
		}
		
		#logo h2 a{
			width: 220px;
			height: 39px;
		}

	.menu{
		float: right;
	}
	
		.menu li{
			float: left;
			margin: 0 2px;
			padding: 65px 0 6px 0;
		}
	
		.menu li a{
			padding: 66px 6px 6px 6px;
			background-repeat: no-repeat;
			background-position: center 25px;
			background-image: url(images/nav/pin.png);
			text-decoration: none;
			color: #efefef;
			font-size: 18px;
		}
		
			.menu li a:hover{
				background-color: #666;
			}
			
			.menu .current_page_item a, .menu .current_page_ancestor a{
				background-color: #fff;
				color: #aaa;
			}
			
			.menu li.current_page_item a{
					background-image: url(images/nav/pin-current.png);
				}
			
			.menu li a[title=Home]{
				background-image: url(images/nav/home.png);
			}
				
				.menu li.current_page_item a[title=Home], .menu li.current_page_ancestor a[title=Home]{
					background-image: url(images/nav/home-current.png);
				}
			
			.menu li.page-item-2 a{
				background-image: url(images/nav/about.png);
			}
			
				.menu li.page-item-2.current_page_item a, .menu li.page-item-2.current_page_ancestor a{
					background-image: url(images/nav/about-current.png);
				}
							
			.menu li.page-item-25 a{
				background-image: url(images/nav/contact.png);	
			}
			
				.menu li.page-item-25.current_page_item a, .menu li.page-item-25.current_page_ancestor a{
					background-image: url(images/nav/contact-current.png);
				}
			
			.menu li.page-item-23 a{
				background-image: url(images/nav/partnerships.png);
			}
			
				.menu li.page-item-23.current_page_item a, .menu li.page-item-23.current_page_ancestor a{
					background-image: url(images/nav/partnerships-current.png);
				}
			
			.menu li.page-item-3 a{
				background-image: url(images/nav/services.png);
			}
			
				.menu li.page-item-3.current_page_item a, .menu li.page-item-3.current_page_ancestor a{
					background-image: url(images/nav/services-current.png);
				}
			
			.menu li.page-item-652 a{
				background-image: url(images/nav/bday.png);
			}
			
				.menu li.page-item-652.current_page_item a, .menu li.page-item-652.current_page_ancestor a{
					background-image: url(images/nav/bday-current.png);
				}
			
			.menu li.page-item-985 a{
				background-image: url(images/nav/online-advice.png);
			}
			
				.menu li.page-item-985.current_page_item a, .menu li.page-item-985.current_page_ancestor a{
					background-image: url(images/nav/online-advice-current.png);
				}
	
#content{
	clear: both;
	background: #fff;
	color: #333;
	overflow: auto;
	padding: 10px 0;
}

	.post, #sidebar, #home, .navigation{
		background: #f8f8f8;
		padding: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		float: left;
		margin-top: 10px;
	}
	
	#home{
		width: 960px;
		overflow: auto;
	}
	
		#home .content, #home #home-post{
			float: left;
		}
		
			.bday{
				margin: 0 10px 10px 0;
				float: left;
			}
		
			#home #welcome{
				width: 700px;
				margin-bottom: 20px;
			}
			
			.home-button{
				overflow: hidden;
				display: block;
				text-indent: -9999px;
				float: left;
			}
			
			#home #home-post{
				width: 400px;
				margin-right: 30px;
				font-size: 1.25em;
			}
			
				#home-post .home-button{
					background: url(images/home-read-more.jpg) no-repeat top left;
					width: 130px;
					height: 29px;
					margin-top: 10px;
				}
			
			.home-news{
				float: left;
				width: 350px;
				font-size: 1.25em;
			}
			
				.home-news .home-button{
					background: url(images/news-read-more.jpg) no-repeat top left;
					width: 109px;
					height: 29px;
					float: right;
				}
				
				.news-post{
					clear: both;
					padding: 10px 0;
				}
				
					.news-post h4{
						float: left;
						width: 270px;
						margin-right: 10px;
					}
					
					.news-post .date{
						float: right;
						font-weight: bold;
					}
					
					.news-post .excerpt{
						clear: both;
						padding: 5px 0;
						display: block;
					}
					
			
			#home .more{
				float: right;
				width: 138px;
			}
			
				#home .more ul{
				}
			
					#home .more ul li{
						width: 134px;
						height: 85px;
						border: 2px solid #333;
						margin-bottom: 10px;
					}
		
			#home #welcome h3{
				font-size: 31px;
				font-style: italic;
			}
			
				#home #home-post h3{
					font-size: 14px;
					font-style: normal;
					float: left;
					width: 240px;
				}

	.breadcrumb{
		width: 700px;
		float: left;
	}
	
	.accessibility{
			overflow: auto;
			float: right;
		}
	
		.accessibility li{
			float: left;
			margin-right: 15px;
		}
		
			.accessibility li a{
				width: 20px;
				height: 20px;
			}
			
				.accessibility li .defaultstyle{
					background-image: url(images/default-style.jpg);
				}
				
				.accessibility li .largestyle{
					background-image: url(images/large-style.jpg);
				}
				
				.accessibility li .yellowstyle{
					background-image: url(images/yellow-style.jpg);
				}
				
				.accessibility li .blackstyle{
					background-image: url(images/black-style.jpg);
				}
	
	
	.posts{
		float: left;
		width: 700px;
	}

	.post{
		width: 680px;
		float: left;
	}
	
		.post h3{
			margin-bottom: 10px;
			font-size: 14px;
		}
	
		.post .meta{
			display: inline-table;
		}
	
			.post .meta li{
				display: inline;
			}
				
				.post .meta li .post-categories{
					display: inline;
				}
			
					.post .meta li .post-categories li{
						display: inline;
					}
	
		.post img.alignleft{
			margin: 10px 10px 10px 0;
		}
		
		.post img.alignright{
			margin: 10px 0 10px 10px;
		}
		
		.post ul{
			list-style: disc;
			margin-left: 15px;
		}
		
		.navigation{
			width: 680px;
		}
	
	#sidebar{
		width: 220px;
		margin-left: 20px;
		float: right;
	}
	
		.subpages, #questions{
			line-height: 2;
		}
		
			#sidebar h3{
				clear: both;
			}
		
			.subpages{
				clear: both;
				margin-top: 10px;
				font-size: 14px;
			}
		
			.subpages ul{
				margin-left: 10px;
			}
				
				.subpages ul li, #questions li{
					padding-left: 15px;
					background: url(images/arrow.gif) no-repeat 0 5px;
					line-height: 1.25em;
				}
				
				#sidebar .subpages .current_page_item a{
					font-weight: bold;
					color: #405D97;
					text-decoration: none;
				}
				
		.widgets{
		}
		
			.widget{
				margin: 10px 0;
			}
			
		.social-head{
			color: #8CC641;
			margin-bottom: 5px;	
		}
		
		.social-side{
			margin: 0 0 20px 0;
			padding: 0;
			list-style: none;
		}
		
			.social-foot{
				float: right;
			}
			
			.social-side li{
				margin: 0 0 5px 0;
				padding: 0;
			}
			
				.social-foot li{
					float: left;
				}
		
			.social-side li a, .social-foot li a{
				display: block;
				padding: 8px 0 8px 40px;
				background-position: top left;
				background-repeat: no-repeat;
				font-weight: bold;
				text-decoration: none;
			}
				
				.social-foot li a{
					width: 32px;
					height: 32px;
					display: block;
					overflow: hidden;
					text-indent: -999px;
					padding: 0;
					margin-right: 5px;
				}
			
				.social-side li a.twitter, .social-foot li a.twitter{
					background-image: url('images/social/twitter.png');
					color: #4ab9db;
					margin: 0;
				}
				
					.social-foot li a.twitter{
						margin-right: 5px;
					}
				
				.social-side li a.facebook, .social-foot li a.facebook{
					background-image: url('images/social/facebook.png');
					color: #405d97;
				}
				
				.social-side li a.youtube, .social-foot li a.youtube{
					background-image: url('images/social/youtube.png');
					color: #ee2b2d;
				}
	
/* FAQ */

#answers .hide{
	display: none;
}


#footer{
	clear: both;
}

	#footer-news, #footer-links{
		float: left;
		padding: 10px 10px 10px 0;
	}
	
	#footer-links{
		width: 680px;
	}
	
		#footer-links ul li{
			display: inline;
		}
		
			#footer-links ul li:after{
				content: ",";
			}
			
			#footer-links ul li:last-child:after{
				content: "";
			}
	
	#footer-news{
		width: 220px;
		margin-left: 20px;
	}
	
		#footer-news h5{
			float: left;
		}
		
		#footer-news .view-all{
			float: right;
		}
		
		#footer-news .headline{
			clear: both;
		}
	
	#footer > .container > p{
		float: right;
		width: 450px;
	}
	
	#footer > .container > img{
		float: left;
		margin-right: 5px;
	}
	
		#footer > .container > img.smaller{
			height: 70px;
			margin-top: 10px;
		}
		
	.twitter{
		list-style: disc;
		margin-left: 15px;
	}
		
		.twitter-item{
			margin-bottom: 5px;
		}