body{
 font-family:  'Averia Serif Libre', cursive;
 margin:0;
}
input, td{
  font-family:  'Averia Serif Libre', cursive;
}
p.nBr, li.nBr{
  margin:0;
}
ul.tight{
  padding-left: 1.25em;
  margin:0;
}
li{ list-style-image: url("bomb-bulletPt.png"); }

#nav{
  position:absolute;
  position:fixed;
  right:10%;
  width:250px;
  height:55px;
  bottom:0;
  background-image: url("combined.png");
  background-repeat: none;
  background-position: 0 -236px;
  z-index:20;
}
#nav ul{
  margin:0;
  padding:0 1em;
}
#nav li{
  display:block;
  float:left;
  padding:.25em .5em;
}
#menuBut_sharing{
  margin-top:12px;
  width:190px;
}

/* embed only */
#site-heading{
  position:absolute; position:fixed; 
  left:10%; width:270px; bottom:0; z-index:20;
}
#site-heading h1{
  padding:0; margin:0; line-height: .8em;
}
#site-heading h1 a{
  color:#D1C08D;
  text-shadow: 2px 2px 2px rgba(0,0,0, 0.5);
  text-decoration:none;
}
#site-heading h1 a:hover{
  text-decoration:underline;
}
#site-heading>a{
  padding: .2em 1em;
  color:#fff;
  text-shadow: 1px 1px 2px rgba(0,0,0, 0.7);
}

/*nav .at15nc{
  background-image:url("widget045.png");
}
nav .at16nc{
  background-image:url("widget006_top.png");
}*/

/* search area */
#options{
  /*-webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  transform: rotate(-5deg);*/
  position: absolute;
  position:fixed;
  z-index:20;
  /*bottom: 20px;*/
  top:20px;
  left:20px;
  width:312px;
  background: transparent url("parchment_tile.png") repeat-y center top;
  /* background: transparent none !important;*/
  min-height: 150px;
}
#options-mid{
 z-index:15;
 position: relative;
 margin: 60px 25px 80px;
}
#options-bg-top{
 background: transparent url("combined.png") no-repeat 0 -72px;
 position: absolute;
 top:-10px;
 left:0;
 z-index:10;
 height: 80px;
 width:312px;
}
#options-bg-bot{
 background: transparent url("combined.png") no-repeat 0 -155px;
 position: absolute;
 bottom:-20px;
 z-index:10;
 padding-top:30px;
 height: 38px;
 width:312px;
 text-align:center;
}
#options .footer{
  font-size:.9em;
  color:#513F1C;
}
#searchQuery, #directionsTo{
  width:200px;
  font-size:1.1em;
}
#searchQuery.tip, #directionsTo.tip{
  color:#999;
}
#submitBut {
  top: 8px;
  position: relative;
}
#results{
  overflow-y: scroll;
}
#results li .sub, #results p.main .sub{
  font-size:0.8em;
  color:#957640;

}
#rightSkyscraper{
  position:absolute;
  right: 3px;
  top: 50%;
  margin-top:-300px;
  height:600px;
  width:120px;
  z-index:30;
}

/* Map controls */
#mapControls{
  /*position:relative;
  top:0;
  left:0;
  z-index:13;*/
}

#compassGraphic{
  width:160px;
  height:185px;
  bottom:43px;
  left:43px;
  z-index:18;
  position:absolute;
  background: transparent url(compass.png) no-repeat -33px -35px;
}
.compassControl{
  width:25px; height:25px;
  z-index:18;
  position:absolute;
  /*cursor: url(cursor_pointer.png), pointer;*/
}
#compassControlN{
  left:100px;
  top:50px;
}
#compassControlW{
  left:50px;
  top:120px;
}
#compassControlE{
  left:154px;
  top:120px;
}
#compassControlS{
  left:100px;
  top:173px;
}

#zoomControl{
  position:absolute;
  top:50px;
  right:50px;
  width:152px;
  height:40px;
  z-index:18; /* 11 for above page */
  background: transparent url(controls_zoom_sliderBg.png) no-repeat 30px 4px;
}
#zoomMinus{
  display:block;
  width:30px;
  height:27px;
  position:absolute;
  left:0;
  top:4px;
  background: transparent url(controls_zoom_butMinus.png) no-repeat;
  /* cursor: url(cursor_pointer.png), pointer; */
}
#zoomSliderHolder{
  display:block;
  width:81px;
  height:25px;
  position:absolute;
  left:31px;
  /* cursor: url(cursor_pointer.png), pointer; */
  top:2px;
}
#zoomSlider{
  display:block;
  width:54px;
  height:25px;
  position:absolute;
  left:0;
  background: transparent url(controls_zoom_slider.png) no-repeat;
  top:0;
}
#zoomPlus{
  display:block;
  width:40px;
  height:32px;
  position:absolute;
  left:111px;
  top:0;
  float:left;
  background: transparent url(controls_zoom_butPlus.png) no-repeat;
  /* cursor: url(cursor_pointer.png), pointer; */
}

