@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

@media screen, projection {

	* {
		margin: 0;
		padding: 0;
	}

	html,
	blockquote,
	blockquote + p {
		text-align: center;
	}

	html {
		background: #000;
		color: #ccc;
		font: 87.5%/1.7 'open sans', optima, arial, sans-serif;
	}

	body {
		margin: 1em 0;
	}

	p,
	h2 {
		margin: 0 .5em;
	}

	p + p {
		text-indent: 1em;
	}

	blockquote {
		margin: 1.5em 2em 0;
	}

	h1,
	h2 {
		font-size: 1em;
		font-weight: 400;
	}

	h1,
	#show {
		width: 620px;
	}

	h1 {
		background: url(/media/logo.jpg) no-repeat;
		height: 366px;
		text-indent: -999em;
	}

	ul {
		margin: .5em 0 .5em 2em;
	}

	[dir=rtl] ul {
		margin: .5em 2em .5em 0;
	}

	a,
	strong,
	em,
	kbd {
		color: #fff;
	}

	strong {
		font-size: 1.3em;
		line-height: 1;
	}

	em,
	cite {
		font-style: normal;
	}

	kbd {
		font-family: 'open sans', optima, arial, sans-serif;
	}

	#lang {
		list-style: none;
		margin: .5em 2em 1em;
	}

	#lang li {
		display: inline;
	}

	#show {
		margin: auto;
		text-align: left;
	}

	[dir=rtl] #show {
		text-align: right;
	}

	#whws {
		background: url(/media/tape.gif) repeat-y top center;
		font-size: 100cm;
		height: 2840em; /* temporary fix for Internet Explorer (was: 4438em), which was a temporary fix for WebKit (was: 4734em), which was a temporary fix for WebKit, too (was: 18939em) */
		line-height: 1;
		margin: 42px 0;
	}

	#whws + div {
		position: relative;
	}

	#hades > p:last-child {
		background: url(/media/end.jpg) no-repeat bottom center;
		padding-bottom: 179px;
	}

	#hades ul + p + p {
		margin-top: 1.5em;
		text-indent: 0;
	}

}

@media print {

	* {
		background: #fff;
		border: 0;
		color: #000;
		font-size: 1em;
		text-decoration: none;
	}

	#whws:after {
		content: 'Saved 18.94 kilometers from office budget.';
		font-weight: 700;
	}

	#lang {
		display: none;
	}

}