@charset "UTF-8";
/* CSS Document */

#masthead {
	position: absolute;
	z-index: 999;
	top: 50px;
	left: 50px;
}

#masthead h1 {
	margin: 0 auto 4px auto;
	padding: 0;
}


#masthead a {
	text-decoration: none;
}

#masthead h1 a {
	display: block;
	width: 111px;
	height: 96px;
	background: url(/_experiments/logo.png) top left no-repeat transparent;
	text-indent: -99999px;
}

#logo {
	width: 111px;
	height: 96px;
}

#masthead h2 {
	margin: 0 0 36px 4px;
	padding: 0;
	text-transform: lowercase;
	text-align: center;
	font-weight: 100;
}

#masthead h2 a span {
	font-weight: 400;
}

#masthead p {
	width: 100px;
	margin: 0 0 0 4px;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-style: italic;
}

#masthead p.quote-source {
	float: left;
	margin-top: 6px;
	font-style: normal;
	font-weight: bold;
	text-shadow: none;
}

#masthead p.quote-source a {
	display: inline-block;
	float: left;
	padding: 4px;
	background-color: #606;
}

#masthead p.quote-source a:hover {
	background-color: #669;
}

#colophon {
	position: absolute;
	z-index: 999;
	bottom: 50px;
	right: 50px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 225px;
}

#colophon li {
	color: #ffffff;
	margin-bottom: 16px;
}

#colophon li p,
#colophon > li > ul li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

#colophon > li > h3 {
	font-family: 'Roboto Slab', serif;
	font-weight: 100;
	text-transform: lowercase;
	margin: 0;
}

#colophon > li > ul.social-links {
	margin: 8px 0 0 6px;
	padding: 0;
	list-style-type: none;
}

#colophon > li > ul.social-links > li {
	float: left;
	margin: 0 12px 0 0;
}

#colophon a:hover {
	color: #2ACEB9;
}