@font-face {
	font-family: poke;
	src: url('pokemon.ttf');
}

#container {
	background-image:url('gb.jpg');
	background-repeat: no-repeat;
	/*background-position: 228px -2px;*/
	background-position: center top;
	height: 1500px;
}

#heading {
	font-size: 52pt;
	margin: 5px 0px 5px 0px;
}

body {
	font-family: poke;
}

#list {
	list-style-type: none;
	border: 2px dotted black;
	width: 200px;
	padding: 10px;
}

#pokemonlist {
	border: 2px dotted black;
	width: 300px;
	padding: 10px;

	position: absolute;
	top: 60pt;
	right: 0pt;
}

#menu {
	position: absolute;
	top: 60pt;
	right: 0pt;
}

/*battle bar css*/
.statusDiv {
	width:400px;
	height:60px;
	border: 2px dotted black;
	margin-left: auto;
	margin-right: auto;
	font-size: 12pt;
	position: relative;
	top: -140px;
}

#lifecontainer {
	float:right;
	width:400px;
}

.statusDiv > div {
	margin: 2px;
}

.outerBar {
	width: 95%;
	height:10px;
	margin-left: auto;
	margin-right: auto;
	border: 1px dotted black;
	float: right;
}

.innerBar{
	width:100%;
	height:100%;
	background-color:black;
}

#map3d {
  height: 550px;
  width: 800px;
  margin-top: 10px;
}

.lifeScore{float: right;}
.pokemonName{float: left;}
.pokemonLevel{float: right;}

/* This is for the menus */
#textQuad_fight, #textQuad_attacks, #textQuad_bag {
	width: 450px; height: 100px;
	position: absolute;
	top: 200px;
	right: 0px;
}

#textQuad_attacks{width:400px; height: 100px;}
.quadTitle {
	float: left;
	width:100pt;
	font-weight: bold;
}

.optionWrapper{float: right;}
.option1{float: left; width:50%; height:50%;}
.option2{float: right; width:50%; height: 50%;}
.option3{float: left; width:50%; height:50%;}
.option4{float: right; width:50%; height: 50%;}