html {
	background: #FFFCFC;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
	background: -moz-linear-gradient(top, #fff,  #f1f1f1);
	min-height: 100%;
}

body {
	color: #333;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin: auto;
	padding: 5em 15% 5em 15%;
	text-align: center;
}

p {
	color: #999;
	font-size: .75em;
}

#host {
	font-family: Menlo, 'Andale Mono', 'Courier New', monospace;
}

header h1 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
}

h1 {
	font-size: 3em;
	margin: .25em 0 0;
}

footer h1 {
	background: url(plus.png) top center no-repeat;
	filter: alpha(opacity=70);
	font-size: 1em;
	height: 105px;
	margin: 4.375em auto 1.25em;
	opacity: .7;
	text-align: center;
	text-indent: -999em;
	width: 101px;
}

footer p { margin: 0; }

a {
	color: #555;
	font-weight: bold;
}

#social {
	margin-top: .5em;
	font-size: 1.5em;
}

#social a {
	color: #aaa;
	text-decoration: none;
}

#social a:hover { color: #666; }

::selection { background: rgba(43, 43, 43, .15); }

@media all and (max-width: 480px) {
	body {
		font-size: 14px;
		padding: 1.42857142857142857142em;
	}
	footer h1 { display: none; }
	footer { margin-top: 2.5em; }
}