div.galleries {
  text-align:left;
  background-color:#f9fbf6;
  border:1px solid #eaf2df;
  display:block;
  width:257px;
  height:73px;
  color:#000;
  margin:8px;
  float:left;
}
div.galleries a, div.galleries a:hover {
  color:#000;
  text-decoration:none;
}
div.galleries div.cont {
  padding:5px;
}
div.galleries:hover {
  color:#000;
  text-decoration:none;
  background-color:#f4f7ef;
  border:1px solid #dce7cf;
}
div.galleries img {
  float:left;
  margin:1px 3px 3px 0;
  border:1px solid #dbdbda;
}
div.galleries div.date span{
  color:#CCCCCC
}

div.galleries div.date {
  font-size:12px;
  font-weight:bold;
  margin:0 0 10px 0;
}
div#pics {
  width:100%;
}
div#pics div.pic {
  background-color:#f9fbf6;
  border:1px solid #eaf2df;
  float:left;
  margin:9px;
  width:120px;
  height:105px;
  color:#000;
  font-size:10px;
  text-align:center;
}
div#pics div.pic a img {
  display:block;
  border:1px solid #dbdbda;
  margin:0 auto 2px auto;
  cursor:pointer;
}
div#pics div.pic:hover {
  color:#000;
  text-decoration:none;
  background-color:#f4f7ef;
  border:1px solid #dce7cf;
}
div#galleryCont {
  margin:auto;
  text-align:left;
}

div#contents ul.gallery-list {
  width:640px;
}
div#contents ul.gallery-list li {
  width:277px;
  float:left;
  margin:10px;
}

.outer {height: 105px; width:120px; overflow: hidden; position: relative;}
.outer[class] {display: table; position: static;}

.middle[class] {display: table-cell; vertical-align: middle; position: static;}

/* optional: .inner[class] {position: static;} */