html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

.container {
  width: auto;
  //max-width: 680px;
  padding: 0 15px;
}

tr.odd .diamonds {
  background-color: #DDDDFF;
  border: 1px;
}
tr.even .diamonds {
  background-color: #EEEEFF;
  border: 1px;
}

tr.odd .new_joins {
  background-color: #FFDDDD;
  border: 1px;
}
tr.even .new_joins {
  background-color: #FFEEEE;
  border: 1px;
}

tr.odd .follows {
  background-color: #DDFFDD;
  border: 1px;
}
tr.even .follows {
  background-color: #EEFFEE;
  border: 1px;
}

tr.odd .joins {
  background-color: #FFFFDD;
  border: 1px;
}
tr.even .joins {
  background-color: #FFFFEE;
  border: 1px;
}

tr.odd .likes {
  background-color: #FFDDFF;
  border: 1px;
}
tr.even .likes {
  background-color: #FFEEFF;
  border: 1px;
}