* {
  margin: 0;
  padding: 0;
  font-size: 0;
}

#container {
  margin: auto;
  text-align: center;
  padding: 0 20px;
}

div.entry {
  display: inline;
  white-space: nowrap;
  width:200px;
  height: 200px;
  vertical-align: top;
  position: relative;
}

div.entry img {
  vertical-align: top;
}

.open-entry img {
  padding-bottom: 100px;
}
.open-entry div.shadow {
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0.4;
  width: 200px;
  height: 200px;
}
.open-entry div.details {
  position: absolute;
  top: 200px;
  height: 100px;
  background-color: black;

  left: -200px; /* TODO: Make dynamic */
  width: 800px; /* TODO: Make dynamic */
}