/* reset */
body, h1, h2, h3, p, ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

html {
	background: rgb(109, 194, 202); /* teal */
	background: linear-gradient(to bottom, rgb(109, 194, 202), rgb(222, 238, 214));
}

body {
	color: rgb(20, 12, 28); /* black */
	font-family: "Press Start 2P", cursive;
	font-size: 16px;
	text-align: center;
}

a {
	color: rgb(20, 12, 28); /* black */
}

a:hover {
	color: rgb(210, 125, 44); /* orange */
}

#container {
	margin: auto;
	width: 1000px;
}

#container p img {
	position: relative;
	top: 90px;
}

h1 {
	background: url(igs.png);
	margin: auto;
	margin-top: 32px;
	text-indent: -999em;
	width: 784px;
	height: 64px;
}

h2 {
	color: rgb(78, 74, 78); /* gray */
	font-size: 24px;
	margin-top: 32px;
	margin-bottom: 48px;
	text-align: center;
}

#trailer {
	background: rgb(210, 125, 44); /* orange */
	margin: auto;
	width: 592px;
	height: 347px;
}

#trailer iframe {
	padding-top: 16px;
}

#cta {
	background: url(chicken.gif) left center no-repeat;
	margin: auto;
	margin-top: 32px;
	margin-bottom: 48px;
	min-height: 64px;
	width: 60%;
}

#cta:hover {
	background: url(chicken.png) left center no-repeat;
}

#cta a {
	color: rgb(222, 238, 214); /* white */
	display: block;
	font-size: 32px;
	padding: 32px;
	margin-bottom: 16px;
}

#cta a:hover {
	color: rgb(48, 52, 109); /* dark-blue */
}

.narrative {
	background: rgb(89, 125, 206); /* blue */
	margin: auto;
	margin-top: 48px;
	width: 544px;
}

.edit {
	background: rgb(109, 170, 44); /* green */
}

.darkness {
	background: rgb(159, 76, 208); /* purple */
}

.narrative img {
	margin-bottom: 16px;
	margin-top: 16px;
}

.narrative p {
	color: rgb(222, 238, 214); /* white */
	font-size: 18px;
	padding-bottom: 16px;
}

footer {
	background-image: url(bg_bot.png);
	background-repeat: repeat-x;
	background-position: bottom;

	height: 36px;
	padding-top: 100px;

	color: rgb(222, 238, 214); /* white */
	font-size: 16px;
	margin-top: 48px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

footer a {
	color: rgb(222, 238, 214); /* white */
}

footer a:hover {
	color: rgb(109, 194, 202); /* teal */
}

.fan {
	background: url(fans.png);
	width: 32px;
	height: 32px;

	position: absolute;
	top: 16px;
}

.stats {
	text-align: left;
}

.stats span {
	color: rgb(89, 125, 206); /* blue */
}

#desc {
	text-align: left;
}

#screenshots img {
	border: 4px solid rgb(89, 125, 206); /* blue */
	margin: 0 24px 24px 24px;
}

#screenshots img:hover {
	border: 4px solid rgb(210, 125, 44); /* orange */
}

h3 {
	font-size: 32px;
	margin-top: 96px;
}