/*
	Theme Name: Straktion
	Theme Author: Chris Garrett of Abstraktion fame
	Author URI: http://abstraktion.co.uk
*/

@import url(nav.css);

/* Basic Elements */

html{
	
}

body.home,
body.news-item,
body {
	background: #FFF url(img/backgrounds/background_01.jpg) top center repeat;	
}

body.project {
	background: #FFF url(img/backgrounds/windy-field.jpg) bottom center fixed no-repeat;	
}
body.search-results {
	background: #FFF url(img/backgrounds/background_01.jpg) top center fixed no-repeat;		
}
body.why-choose-us,
body.about-us,
body.accreditation,
body.clients {
	background: #FFF url(img/backgrounds/poppies.jpg) top center no-repeat;
}
body.what-we-do,
body.about-active-subtances,
body.about-emerging-issues,
body.about-limit-values-eqs,
body.about-reach,
body.about-waste,
body.case-study,
body.external-resources,
body.recent-projects,
body.recent-publications
{
	background: #FFF url(img/backgrounds/lily-pond.jpg) top center no-repeat fixed;
}
body.staff,
body.associate,
body.associates,
body.staff-member {
	background: #FFF url(img/backgrounds/beeches.jpg) top center no-repeat ;
}
body.news-blogs,
body.insight-opinion,
body.news,
body.publications,
body.recruitment,
body.news-item,
body.models-and-downloads {
	background: #FFF url(img/backgrounds/rock-pool.jpg) top center fixed no-repeat;	
}
body{
	padding-bottom: 120px;
	position: relative;
	font: 12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
	/* background: transparent; */
	color: #1e1f21;
}

p{
	margin: 10px 0;
	text-align:justify;
}

a{
	text-decoration: none;
	font-weight: bold;
	color: #69713e;
	overflow: hidden;
}

	#mid-col a{
		color: #525081;
	}

a:hover{
	color: #525081;
}

/* Headings */

h1{
	margin-left: -28px;
	width: 377px;
}

	h1 a{
		display: block;
		height: 168px;
		background: url(img/logo.png);
		text-indent: -9000px;
	}


h2{
	padding: 5px 20px;
	line-height: 1.0;
	font-size: 14px;
	font-weight: bold;
	background: #8b8bc1;
	color: #FFF;
}

	#latest-news h2{
		padding: 20px;
		font-size: 12px;
		background: #bfcb77;
		color: #535180;
	}
	
	#staff-list {
		/*  disply:block;
		overflow:hidden; */
	}
	
	#staff-list h2{
		cursor: pointer;
		cursor: hand;
	}
	
		#right-col #staff-list li ul.module-content {
			padding:12px 0 6px 20px; 	
		}
			#staff-list li ul li {
				padding-bottom:8px;
			}

h3{
	font-size: 14px;
}

/* Layout */

#page{
	margin: 0 auto;
	width: 950px;
}

	#header{
		position: relative;
	}

		#contact-cta{
			position: absolute;
			top: 50px;
			right: 0;
			padding: 0 15px;
			width: 490px;
			height: 53px;
			line-height: 53px;
			font-weight: bold;
			background: url(img/contact-bg-90.png);
		}
		
			#contact-cta a{
				color: #716eb3;
			}

	#content{
		position: relative;
		margin-top: 20px;
		width: 950px;
	}

		.top{
			display: block;
			margin-top: -20px;
			height: 20px;
		}

		#left-col{
			margin: 12px 12px 12px 0;
			width: 210px;
			float: left;
		}
	
			#left-col .top{
				background: url(img/left-top-90.png);
			}
	
			#latest-news{
				margin-top: 12px;
				padding-bottom: 10px;
				background: url(img/semi-transparent-90.png);
			}
			
			.news-item #left-col #latest-news,
			.news-blogs #left-col #latest-news,
			.insight-opinion #left-col #latest-news,
			.news #left-col #latest-news,
			.publications #left-col #latest-news{
				display: none;
			}
		
				#latest-news li{
					margin: 20px;
				}
			
					#latest-news li a{
						color: #010103;
					}
	
		#mid-col{
			margin-top: 12px;
			width: 510px;
			float: left;
		}
	
			#mid-col .top{
				background: url(img/right-top-90.png);
			}
	
			#mid-col .module{
				margin-bottom: 12px;
				background: url(img/semi-transparent-90.png);
			}
	
				.page-content{
					padding: 20px;
				}
					
					.page-content ol.listed-posts li {
						padding-bottom:12px;
					}				
				
					.page-content p.listed-post-meta {
						padding:4px 0 4px 0;
						font-size:10px;
						margin:0;
						font-weight:bold;
					}
									
					.page-content p.link-right {
						text-align:right;
						padding:0!important;
						margin-top:-10px;
					}
					
			.stickyPost h3 {
				background:url(img/stickyPost.png) right 4px no-repeat;
			}
					
		#right-col{
			width: 210px;
			float: right;
		}
		
		.module-first{
			margin-top: 12px;
		}
		
			#right-col .module{
				margin-bottom: 12px;
			}
			
				#right-col .module .top{
					background: url(img/left-top-90.png);
				}
				#recent-projects .top{
					background: url(img/left-top-lilac-90.png)!important;
				}
					#recent-projects h2 {
						background:#f7f7fe;
						color:#716fb3;
					}
				
				#right-col .module .module-content{
					padding: 20px;
					background: url(img/semi-transparent-90.png);
				}
				#recent-projects .module-content{
					padding: 20px;
					background: url(img/semi-transparent-lilac-90.png)!important;
				}
				
					#recent-projects ol li{
						margin-bottom: 10px;
					}
				
						#recent-projects ol li a{
							color: #000;
							font-weight: normal;
						}
		
			.sidebar-image {
				padding: 12px;
				background: url(img/semi-transparent-80.png);
			}
			
			#right-col .blog-nav {
				height:100%;	
			}
			
			#right-col .blog-nav h3{
				font-weight:bold;
				color:#716fb3;
				border-bottom:1px solid #716fb3;
				padding-bottom:4px;
			}
			
			#right-col .blog-nav ol li {
				padding:0 0 4px 10px;
				background:url(img/backgrounds/post-arrow.png) 0 6px no-repeat;
			}
			#right-col .blog-nav ul li {
				padding-bottom:8px;	
			}
				#right-col .blog-nav ul li ul li {
					padding-bottom:0;	
				}
		
	#footer{
		position: absolute;
		right: 0;
		bottom: 20px;
		left: 0;
		padding: 15px 0;
		font-weight: bold;
		background: url(img/semi-transparent-90.png);
		color: #000200;
	}
	
		#footer .container{
			position: relative;
			margin: 0 auto;
			width: 950px;
		}
		
			#footer p{
				margin: 0;
			}
		
			#footer #logos{
				position: absolute;
				top: -8px;
				right: 0;
			}
			
				#footer #logos img{
					margin-left: 10px;
				}
	
