/*
Theme Name: Shelter blog
Theme URI: http://blog.shelter.org.uk
Description: Shelter blog theme
Author: Matt Perry
Version: 1.0
License: 
License URI: 
Tags: 
*/


body, p, h1, h2, h3, h4, ul, li, input {
	border:0;
	font-size:14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height:20px;
	margin:0;
	padding:0
	}
ol, ul { list-style:none }
a, button, input { outline:none }
a img { border:0 }
table { border-collapse: collapse; border-spacing: 0 }

a { color:#069; text-decoration:none }
a:visited { color:#069 }
a:hover { color:#c31616; }

body { background: #FFF }

input {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
h2, h2 a , h3  {
	color:red!important;
	letter-spacing:-1px;
	text-decoration:none;
	text-shadow: 0 1px 1px #E3E3E3;
	}
h2 { font-size:32px; line-height:36px }
h3 { font-size:24px; margin-bottom:10px }
h4 { font-size:20px; margin-bottom:10px; color: black; }

.width_wrapper { 
	margin:auto;
	padding:30px 20px;
	width:960px
	}

#header .width_wrapper { padding: 10px 0 15px }

#header a, #footer a { color:#FFF }
#header h1, #footer h1 {
	background:url('images/sprites.png');
	display:block;
	height:65px;
	text-indent:-9999px
	}
	#header h1 { width:487px; float:left }
	#footer h1 { width:162px; float:right }

#country_selector {
    color: #666;
    font-size: 12px;
    float:right;
    padding-right: 15px;
}

abbr, acronym
{

	border-bottom: .1em dotted;
	cursor: help;
}



#country_selector strong {
    color: #999;
}


blockquote {
    background-position: left top, left bottom;
    background-repeat: no-repeat;
    background-image: url('images/quotation_marks.png');
    color: white;
    font-family: Helvetica,Helvetica Neue,Arial,sans-serif;
    font-size: 20px;
    line-height: 1.4em;
    margin-bottom: 1em;
    padding: 0px 0 2px;
}
blockquote p {
    background: none repeat scroll 0 0 #E70000;
    margin-left: 80px;
    padding: 5px 14px 6px 7px;
}

.bookend {
	background: #b40000;
	background: -moz-linear-gradient(top, #b40000 0%, #e70000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b40000), color-stop(100%,#e70000));
	background: -webkit-linear-gradient(top, #b40000 0%,#e70000 100%);
	background: -o-linear-gradient(top, #b40000 0%,#e70000 100%);
	background: -ms-linear-gradient(top, #b40000 0%,#e70000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B40000', endColorstr='#E70000',GradientType=0 );
	background: linear-gradient(top, #b40000 0%,#e70000 100%);
	
	color:#FFF;
	width:100%;
}

.search_form {
	float:right;
	position:relative;
}
.search_button {
	background:url('images/sprites.png') -555px -28px!important;
	cursor:pointer!important;
	width:41px!important;
	height:41px!important;
	position:absolute!important;
	right:0!important;
	top:0!important;
	text-indent:-9999px!important
}
.search_button:active {
	top:1px!important;
}
 
.search_input, #signup_input, #signup_button {
	-moz-box-shadow: inset 0 1px 0 #000;
	-webkit-box-shadow: inset 0 1px 0 #000;
	box-shadow: inset 0 1px 0 #000;
	padding: 6px 6px 5px
}
.search_input {
	height:20px;
	top:3px;
	position:relative;
	right:20px;
	width:230px
}
#signup p { margin-bottom:5px } 
#signup_input {
	height:20px;
	width: 240px
	}
#signup_button {
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	cursor:pointer;
	height:31px;
	padding: 6px 12px 5px;
	position:relative;
	right:10px;
	text-shadow: 0 1px 0 #FFF;
	top:1px;
	
}

.btn_function, .post_nav a {
	background: #f3f3f3;
	background: -moz-linear-gradient(top, #f3f3f3 0%, #bebebe 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#bebebe));
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#bebebe 100%);
	background: -o-linear-gradient(top, #f3f3f3 0%,#bebebe 100%);
	background: -ms-linear-gradient(top, #f3f3f3 0%,#bebebe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F3F3', endColorstr='#BEBEBE',GradientType=0 );
	background: linear-gradient(top, #f3f3f3 0%,#bebebe 100%);
	}
.btn_function:hover, .post_nav a:hover {
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #f6f6f6 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top, #f6f6f6 0%,#cccccc 100%);
	background: -o-linear-gradient(top, #f6f6f6 0%,#cccccc 100%);
	background: -ms-linear-gradient(top, #f6f6f6 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#cccccc',GradientType=0 );
	background: linear-gradient(top, #f6f6f6 0%,#cccccc 100%);
	}
.btn_function:active, .post_nav a:active {
	background: #bebebe; 
	background: -moz-linear-gradient(top, #bebebe 0%, #f3f3f3 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebebe), color-stop(100%,#f3f3f3));
	background: -webkit-linear-gradient(top, #bebebe 0%,#f3f3f3 100%);
	background: -o-linear-gradient(top, #bebebe 0%,#f3f3f3 100%); 
	background: -ms-linear-gradient(top, #bebebe 0%,#f3f3f3 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BEBEBE', endColorstr='#F3F3F3',GradientType=0 );
	background: linear-gradient(top, #bebebe 0%,#f3f3f3 100%);
	}

#main { height:100px }

.post_date {
	color:#777;
	display:block;
	font-size:14px;
	padding:0 0 7px 2px
	}
	
.author_name { color:#AAA }

#posts { float:left; width:679px }

.post {
	margin-bottom: 40px;
	width:530px
	}
.post_body { margin: 20px 0 }
.post_body p { 
	line-height:25px;
	margin-bottom:20px
	}
.post_body p:last-child { margin-bottom:15px }
.post_info {
	border-top:1px dotted #DDD;
	padding-top:10px
	}
.post_info p { line-height:25px; }
	
#comments { 
	margin-bottom: 20px;
	padding-top: 20px
	}
#comments h3 { margin-bottom:25px }

.widgets {
	float:right;
	width:100px;
	margin-left:10px;
	padding-left:20px;
	border-left: 1px solid #DEDEDE
	}
	
.content {
	float:left;
	width:540px;
}
	
#menu { 
	float:right;
	width:240px;
	margin-left:20px;
	padding-left:20px;
	border-left: 1px solid #DEDEDE;
}

.widgets, #menu { margin-top:90px }

#menu li { margin-bottom:5px }
#menu ul, #tag_cloud { margin-bottom:40px }
#tag_cloud a { margin-right: 5px }

.author_card { position:relative }
.author_showall {
	background:url('images/sprites.png') 290px -78px no-repeat;
	display:block;
	margin-top:10px;
	padding-right:12px;
	text-align:right;
	}
.author_showall a { 
	color:#FFF;
	text-decoration:underline
	}
.author_avatar {
	position:relative;
	z-index:2
	}
.author_avatar div {
	background:url('images/sprites.png') -11px 33px;
	height:19px;
	width:19px;
	position:absolute;
	top:81px;
	left:81px
	}
	
.author_description {
	background-color:#e70000;
	border-radius:5px;
	-moz-border-radius:5px;
	-moz-box-shadow: 0 1px 0 #600;
	-webkit-box-shadow: 0 1px 0 #600;
	box-shadow: 0 1px 0 #600;
	color:#FFF;
	display:none;
	right:-20px;
	padding:20px 140px 20px 20px;
	position:absolute;
	top:-20px;
	width:300px;
	z-index:1
	}

.author_name {
	color:#999;
	position:relative;
	z-index:2
	}
	
.share_story {
	margin-top:25px;
	padding:10px 10px 5px;
	width:80px
	}
	
.share_story a {
	color:#FFF!important;
	display:block;
	font-size:20px;
	line-height:23px;
	margin-bottom:5px;
	overflow:hidden;
	padding:7px 0 0 35px;
	width:45px;
	height:27px;
	text-align:center;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
	}
.share_twitter { background: url('images/sprites.png') -30px -78px no-repeat }
.share_facebook { background: url('images/sprites.png') -110px -78px no-repeat }
.share_linkedin { background: url('images/sprites.png') -190px -78px no-repeat }

.post .twitter-tweet-rendered {
clear:left!important;
}
.share_story.fixed {
	position:fixed;
	top:0;
	}

#page_title { margin-bottom:25px }
	
#search_404 {
	margin-top:20px;
	padding:30px 40px 40px;
	width:260px;
	}
.share_story h3, #search_404 h3 {
	color:#FFF !important;
	text-shadow: 0 1px 1px #800;
	}
	
.share_story, #search_404 {
	border-radius:5px;
	-moz-border-radius:5px;
	-moz-box-shadow: inset 0 1px 0 #600;
	-webkit-box-shadow: inset 0 1px 0 #600;
	box-shadow: inset 0 1px 0 #600;
	}

.wp-caption { background-color:#eee ; padding: 10px 0 0 10px; margin-bottom: 20px;}
.wp-caption p { padding: 0 10px 5px 10px; margin:0!important }

#post_nav_top { margin-bottom: 20px; height:30px }
.post_nav a {
	border-radius:5px;
	-moz-border-radius:5px;
	-moz-box-shadow: inset 0 1px 0 #444;
	-webkit-box-shadow: inset 0 1px 0 #444;
	box-shadow: inset 0 1px 0 #444;
	color:#444;
	display:block;
	float:left;
	font-size:12px;
	padding:4px 10px;
	text-shadow: 0 1px 0 #FFF;
	}
.post_nav_next a { 
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	}
.post_nav_prev a { 
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	}

#posts ol, #posts ul {
	padding: 0 20px
	}
#posts li { 
	background: url(http://shelter-england-images.s3.amazonaws.com/content-asset-images/grey_bullet.gif) 0px 10px no-repeat;
	line-height:25px;
	padding: 0 0 10px 20px;
	}
	
#lockup {
	border-top: 1px dotted #FFF; 
	margin-top:25px;
	padding-top:25px;
	}
	
#disclaimer {
	color:#555;
	line-height:25px;
	padding-bottom:40px
	}

#copyright { font-size:12px; line-height:16px }

.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .cf             { zoom: 1; } /* ie6 */
*:first-child+html .cf { zoom: 1; } /* ie7 */

.contact-form, .comments-form { max-width: 100%; }

.contact-form { margin: 0 -20px 0 0; width:800px }

	.contact-form .input-block, .comments-form .input-block {
		float: left;
		margin: 0 20px 20px 0;
	}

	.contact-form .input-block:nth-child(3n), .comments-form .input-block:nth-child(3n) { margin-right: 0; }

		.contact-form input { width: 184px; }

	.contact-form .textarea-block, .comments-form .textarea-block { clear: both; }

		.contact-form textarea {
			height: 150px;
			width: 678px;
		}

	.contact-form input[type="submit"], .comments-form input[type="submit"] {
		margin: 28px 2px 0 0;
		
		width: auto;
	}
.ov_boxes{text-shadow: 1px 1px 0 #eee}
/* overview boxes (+small charts) */
		.ov_boxes {list-style: none;display: inline-block;margin:0 0 -20px;text-align:center}
		.ov_greybox {
			-webkit-box-shadow: inset 0px 1px 0px 0px #fff;
			box-shadow: inset 0px 1px 0px 0px #fff;
			line-height:35px;background: #f9f9f9;
			background: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ededed));
			background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%);
			background: -o-linear-gradient(top, #f9f9f9 0%,#ededed 100%);
			background: -ms-linear-gradient(top, #f9f9f9 0%,#ededed 100%);
			background: linear-gradient(top, #f9f9f9 0%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 );
			border: 1px solid #e2e2e2;
			display: inline-block;
			margin:0 10px 10px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-ms-border-radius: 4px;
			border-radius: 4px;
			padding: 0 10px}
	.ov_boxes ul{
			content:'';
			display: block;
			clear: right;
			margin: 20px 0 5px;
			float:left;
			line-height:20px;
			width: 300px;
			
		}
		.ov_boxes .p_canvas{
			margin-right:12px;
			float:left;
			border-right:1px solid #dcdcdc;
			-webkit-box-shadow:1px 0 0 0 #fff;
			-moz-box-shadow:1px 0 0 0 #fff;box-shadow:1px 0 0 0 #fff;padding:10px 14px 6px 4px
			}
		.ov_boxes .ov_text{
			color: #E3132B; 
			text-align:left;
			width:80%;
			font-size:12px;
			float:left; 
			padding: 20px 10px 7px 0;}
		.ov_boxes .ov_text strong{font-size:16px;display:block}
		.p_canvas {width:50px}
		.ov_text2{
		    float: left;
		    padding: 20px 10px 7px 0;
		    text-align: left;
		    border-top: 1px solid #DCDCDC;
		    color:#434343
		
		}
.ov_inner img{
	margin: 5px;
}	

/* ---------------------------------------------------------------------- */
/*	Forms
/* ---------------------------------------------------------------------- */

label {
	cursor: pointer;
	display: block;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 0 5px;
}

input, textarea, select {
	-webkit-appearance: none; /* Fix for Mobile Safari */
	background-color: #f8f8f8;
	border: 1px solid #e8e8e8;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	color: #8f8f8f;
	font: 12px/1.5 "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

	padding: 5px 10px;
	border-radius: 0;
}

input, select {
	height: 30px;
	width: 200px;
}

textarea {
	padding: 10px;
	resize: both;
}
	
	input:hover, textarea:hover, select:hover { border-color: #dedede; }
	
	input:focus, textarea:focus, select:focus { border-color: #ccc; }

input[type="submit"], button {
	font-size: 13px;
	text-transform: uppercase;
}

	input[type="submit"].medium, button.medium { font-size: 15px; }

	input[type="submit"].large, button.large { font-size: 17px; }

select, option {
	cursor: pointer;
	padding: 5px 7px;
}

.button, input[type="submit"], button {
	background: #e3132b;
	border: none;
	color: #fff!important;
	cursor: pointer;	
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	height: auto;
	overflow: visible;
	padding:  7px 20px;
	-webkit-transition: background-color .2s ease;
	   -moz-transition: background-color .2s ease;
		-ms-transition: background-color .2s ease;
		 -o-transition: background-color .2s ease;
			transition: background-color .2s ease;
	width: auto;
	margin-bottom: 10px;
	
}

	.button:hover, input[type="submit"]:hover, button:hover {
		background: #3a3a3a;
		color: #fff;
	}
/* Chrome, Safari */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b0b0b0; }

/* Firefox */
input:-moz-placeholder, textarea:-moz-placeholder { color: #b0b0b0; }

/* jQuery fallback */
input.placeholder, textarea.placeholder { color: #b0b0b0; }

/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */

			.acc-trigger {
				border-top: 1px dotted #ced8df;
				cursor: pointer;
				display: block;
				margin: 0;
			}

				.acc-trigger:last-of-type, .acc-container:last-of-type {
					border-bottom: 1px dotted #ced8df;
					margin-bottom: 20px;
				}

				.no-js .acc-trigger:last-of-type { border-bottom: none; }

			.acc-trigger a {
				background: url(../img/accordion-content-buttons.png) no-repeat 20px 23px;
				display: block;
				color: #959393;
				outline: medium none;
				padding: 25px 20px 25px 55px;
				text-decoration: none;
				text-shadow: none;
			}

			h3.acc-trigger a, h4.acc-trigger a { background-position: 20px 24px; }

			h6.acc-trigger a { background-position: 20px 21px; }

				.acc-trigger a:hover { background-color: #f8f8f8; }

				.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #e3132b; }

				.acc-trigger.active a:hover { background-color: transparent; }

				.acc-trigger.active { cursor: default; }

				.acc-trigger.active:last-of-type {
					border-bottom: none;
					margin-bottom: 0;
				}

				.acc-trigger.active a {
					background-position: 20px -88px;
					cursor: default;
				}

				h3.acc-trigger.active a, h4.acc-trigger.active a { background-position: 20px -87px; }

				h6.acc-trigger.active a { background-position: 20px -90px; }

			.acc-container .content { padding: 0 20px 25px 55px; }

			.js .acc-container { margin-top: -15px; }

		/* ---------------------------------------- */
		/*	Content Tabs
		/* ---------------------------------------- */

		.tabs-nav {
			list-style: none;
			margin: 0;
			overflow: hidden;
			padding: 0;
			width: 100%;
		}

			.tabs-nav li {
				float: left;
				line-height: 32px;
				margin: 0;
				overflow: hidden;
				padding: 0;
				position: relative;
			}

				.tabs-nav li.active { line-height: 31px; }

				.tabs-nav li a {
					background: #f8f8f8;
					border: 1px solid #eaeaea;
					border-bottom: 1px solid #eaeaea;
					border-left: none;
					color: #959393;
					display: block;
					letter-spacing: 0;
					outline: none;
					padding: 0 16px;
					text-decoration: none;
					text-shadow: 0 1px 0 #fff;
				}

				.tabs-nav li:first-child a { border-left: 1px solid #eaeaea; }

				.tabs-nav li a:hover { background: #f0f0f0; }

				.tabs-nav li a:hover, .tabs-nav li.active a { color: #e3132b; }
				
					.tabs-nav li.active a  {
						background: #fff;
						border-bottom: 2px solid #fff;
						border-top: 1px solid #e3132b;
					}

		.tabs-container {
			border: 1px solid #eaeaea;
			margin: -1px 0 20px;
			overflow: hidden;
			width: 100%;
		}

			.tab-content { padding: 20px; }