/*SITE Identity - top bar, logo, shadow under bar */
/*Top Bar - when position is fixed, top, left and right values determine position in the view port*/
.top-bar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 45px;
  background-color: rgb(145, 0, 72);
  z-index: 8;
}
/*for one-sided shadow under the top bar*/
.one-edge-shadow {
  -webkit-box-shadow: 0 8px 6px -6px rgb(58, 58, 58);
  -moz-box-shadow: 0 8px 6px -6px rgb(59, 59, 59);
  box-shadow: 0 8px 6px -6px rgb(58, 58, 58);
}
.logo {
  width: 100px;
  margin: 5px 0px 0px 5px;
  float: none;
  /*float with position and display keeps the logo locked in position*/
  position: fixed;
  left: 2px;
  top: 2px;
  display: block;
  z-index: 10;
}