/* Forms */

label{
	display: block;
	cursor: pointer;
	font-weight: bold;
	color: #535180;
}

#header form{
	position: absolute;
	top: 115px;
	left: 21px;
}

	#header form input{
		width: 168px;
		border: 1px solid #8685a7;
		outline: none;
	}

	#header form button{
		display: none;
	}

/* Clearing Floats */

#content, 
#nav li.current_page_item ul li ul{
	display: inline-block;
	_height: 1%;
}

#content:after, 
#nav li.current_page_item ul li ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*  content formatting */
#mid-col .page-content ul, 
#mid-col .page-content ul li {
	list-style-type:disc;	
}

	#mid-col .page-content ul li ul li,
	#mid-col .page-content ol li ul li {
		list-style-type:circle;
	}
	
#mid-col .page-content ol,
#mid-col .page-content ol li {
	list-style-type:decimal;	
}

	#mid-col .page-content ol li ol li{
		list-style-type:lower-roman;
	}

#mid-col .page-content li {
	margin:0 0 0 20px;
}
#mid-col .page-content strong {
	font-weight:bold;	
}
#mid-col .page-content em {
	font-style:italic;	
}
#mid-col .page-content h3 {
	font-weight:bold;
	color:#716FB3;
}
.staff-member #mid-col .page-content p {
	width:334px;
	/*  min-height:120px; */
}
#mid-col .staffimage {
	padding:2px;
	border:1px solid #CCC;
	width:110px;
	height:92px;
	position:absolute;	
	top:66px;
	left:600px;
	background:#FFF;
}
/* posts author */
div#posterDetails{
	padding:0 0 0 0;
	margin:12px 0 0 0;
}
div#authorThumb{
	padding:0;
	margin:0;
	float:left;
	min-width:10px;
	overflow:visible;
}
	#authorThumb img,
	.authorThumb {
		border:1px solid #CCC;
		padding:2px;
	}
	
div#timeDate{
	padding:0 0 0 4px;
	margin:0 0 0 12px;
	float:left;
	width:300px;
	text-align:left;
	border-left:1px solid #716fb3;	
}
div#clearAll{
	clear:both;
	width:400px;
}

/*  search results */
.search-results .search-link {
	border-bottom:1px dotted #CCC; 
	text-align:right;
}
.search-results .post-categories {
	list-style-type:none;
	list-style:none;
	font-size:80%;
	font-weight:normal;
	width:460px;
	height:16px;
	padding:0;
	margin:0;
}

	.search-results .post-categories li {
		float:left;
		list-style-type:none;
		list-style:none;
		padding:0;
		margin:0;
	}
	
	
/* image stuff hacked from old blog   */
/*   image alignment */
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.postStoryBumph{
	clear:both;	
}
.page-content .alignright img{
	/* padding: 4px; */
    margin:0;
    display: inline;
	border:2px solid #ccc;
}
.actualStory{
	padding:0 0 24px 0;	
}
.page-content .alignleft img{
	/* padding: 4px; */
    margin:0;
    display: inline;
	border:2px solid #CCC;
}
page-content .wp-caption .wp-caption-text{
	font-size:0.8em;
	margin:0 0 0 0;
	padding:0;
}
.wp-caption{
	margin:0 8px 4px 8px;
	padding:4px 0 4px 4px;
	background:#F5F5F5;
}
.page-content .wp-caption p{ 
	text-align:left;

}

.smallLinks a {
	font-size:10px;	
}

/*  RIGHT HAND SIDEBAR FOR news and blogs */
#collapsingSideBar {
	position:relative;
	height:100%;
	overflow:hidden;
}