html { font-size: 18px;}

body {
	color: #2B2122;
	background: #F2F1F1;
	font-family: "facitweb", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif; 
	font-size: 18px;
	font-weight: 600; 
	line-height: 18px;
	-webkit-font-smoothing: antialiased;
}

#grid {
	background-image: url("../images/grid.png");
	width: 61rem;
	height: 2400px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -30.45rem;
/*	margin-top: -4px;*/
	z-index: 10;
	pointer-events: none;
	display: none;
}

#wrapper {
	padding: 2rem;
	width: 59rem;
	margin: auto;
	font-size: 0.6666rem;
}

.clearfix {
	clear: both;
	height: 1px;
	margin-bottom: -1px;
}

a {
	color: black;
	text-decoration: none;
	border-bottom: 1px solid black;
	transition: border-bottom 0.25s;
	-moz-transition: border-bottom 0.25s;
	-webkit-transition: border-bottom 0.25s;
	-o-transition: border-bottom 0.25s;
}
a:hover {
	color: #EF5A52;
	border-bottom: 3px solid #EF5A52;
}

strong {
	font-weight: 400;
}
#header h1, #header h2 {
	float: left;
	width: 14rem;
	margin-right: 1rem;
}

#header {
	height: 1rem;
}
#header a {
	color: #2B2122;
}
#header a:hover {
	color: #2B2122;
	cursor: pointer;
}
#header a:hover .speaker {
	opacity: 0.3;
}
#header a:active .speaker {
	opacity: 0.8;
}
.speaker {
	display: inline-block;
	width: 11px;
	height: 9px;
	margin-left: 4px;
	background-image: url("/images/speaker.png");
	opacity: 0.125;
}

.spacer {
	width: 14rem;
	margin-right: 1rem;
	float: left;
}

#launcher {
	margin: 4rem 0 4.5rem;
}
#launcher #logo {
	width: 14rem;
	height: 72px;
	margin-left: -0.3rem;
	margin-top: -0.6rem;
	float: left;
}
a#launch_button {
	display: inline-block;
	width: 14rem;
	padding: 1rem 0;
	margin: 4rem 1rem 0rem 15rem;
	color: #F2F0F0;
	text-align: center;
	border-bottom: 0;
	font-weight: 800;
	letter-spacing: 1px;
	text-shadow: 0px -1px 0px #D93526;
	border-radius: 4px;
	background: #f2675a;
	background: -moz-linear-gradient(top, #f2675a 0%, #db5448 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2675a), color-stop(100%,#db5448));
	background: -webkit-linear-gradient(top, #f2675a 0%,#db5448 100%);
	background: -o-linear-gradient(top, #f2675a 0%,#db5448 100%);
	background: -ms-linear-gradient(top, #f2675a 0%,#db5448 100%);
	background: linear-gradient(to bottom, #f2675a 0%,#db5448 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2675a', endColorstr='#db5448',GradientType=0 );
}
a#launch_button:hover {
	text-shadow: 0px -1px 0px #000;
	background: #4c3537;
	background: -moz-linear-gradient(top, #4c3537 0%, #2b2122 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c3537), color-stop(100%,#2b2122));
	background: -webkit-linear-gradient(top, #4c3537 0%,#2b2122 100%);
	background: -o-linear-gradient(top, #4c3537 0%,#2b2122 100%);
	background: -ms-linear-gradient(top, #4c3537 0%,#2b2122 100%);
	background: linear-gradient(to bottom, #4c3537 0%,#2b2122 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c3537', endColorstr='#2b2122',GradientType=0 );
}
a#feedback_button {
	font-style: italic;
	border-bottom: 0;
	letter-spacing: 1px;
}
#launcher p, #footer p, #books p {
	font-size: 1.444rem;
	font-weight: 300;
	line-height: 2rem;
	margin-left: 15rem;
}

#content .block {
	width: 14rem;
	height: 31rem;
	float: left;
	padding-right: 1rem;
}

#content .block.short {
	height: 29rem;
}
#content .block:nth-child(4n) {
	padding-right: 0;
}
#content .block p {
	font-family: "Lucida Grande";
	font-size: 0.6666rem;
	font-weight: normal;
	margin-bottom: 0.5rem;
	transition: background 0.25s,  color 0.25s;
	-moz-transition: background 0.25s, color 0.25s;
	-webkit-transition: background 0.25s, color 0.25s;
	-o-transition: background 0.25s, color 0.25s;
}
#content .block .animation {
	height: 17rem;
	border: 1px solid #E1E0E0;
	background: #E6E6E6;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

#content img {
	transition: opacity 0.25s;
	-moz-transition: opacity 0.25s;
	-webkit-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
}

#content h3 {
	transition: background 0.25s,  color 0.25s;
	-moz-transition: background 0.25s, color 0.25s;
	-webkit-transition: background 0.25s, color 0.25s;
	-o-transition: background 0.25s, color 0.25s;
	display: inline-block;
	margin-bottom: 0.4rem;
}
#content .block a, #books .book a {
	transition: background 0.25s,  color 0.25s;
	-moz-transition: background 0.25s, color 0.25s;
	-webkit-transition: background 0.25s, color 0.25s;
	-o-transition: background 0.25s, color 0.25s;
}

#books .book {
	position: relative;
	width: 13rem;
	height: 4rem;
	padding: 1rem 0.5rem;
	float: left;
	margin: 0 1rem 1rem 0;
	background: #E6E6E6;
}

#books .book:nth-child(4n+1) {
	margin-right: 0;
}

#books .book img {
	margin-bottom: 0.5rem;
}

#books .book-info {
	width: 13rem;
	display: block;
}

#books .book a {
	font-weight: normal;
	text-decoration: none;
	border: none;
}

#books p {
	margin-top: 2rem;
	margin-bottom: 5rem;
}


#content:hover img {
	opacity: 0;
}
#content:hover p, #content:hover a {
	background: #E6E6E6;
	color: #E6E6E6;
	border-bottom: 0;
}
#content:hover h3 {
	color: #CCC;
}


#content .block:hover img {
	opacity: 1;
	cursor: help;
}
#content .block:hover h3, #content .block:hover p, #content .block:hover a {
	background: #F2F2F2;
	color: #2B2122;
}
#content .block:hover a {
	color: #000;
	border-bottom: 1px solid black;
}
#content .block:hover a:hover {
	color: #EF5A52;
	border-bottom: 3px solid #EF5A52;
}
#content .block:hover {
	cursor: help;
}

#footer {
	margin-bottom: 8rem;
	padding-top: 0.5rem;
	clear: both;
}
#footer p {
/*	font-style: italic;*/
	margin-top: 3rem;
	margin-bottom: 0.5rem;
	color: #776F6E;
}
#footer strong a {
	border: 0;
	color: #776F6E;
}
#footer strong a:hover {
	color: #EF5A52;
}