/*
Theme Name: Volans
Theme URI: http://www.volans.com/
Description: The Volans theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1
Author: Chris Barrow
Author URI: http://chris-barrow.com/

*/


html {
	/* override yahoo to show full background image behind floated elements */
	background:transparent;
}

* :focus { outline: 0; }

body {
	font-size:75%;
	font-family:'HelveticaNeueW02-45Ligh',Helvetica,Arial,sans-serif;
	color:#858688;
	text-align:center;
	background-color:#ddd;
}

/* Text */

h1 {
	float:left;
	padding-left:5px;
}

#header h1 {
	font-size:4em;
	padding:20px 0px 0px 0px;
	margin:0px;
	color:#58595B;
	width:800px;
}

body.hasFlash #header h1 {
	
}

h2 {
	font-size:1.25em;
	padding-top:2px;
	height:58px;
	color:#58595B;
}

i,em {
	font-style:italic;
}

#header h2 {
	clear:both;
	font-size:2em;
	color:#858688;
	padding:40px 0px 0px 2px;
	height:auto;
}

body.hasFlash #header h2 {
	
}

#header h2 a {
	color:#858688;
}

h3 {
	font-size:1.6em;
}

body.hasFlash h3 {
	font-size:1.4em;
}

#tags h3,#author-list h3,#project-list h3, #updates h3 {
	border-top:1px solid #7081BF;
	color:#7081BF;
	font-size:1.6em;
	height:32px;
}

#project-list h3 {
	padding-top:3px;
	height:auto;
}

.post h3 {
	font-size:2em;
}
.stage h3 {
	font-size:1.3em;
	color:#7081BF;
}

.post p.date, #post p.date {
	color:#858688;
	margin:0px;
}

.post p,#post p {
	color:#58595B;
	margin-top:1em;
}

#project-list p, #updates p {
	color:#58595B;
}
#updates p.date {
	color:#858688;
	margin-top:3px;
}

h4 {
	color:#58595B;
}

#post ul {
	padding-left:32px;
	margin-top:15px;
	clear:both;
}

strong {
	font-weight:bold;
}
#post ul li,#project-right ul li,.project ul li {
list-style:square;
	color:#58595B;
	font-size:1.2em;
	margin-left:15px;
}

#post ul,#project-right ul,.project ul {
	margin-bottom:1.2em;
	}

.stage h4 {
	margin-bottom:4px;
}

.stage p {
	font-size:1.3em;
	color:#58595B;
}

#articles h3 {
	margin-bottom:10px;
}

.project h3, .project p {
	margin-left:160px;
}

#content #project-list .project.intro
{
	height:auto;
	padding-bottom:30px;
}

.project.intro ul li {
	font-size:1.3em;
	color:#7081BF;
}

#content #project-list .project.intro p {
	font-size:1.3em;
	margin-bottom: 1.3em;
	margin-left:0px;
	color:#7081BF;
}

#project-left.featured {
	font-size:1.3em;
	color:#7081BF;
}

#project-right.featured h3,#project-right.featured p {
	font-size:1.3em;
}

#project-left.featured p {
	margin-bottom: 1.3em;
}

#project-left.featured p a {
	text-decoration: underline;
}


#project-right p {
	font-size:1.2em;
	margin-bottom: 1.1em;
	color:#58595B;
}

#project-right.sub p {
	font-size:1.2em;
	color:#58595B;
	margin-bottom:1.1em;
}

/* Links */

a {
	text-decoration:none;
	color:#7081BF;
}

#tags a,#author-list a {
	color:#58595B;
}

a:hover {
	text-decoration:underline;
}

#navigation li a {
	color:#858688;
}

#sub-navigation li {
	float:left;
	width:60px;
}
#sub-navigation li a {
	display:block;
	padding:6px 2px 8px 2px;
}
#sub-navigation li.selected a,#sub-navigation li.current_page_item a {
	background-color:#FFF;
}

#tags li,#author-list li {
	height:30px;
	border-top:1px solid #D1D3D4;
	padding:3px 0px 0px 2px;
}

#articles .article h4 a {
	color:#58595B;
}

#updates .update h4 a,#articles .article a.read-more,#updates .update a.read-more {
color:#7081BF;
}

#articles .article a,#updates .update a {
color:#858688;
}


/* Layout */
#holder {
	background-color:#FFF;
	width:900px;
	float:left;
	background-image:url(images/header-bg.png);
	background-repeat:no-repeat;
	padding-left:60px;
}

