html {
	height: 100%;
}

#beefymiracle {
	text-align: center;
	font-family: "Droid Sans", "Liberation Sans", sans-serif;
	font-size: 14px;
	color: #888;
}

body.fireworks {
	background-color: black;
	background-image: url('img/fireworks.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
	margin: 0;
	padding: 0;
}

body.fireworks #beefymiracle {
	color: #eee;
}

body.fireworks #pagetext {
	padding: 1em 0;
	background-color: black;
	background-color: rgba(0, 0, 0, .6);
	border-color: black;
	border-color: rgba(0, 0, 0, .8);
	border-width: 1px 0;
}

#beefyhistory {
	font-family: "Droid Sans", "Liberation Sans", sans-serif;
	font-size: 14px;
	color: #888;
}

a { color: #777; }
a:hover { color: #555; }

body.fireworks a { color: #ddd; }
body.fireworks a:hover { color: #bbb; }

#beefymiracle img {
	border: 0;
	margin-top: 5em;
	margin-bottom: 5em;
}

.attribution {
	font-size: smaller;
}