.blogpost .read{
  right: 20px;
  position: absolute;
  cursor: pointer;
}
.blogpost .read:nth-child(2){
  float: right;
}
.hidden{
  display: none;
}
.shown{
  display: block;
}
.blogpost{
  overflow: hidden;
  position: relative;
}
#back{
  float: left;
  cursor: pointer;
}
#forward{
  float: right;
  cursor: pointer;
}
.buttonbar{
    background-color: #fff;
    padding-top: 10px;
    width: 100%;
    height: 5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: 0px -20px 15px 0px rgba(255,255,255,0.6);
    -moz-box-shadow: 0px -20px 15px 0px rgba(255,255,255,0.6);
    box-shadow: 0px -20px 15px 0px rgba(255,255,255,0.6);
}