body.home #holder {
	background-image:url(images/home-grid.png);
}

#wrapper {
	width:960px;
	margin:0px auto;
	text-align:left;
}

body.home #header {
	height:60px;
}

#header {
	height:240px;
	position:relative;
}


#content {
clear:both;
}

#navigation {
}

#sub-navigation {
	position:absolute;
	bottom:0px;
	left:0px;
}

#right {
	float:right;
	width:240px;
	margin-top:60px;
	margin-right:60px;
	display:inline; /* IE6 fix */
}

#articles {
	width:100%;
	float:left;
	clear:both;
	margin-top:60px;
}

body.home #articles {
	margin-top:90px;
}

#footer {
	float:left;
	clear:both;
	width:100%;
	margin-top:130px;
	margin-bottom:8px;
	color:#D1D3D4;
}

#footer p {
	float:left;
	width:600px;
}

#sn {
	position: relative;
}

#twitter-accounts {
	position:absolute;
	background-color:#eee;
	width:168px;
	top:-120px;
	right:75px;
	display:none;
}

#twitter-accounts ul {
	margin:10px 15px;
	border-top: 1px solid #FFF;
}

#twitter-accounts ul li {
	padding:3px 0px;
	border-bottom: 1px solid #FFF;
}

#twitter-accounts ul li a {
	display:block;
	text-decoration: none;
	color:#666;
}

#twitter-accounts ul li a:hover {
	color:#7081BF;
}

#navigation li {
	float:left;
	width:55px;
	padding:5px 0px 0px 5px;
}

#search {
	width:240px;
	float:right;
	margin-right:60px;
	display:inline; /* IE6 fix */
}


#search input.search {
	font-family:'HelveticaNeueW02-45Ligh';
	border:0px;
	width:118px;
	padding:5px;
	background-color:transparent;
	color:#858688;
}
#search input.search-submit {
	background:transparent;
	border:0px;
	color:#858688;
	text-align:left;
	padding:0;
	margin:0px;
}

.panel {
	width:240px;
	float:left;
	height:58px;
	padding-top:2px;
}

#articles .panel {
	margin-right:60px;
}

#articles .last {
	margin-right:0px;
}

.article {
	height:60px;
}

.alignleft {
	float:left;
	margin:10px 10px 10px 0px;
}

.stage {
	margin-top:15px;
	width:150px;
	margin-right:30px;
	float:left;
}

#tags,#author-list {
	width:120px;
	float:left;
	margin:30px 30px 0px 0px;
}

#author-list {
	margin-left:30px;
}

#project-list {
	width:420px;
	float:left;
	margin:30px 30px 0px 0px;
}

.project {
	margin-bottom: 30px;
	clear:both;
	float:left;
}



.project-image {
	float:left;
	width:150px;
}


.post-image {
	height:180px;
}


.addthis_toolbox {
	margin-top:10px;
}

.featured-project {
	float:left;
	width:270px;
	margin-right:30px;
}

.project-image img,.featured-project img {
	width:120px;
	/*height:120px;*/
}

#updates {
	width:270px;
	float:left;
	margin:30px 0px 0px 0px;
}

.update {
	border-top:1px solid #D1D3D4;
margin-bottom:15px;
}

#project-left {
	width:210px;
	float:left;
	margin:30px 30px 0px 0px;
}


#project-right {
	width:330px;
	float:left;
	margin:30px 30px 0px 0px;
}
#project-left.featured {
	width:270px;
	margin-right:30px;
}
#project-right.featured {
	width:600px;
	margin-right:0px;
}

#posts {
	width:270px;
	float:left;
	margin:30px 30px 0px 0px;
}

#post {
	float:left;
	width:595px;
	margin-top:30px;
	border-top:1px solid #7081BF;
	padding-top:3px;
}

.share {
	float:left;
	margin-top:25px;
	margin-left:30px;
}

#post.page {
	border:0px;
}

#post h3 {
	font-size:2em;
	height:auto;
	height:50px;
}
#post p,#post table td {
	font-size:1.2em;
	
	color:#58595B;
}

.googleMap {
	margin:32px 0px;
}

#post p img {
	float:left;
	margin:15px 15px 15px 0px;
}

.post {
	float:left;
	clear:both;
	border-top:1px solid #7081BF;
	width:100%;
	padding-top:2px;
	margin-bottom:30px;
}

.last {
	margin-right:0px;
}

.flash-replaced div.alt  { display:none; }