body {
	background: #222;
	font: .625em Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
	color: #fff;
	padding: 6em 5em 6em 0;
}

.nodisplay { display: none; }
a { text-decoration: none; }

header {
	display: block;
	clear: both;
	width: 78em; height: 3em;
	border-left: 10em solid #111;
	padding-left: 2em; margin-bottom: 3em;
}

	header img { float: left; margin-right: 2em; }

	header h1 {
		font-size: 1.4em;
		text-transform: uppercase;
		padding-top: .5em;
		display: none;
	}

article {
	display: block;
	padding-bottom: 3em;
	width: 90em;
	clear: both;
}

	article header {
		border: 0;
		padding: 0 2em; margin: 0;
		float: right;
		background: #333;
		width: 76em; height: 3em;
	}

		article header h3, article header h2 {
			float: left;
			padding-top: .75em;
			color: #fff;
			text-transform: uppercase;
			font-size: 1.2em;
		}

		article header a {
			float: right;
			padding-top: .75em;
			color: #666;
			font-size: 1.2em;
			-webkit-transition: color .3s linear;
		}

		article header a:hover { color: #999; }

	article section.year {
		display: block;
		width: 8em; height: 3em;
		text-align: right;
		padding-right: 2em;
		background: #111;
	}

		article section.year p {
			font-size: 1.2em;
			color: #555;
			padding-top: .75em;
		}

	article section.description {
		display: block;
		clear: both;
		padding: .8em 2em; margin-left: 10em;
		width: 76em;
		background: #111;
	}

		article section.description p { font-size: 1.2em; color: #888; }

			article section.description p a { color: #999; -webkit-transition: color .3s linear; }
			article section.description p a:hover { color: #ccc; }

	article img {
		background: #000;
		width: 80em;
		margin-left: 10em;
	}



article#about header { border-left: 10em solid #111; }

article#about section {
	display: block;
	clear: both;
	width: 80em; min-height: 30em;
	margin-left: 10em;
	background: #111;
}

article#about section div#about-text {
	width: 46em;
	padding: 1.5em 2em;
	background: #111;
}

article#about section img {
	float: right;
	width: 30em; height: 30em;
	padding: 0; margin: 0;
	background: inherit;
}

article#about div#about-text p {
	color: #888;
	font-size: 1.2em;
	line-height: 1.45em;
	padding-bottom: 1em;
}

article#about div#about-text p a { color: #ccc; -webkit-transition: color .3s linear; }
article#about div#about-text p a:hover { color: #fff; }



footer {
	display: block;
	clear: both;
	width: 76em; height: 3em;
	background: #111;
	padding: 0 2em 0 12em;
}

	footer p {
		font-size: 1.1em;
		color: #666;
		float: left;
		padding-top: .85em;

	}
	
		footer a { color: #999; -webkit-transition: color .3s linear; }
		footer a:hover { color: #ccc; }

	footer div { float: right; padding-top: .4em; }

		footer div a { margin-left: .8em; }
		footer div a img { opacity: 0.7; -webkit-transition: opacity .3s linear; }
		footer div a:hover img { opacity: 1; }