html {
	background-color: #f8f4f1;
}

body {
	font-family: 'Ubuntu', arial, serif;
	color: #444;
}

.icons a {
	text-decoration: none;
	color: #444;
}

h1 {
	font-size: 72px;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	text-shadow: 1px 1px 1px #999;
	line-height: 1em;
}

h2 {
	font-size: 32px;
	margin-top: 30px;
	margin-bottom: 20px;
	text-shadow: 1px 1px 1px #888;
}

ul {
	margin-bottom: 2em;
}

#header {
	background-color: #463427;
	color: #f8f4f1;
	padding-bottom: 1em;
}

#header a:link,#header a:visited {
	text-decoration: underline;
	color: #f8f4f1;
}

@media handheld , only screen and (min-width: 767px) {
	#social li {
		width: 40%;
		float: left;
		margin-right: 7.6%;
	}
}

.icons li a {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-top: 1px solid #ddd;
	opacity: 0.8;
	display: block;
	height: 32px;
}

.icons li a:hover {
	opacity: 1.0;
	background-color: #eee;
}

.icons img {
	vertical-align: middle;
	padding: 0 0.5em 0 0.5em;
}