/* Begin Typography & Colors */
body {
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background-color: white;
  color: #333;
  text-align: center;
}

.thumbnail {
  float: left;
}

.navigation {
  clear: both;
  background-color: #efefef;
  padding: 2;
  text-align: left;
  font-size: 15px;
}

.pics_goback {
  float: right;
}

/* Begin Shadows */
/* Credit for this code goes to someone else. I don't remember where I got it
   but it's not mine. */
br.clear {
  clear: both;
  height: 0;
  line-height: 0px;
  margin: 0; padding: 0;
}

div.shadow {
  /*float: left;*/
  padding: 0 1px;
  /*background: #bfbfbf;*/
  background: #dfdfdf;
  /*border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;*/
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  position: relative;
  margin: 3px;
}

div.shadow img {
  /*padding: 5px 5px 9px 5px;*/
  /*padding: 2 2 6 2;*/
  padding: 1 1 5 1;
  background: #c4c0bd url(/images/shadows/shad_bottom.png) repeat-x bottom left;
}

div.shadow div.topleft {
  width: 2px;
  height: 4px;
  background: url(/images/shadows/shad_tlcorner.png) no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
}

div.shadow div.topright {
  width: 2px;
  height: 4px;
  background: url(/images/shadows/shad_trcorner.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
}

div.shadow div.bottomleft {
  width: 4px;
  height: 4px;
  background: url(/images/shadows/shad_blcorner.png) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}

div.shadow div.bottomright {
  width: 4px;
  height: 4px;
  background: url(/images/shadows/shad_brcorner.png) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}
/* End Shadows */