body {
  margin: 0 auto;
  background: #111;
  font-family: 'Open Sans', sans-serif;
  font-size: .9em;
  color: #ccc;
}
h1, h2 {font-size: 1em; font-weight: normal; color: #eee; margin: 20px 0; }
a { color: #ccc; text-decoration: none; }
p { margin-bottom: 20px; }
.content { text-align: center; }

.item {
  float: left;
  width: 160px;
  height: 180px;
  margin: 0 15px;
}
.thumbnail {
  display: inline-block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  width: 240px;
}
.thumbnail img { max-width: 100%; }
.thumbnail img { border: none; }
img.leaf { height: 32px; }

.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }