* {
  color:#000;
}
body.v {
  height:480px;
/*  width:320px;*/
}
body.h {
  height:320px;
}

img {

}
a {
  text-decoration:none;
}
#ihead {
  background:#fff;
  padding:10px;
/*  border-bottom:1px solid #333;*/
  font-weight:bold;
  font-size:120%;
  color:#666;
/*  height:20px;3*/
}
#ihead img {
  margin-bottom:-3px;
}
.loading {
  width:10px;
  opacity:.5;
}
#map_canvas {
  display:none;
  width: 320px; 
  height: 376px;
/*  height: 355px;*/
/*  margin-top:-56px;*/
}

#location, #response {
  display:none;
}

#instructions {
  padding:10px;
  font-size:110%;
  color:#F6D895;
/*  opacity:.8;*/
}
#geobutton {
  margin:20px 0;
  font-size:130%;
}
#geobutton a {
  text-decoration:none;
  background:#ddd;
  border:1px solid #000;
  padding:10px;
}
#after {
  display:none;
  width:320px;
  text-align:center;
  position:absolute;
  top:50px;
  left:0px;
  color:#fff;
/*  background:pink;*/
}
#debug {
  display:none;
  width:320px;
  text-align:center;
  position:absolute;
  bottom:-60px;
  left:0px;
}
#popup {
  display:none;
  width:320px;
  text-align:center;
  position:absolute;
  top:40px;
  left:0px;
  padding:0;
  background:#000;
  border-top:1px solid #F6D895;
  border-bottom:1px solid #F6D895;
}
#win {
  padding:10px;
}
#win p {
  margin: 10px 0;
  color:orange;  
}
#winImg {
  height:80px;
}
#win p span.button a {
  margin-top:20px;
  color:orange;
}
#score {
  display:none;
  
}
p.option {
  margin:2px 2px 0 2px;
  padding:6px;
  border:1px solid orange;
  cursor:pointer;
}
.button {
  padding:8px;
  font-weight:bold;
  border:1px solid orange;
  color:orange;
}
#intro img {
  height:100px;
}