/* Map stuff */
#mapHolder{
  width:579px;
  height:579px;
  position:relative;
  overflow:hidden;
  /*margin-top: 63px;
  margin-left: 372px;*/
  margin:10px auto 0;
  /* cursor: url(cursor_pointer.png), pointer; */
}
#mapOverlay{
  position:absolute;
  top:0; left:0; z-index:15;
  /*background-image: url(mapTexture_4x4.png);*/
}
#mapScrollCatcher{
  /* cursor: url(cursor_pointer.png), pointer; */
  position:relative;
  z-index:16;
  width:100%;
  height:100%;
  overflow:scroll;
}
#mapScrollContent{
  width:150%;
  height:150%;
}
#mapCanvas{
  position:absolute;
  top:36px;
  left:37px;
  z-index:10;
  width:504px;
  height:504px;
}
#mapOverlay .mapOver_tl, #mapOverlay .mapOver_t, #mapOverlay .mapOver_tr,
#mapOverlay .mapOver_l, #mapOverlay .mapOver_c, #mapOverlay .mapOver_r,
#mapOverlay .mapOver_bl, #mapOverlay .mapOver_b, #mapOverlay .mapOver_br{
  float:left;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}
#mapOverlay .mapOver_tl{
  width:161px;
  height:159px;
  background-image:url(mapTexture_corners.png);
  background-position:0 0;
}
#mapOverlay .mapOver_t{
  width:255px;
  height:159px;
  background-image:url(mapTexture_tileH.png);
  background-position:0 0;
}
#mapOverlay .mapOver_tr{
  width:162px;
  height:159px;
  background-image:url(mapTexture_corners.png);
  background-position:162px 0;
}
.odd-h #mapOverlay .mapOver_tr{
  background-image:url(mapTexture_TR-oddH.png);
  background-position:0 0;
}
#mapOverlay .mapOver_l{
  width:161px;
  height:256px;
  background-image:url(mapTexture_tileV.png);
  background-position:0 0;
  clear:left;
}
#mapOverlay .mapOver_c{
  width:255px;
  height:256px;
  background-image:url(mapTexture_C-tile.png);
}
#mapOverlay .mapOver_r{
  width:162px;
  height:256px;
  background-image:url(mapTexture_tileV.png);
  background-position:162px 0;
}
.odd-h #mapOverlay .mapOver_r{
  background-image:url(mapTexture_R-tile_oddH.png);
  background-position:0 0;
}
#mapOverlay .mapOver_bl{
  width:161px;
  height:162px;
  background-image:url(mapTexture_corners.png);
  background-position:0 162px;
  clear:left;
}
.odd-v #mapOverlay .mapOver_bl{
  background-image:url(mapTexture_BL-oddV.png);
  background-position:0 0;
}
#mapOverlay .mapOver_b{
  width:255px;
  height:162px;
  background-image:url(mapTexture_tileH.png);
  background-position:0 161px;
}
.odd-v #mapOverlay .mapOver_b{
  background-image:url(mapTexture_B-tile_oddV.png);
  background-position:0 0;
}
#mapOverlay .mapOver_br{
  width:162px;
  height:162px;
  background-image:url(mapTexture_corners.png);
  background-position:162px 162px;
}
.odd-v #mapOverlay .mapOver_br{
  background-image:url(mapTexture_BR-oddV.png);
  background-position:0 0;
}
.odd-h #mapOverlay .mapOver_br{
  background-image:url(mapTexture_BR-oddH.png);
  background-position:0 0;
}
.odd-h.odd-v #mapOverlay .mapOver_br{
  background-image:url(mapTexture_BR-oddHV.png);
  background-position:0 0;
}
/*#mapOverlay.grid .mapOver_c{
  background-image:url(lines/mapTexture-grid_C-tile.png);
}*/
#messages p{
  margin:.25em 0;
}
#messages{
  display:none;
  top:0;
  left:0;
  position:absolute;
  text-align: center;
  width:50%;
  max-width:778px;
  padding:0;
  margin: 0 23%;
  background: transparent url('menu-top.png') no-repeat left bottom;
  z-index:30;
}
#messages-inner{
  padding:.5em 65px 1.5em 10px;
  background: transparent url('menu-topRight.png') no-repeat right bottom;
  position:relative;
  z-index:5;
  left:15px;
}
#messages #but-closeMessage{
  position:absolute;
  z-index:10;
  top:5px;
}

#mapPopup {
  display:none;
  z-index:14;
  position:absolute;
  background-color:#D9C792;
  overflow:hidden;
  top: 36px;
  left: 37px;
}
#mapPopup-inner{
  margin:30px 4em;
  position:absolute;
}
.imgBut{
  position:absolute;
  display:block;
  overflow:hidden;
  text-indent:40px;
  background-repeat: no-repeat;
}
#but-closePopup, #but-closeMessage{
  right:20px;
  top:20px;
  width:21px;
  height:19px;
  background:transparent url('x-mark-sml.png') no-repeat;
}
#but-scrollUpPopup{
  right:20px;
  top:50px;
  width:20px;
  height:25px;
  background:transparent url('arrow-up.png') no-repeat;
}
#but-scrollDownPopup{
  right:20px;
  bottom:30px;
  width:20px;
  height:25px;
  background:transparent url('arrow-down.png') no-repeat;
}

/*** content styles ***/

h1,h2,h3{
  font-family: 'Berkshire Swash';
}

a:link {color:#3C2F15;}      /* unvisited link */
a:visited {color:#513F1C;}  /* visited link */
a:hover {color:#513F1C;}  /* mouse over link */
a:active {color:#FF0000;}

*.unselectable,
#mapHolder, #mapHolder *{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}