body {
	margin: 0px;
	background: url("images/clouds.png") repeat-x center top,
				url("images/sky-repeat.jpg") repeat-x center top,
				#e6fbff;
	min-width: 526px;
	overflow: hidden;
	
	-webkit-animation: clouds;
	-webkit-animation-duration: 60s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
	-moz-animation: clouds;
	-moz-animation-duration: 60s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	-o-animation: clouds;
	-o-animation-duration: 60s;
	-o-animation-iteration-count: infinite; /* Not working.. oh well. It's not like someone stays on this website for longer then a minute anyway, or use Opera *coolface* */
	-o-animation-timing-function: linear;
	
	animation: clouds;
	animation-duration: 60s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

a:link, a:hover, a:active, a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

.grass {
	background: url("images/grass.png") no-repeat center top;
	height: 227px;
	width: 526px;
	top: 100%;
	margin: -227px 0px 0px 0px;
	position: absolute;
	width: 100%;
	display: inline-block;
	z-index: -1;
}

.grass-left {
	background: url("images/grass-repeat.jpg") repeat-x right top;
	height: 226px;
	top: 100%;
	margin: -226px 263px 0px 0px;
	position: absolute;
	width: 100%;
	right: 50%;
	display: inline-block;
	z-index: -1;
}

.grass-right {
	background: url("images/grass-repeat.jpg") repeat-x left top;
	height: 226px;
	top: 100%;
	margin: -226px 0px 0px 263px;
	position: absolute;
	width: 100%;
	left: 50%;
	display: inline-block;
	z-index: -1;
}

.cookie {
	background: url("images/cookie.png") no-repeat center 0px;
	width: 300px;
	height: 198px;
	top: 200px;
	left: 50%;
	margin: 0px 0px 0px -150px;
	position: absolute;
}

.text {
	font-family: 'Press Start 2P', Verdana;
	color: #000;
	text-align: center;
	margin: 470px auto 0px auto;
	font-size: 18px;
}

.awnser {
	width: 180px;
	text-align: left;
	margin: 0px auto 0px auto;
}

.awnser a {
	border-bottom: 0px;
} 

.yes, .no {
	font-weight: bold;
	font-family: 'Press Start 2P', Verdana;
	display: inline-block;
	text-align: left;
}

.yes {
	float: left;
	margin: 0px 0px 0px -17px;
}

.no {
	float: right;
}

.gt {
	display: inline-block;
	width: 0px;
	margin: 0px 0px 0px 0px;
	opacity: 0;
}

.yes:hover, .no:hover {
	cursor: pointer;
}

.yes:hover .gt, .no:hover .gt {
	opacity: 1;
}

.reaction {
	display: none;
}

.footer {
	text-align: center;
	margin: 30px 0px 0px 0px;
	font-family: 'Press Start 2P', Verdana;
	font-size: 10px;
	height: 30px;
	top: 100%;
	margin: -280px 0px 0px 0px;
	position: absolute;
	width: 100%;
}

.clear {
	clear: both;
}

@-webkit-keyframes clouds
{
	0% {
		background-position: 0px top;
	}
	100% {
		background-position: 443px top;
	}
}

@-moz-keyframes clouds
{
	0% {
		background-position: 0px top;
	}
	100% {
		background-position: 443px top;
	}
}

@-o-keyframes clouds
{
	0% {
		background-position: 0px top;
	}
	100% {
		background-position: 443px top;
	}
}

@keyframes clouds
{
	0% {
		background-position: 0px top;
	}
	100% {
		background-position: 443px top;
	}
}

/* god damn puny resolutions! */

@media only screen and (max-height: 824px) {
	.cookie {
		top: 100px;
	}
	
	.text {
		margin: 370px auto 0px auto;
	}
}

@media only screen and (max-height: 724px) {
	.cookie {
		top: 20px;
	}
	
	.text {
		margin: 290px auto 0px auto;
	}
}