body {
	background: #222;
	font: .625em Helvetica, sans-serif;
	line-height: 1.45em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	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;
			margin-top: .75em;
			color: #999;
			font-size: 1.2em;
			-webkit-transition: all .3s linear;
			-moz-transition: all .3s linear;
			-o-transition: all .3s linear;
			transition: all .3s linear;
		}

		article header a:hover,
		article header a:focus { color: #fff; }

	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: #666;
		}

			article section p a {
				color: #999;
				border-bottom: 1px solid #222;
				-webkit-transition: all .3s linear;
				-moz-transition: all .3s linear;
				-o-transition: all .3s linear;
				transition: all .3s linear;
			}

			article section p a:hover,
			article section p a:focus { color: #fff; border-bottom-color: #111; }

	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 img {
			float: right;
			width: 30em; height: 30em;
			padding: 0; margin: 0;
			background: inherit;
		}

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

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

			article#about #about-text p:last-child {
				padding-bottom: 0;
			}

	article#about aside {
		display: block;
		clear: both;
		width: 76em; min-height: 3em;
		padding: 0 2em; margin: 0 0 0 10em;
		background: #333;
	}

		article#about aside p {
			display: block;
			float: left;
			padding: .75em 0 0 2em;
			height: 1.75em; /* (3/1.2)-.75 */
			font-size: 1.2em;
			color: #fff;
			background-position: 0 center;
			background-repeat: no-repeat;
		}

			article#about aside p.green {
				background-image: url(../img/availability_green.png);
			}

			article#about aside p.yellow {
				background-image: url(../img/availability_yellow.png);
			}

			article#about aside p.red {
				background-image: url(../img/availability_red.png);
			}

		article#about aside a {
			float: right;
			float: right;
			margin-top: .75em;
			color: #999;
			font-size: 1.2em;
			-webkit-transition: all .3s linear;
			-moz-transition: all .3s linear;
			-o-transition: all .3s linear;
			transition: all .3s linear;
		}

		article#about aside a:hover,
		article#about aside a:focus { color: #fff; }

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

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

	}

		footer a {
			color: #999;
			border-bottom: 1px solid #222;
			-webkit-transition: all .3s linear;
			-moz-transition: all .3s linear;
			-o-transition: all .3s linear;
			transition: all .3s linear;
		}

		footer a:hover,
		footer a:focus { color: #fff; border-bottom-color: #111; }

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

		footer div a { margin-left: .8em; border: 0; }

		footer div a img {
			opacity: 0.7;
			-webkit-transition: opacity .3s linear;
			-moz-transition: opacity .3s linear;
			-o-transition: opacity .3s linear;
			transition: opacity .3s linear;
		}

		footer div a:hover img,
		footer div a:focus img { opacity: 1; }