body {
  margin: 0px;
  background-color: #ddd;
}
#top-nav-bar {
  width: 100%;
  height: 48px;
  background-color: #444;
  box-shadow: 0px 2px 2px #888888;
}

#nav-bar-logo {
  padding-left: 8px;
  padding-top: 8px;
  height: 32px;
}

#nav-bar-social-a {
  display: block;
  position: absolute;
  right: 8px;
  top: 4px;
  float: right;
}

#nav-bar-social-b {
   display: block;
   position: absolute;
   right: 56px;
   top: 4px;
   float: right;
}

#smplradio {
  width: 100%;
  margin-top: 8px;
}

#plate2 {
  height: 355px;
  margin-left: auto;
  margin-right: auto;
}

#recent-tracks {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 270px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

#disqus_thread {
  margin: 8px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  #ios-nav-bar-spacer {
    height: 10px;
    background-color: #444;
  }
  #nav-bar-social-a {
    top: 14px;
  }
  #nav-bar-social-b {
    top: 14px;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)  {
 #ios-nav-bar-spacer {
    height: 10px;
    background-color: #444;
  }
  #nav-bar-social-a {
    top: 14px;
  }
  #nav-bar-social-b {
    top: 14px;
  }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
  #ios-nav-bar-spacer {
    height: 10px;
    background-color: #444;
  }
  #nav-bar-social-a {
    top: 14px;
  }
  #nav-bar-social-b {
    top: 14px;
  }
}