/* STRUCTURE > Grid gallery
----------------------------------------*/
/* Grid gallery */
span#log {
  display: none; }

.grid-gallery ul {
  margin: 0;
  padding: 0; }
.grid-gallery .image-item {
  float: left;
  border-radius: 3px;
  margin: 0 7px 7px 0;
  border: 1px solid #ccc;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  background-image: none;
  font-size: 1.2em;
  padding: 5px;
  text-align: center;
  list-style: none;
  position: relative; }
  .grid-gallery .image-item:hover {
    border: 1px solid #123751;
    background-color: #f3f3f3; }
  .grid-gallery .image-item a {
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
.grid-gallery .picture-item a:hover {
  text-decoration: none; }

.ie7 .grid-gallery .image-item a,
.ie8 .grid-gallery .image-item a {
  display: block; }

/* gallery 1*/
.gallery1 .image-item {
  box-sizing: content-box;
  width: 120px;
  height: 120px; }
  .gallery1 .image-item a {
    height: 120px;
    width: 120px; }
.gallery1 .picture-item {
  border: none;
  max-width: 120px;
  max-height: 120px; }

/* gallery 2 */
.gallery2 .image-item {
  box-sizing: content-box;
  width: 120px;
  height: 120px; }
.gallery2 .picture-item {
  max-height: 100px;
  max-width: 120px; }
  .gallery2 .picture-item.tooltip {
    opacity: 1; }
  .gallery2 .picture-item a {
    height: 100px;
    width: 120px; }
  .gallery2 .picture-item span.image-title {
    font-size: 0.6em;
    width: 120px;
    height: 20px;
    position: absolute;
    overflow: hidden;
    padding: 0 5px;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block; }