.photo_list img {
  background-color: #444;
  color: #ddd;
}
.photo_list div {
  float: left;
  text-align: center;
}
.photo_list h3 {
  margin: 0;
  padding: 0;
}
/* \*/
.photo_list div h3>a {
  border: solid 1px;
  border-color: transparent;
  display: table-cell;
  width: 170px;
  height: 170px;
  vertical-align: middle;
}
.photo_list div h3>a:hover {
  border-color: #ddd #777 #777 #ddd;
}
.photo_list div h3 a>span {
  display: none;
}
.photo_list div h3 img {
  vertical-align: middle;
}
/* IE */
* html .photo_list div h3 a {
  border: solid 1px;
  border-color: transparent;
  display: block;
  font-size: 1px; /* Mac */
}
* html .photo_list div h3 a:hover {
  border-color: #ddd #777 #777 #ddd;
}
* html .photo_list div h3 span {
  display: inline-block;
  vertical-align: middle;
  height: 169px;
}
* html>body .photo_list div h3 span {
  width: 1px;
}
.photo_list p {
  margin: .2em;
  padding: 0;
}

.photo_nav {
  margin-bottom: 1em;
  text-align: center;
}
.photo_nav img {
  border: solid 1px;
  border-color: transparent;
  padding: 3px;
  margin: .3em .4em;
}
.photo_nav a:hover img {
  border-color: #ddd #777 #777 #ddd;
}
.photo_nav .pn_active {
  border: solid 1px;
  border-color: #777 #ddd #ddd #777;
}