body {
  margin: 0 auto;
  padding: 0;
  color: #3F3900;
  background: #909050 url(../images/grunge.jpg) repeat top left;
  width: 982px;
}
h1#title {
  font-size: small;
  position: absolute;
  top: 15px;
  left: auto;
  z-index: 0;
}
div#mapcontainer {
  background: #909050 url(../images/map.jpg) repeat top left;
  width: 980px;
  height: 700px;
  position: relative;
  top: 15px;
  left:auto;
  z-index: 10;
}
div#container {
  background: white repeat top left;
  border: 6px solid black;
  width: 948px;
  padding: 20px;
  height: 100%;
  position: relative;
  top: 15px;
  left:auto;
  z-index: 10;
}
div#container a {
  color: #008;
}
ul#sitelist {
  position: absolute;
  top: 25px;
  left: auto;
}
ul#sitelist li {
  margin: 0; padding: 0;
  list-style-type: none;
  position: absolute;
  background-color: transparent;
  z-index: 100;
  width: 60px;
  height: 20px;
  text-align: left;
  display: block;
  overflow: hidden;
  /* position the content under the map */
}
ul#sitelist li a {
  font-size: 1px;
  position: relative;
  left: auto;
  width: 60px;
  color: #949457;
  text-decoration: none;
  margin: 0;
  padding: 10px 30px;
  color: transparent;
}

div.hiddendesc {
  position: absolute;
  top: 15px;
  left: auto;
  opacity: 0;
}

ul#sitelist li#blog {
  top: 190px;
  left: 750px;
}
ul#sitelist li#google { 
  top: 190px;
  left: 675px;
}
ul#sitelist li#delicious { 
  top: 390px;
  left: 145px;
}
ul#sitelist li#twitter { 
  top: 115px;
  left: 233px;
}
ul#sitelist li#linkedin { 
  top: 142px;
  left: 295px;
}
ul#sitelist li#facebook { 
  top: 220px;
  left: 241px;
  width: 65px;
}
ul#sitelist li#twitpic { 
  top: 135px;
  left: 158px;
}
ul#sitelist li#flickr { 
  top: 275px;
  left: 282px;
}
ul#sitelist li#picasa { 
  top: 343px;
  left: 154px;
} 
ul#sitelist li#youtube { 
  top: 195px;
  left: 169px;
}
ul#sitelist li#vimeo { 
  top: 275px;
  left: 170px;
}
ul#sitelist li#djangopeople { 
  top: 475px;
  left: 65px;
  width: 100px;
} 
ul#sitelist li#djangosnippets { 
  top: 510px;
  left: 118px;
  width: 110px;
}
ul#sitelist li#bitbucket { 
  top: 417px;
  left: 575px;
} 
ul#sitelist li#github { 
  top: 470px;
  left: 602px;
}
ul#sitelist li#newegg { 
  top: 540px;
  left: 590px;
}
ul#sitelist li#amazon { 
  top: 552px;
  left: 518px;
}
ul#sitelist li#thinkgeek { 
  top: 592px;
  left: 468px;
  width: 80px;
}
ul#sitelist li#older { 
  top: 443px;
  left: 723px;
  width: 100px;
}
ul#sitelist li#contact {
  top: 299px;
  left: 730px;
}

a.block { background-color: transparent; color: white; width: 100%; display: block; }