@charset "UTF-8";
/* CSS Document


Theme Name: Kamepowa!
Theme URI: -
Description: Webbuilding
Version: 1.0
Author: maarten
Author URI: -
Tags: -

*/



/*--- 	RESET THAT NES		---*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}
 


/*--- 	BEGIN				---*/


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	min-width: 500px;
	background: url('images/bg-stars.png') repeat #000;
	text-align: center;
	color: #252525;

}
	
#grass {
	position: absolute;
	bottom: 0px;
	left: 0;
	text-align: left;
	width: 100%;
	height: 240px;
	background: url('images/grass.png') repeat bottom #000;
	z-index : 10;
}

#music {
	position: absolute;
	bottom: 230px;
	left: 50%;
	margin-left: -150px;
	width: 300px;
	height: 84px;
	z-index: 20;
}

#grass-stroke {
	position: absolute;
	bottom: 0px;
	left: 0;
	text-align: left;
	width: 100%;
	height: 67px;
	background: url('images/grass-stroke.png') repeat-x #0d9300;
	z-index: 10;
}

#grassland {
	position: absolute;
	bottom: 200px;
	left: 50%;
	text-align: left;
	width: 400px;
	height: 100px;
	background-color: #f20;
	z-index: 10;
}


#grass-high {
	position: absolute;
	bottom: 230px;
	left: 0;
	width: 100%;
	height: 67px;
	z-index: 30;
}

#grass-high div {
	position: absolute;
	background: url('images/grass-high.png');
	width: 320px;
	height: 67px;
	cursor: move;
	clear: both;
}

#clouds {
	position: absolute;
	left: 0;
	bottom: 400px;
	width: 100%;
	height: 100%;
	z-index: 25;
}

#clouds div {
	display: block;
	position: absolute;
	background: url('images/cloud.png');
	width: 159px;
	height: 96px;
	cursor: move;
	clear: both;
	z-index: 40;
}


#blox {
	position: absolute;
	bottom: 240px;
	left: 0;
	width: 100%;
	height: 371px;
}

#blox {
	display: block;
	position: absolute;
	background: url('images/blox.png');
	width: 648px;
	height: 371px;
	bottom: 240px;
	left: 40%;
	cursor: move;
	clear: both;
	z-index: 20;
}