#gallery {
  display: block;
  margin: 0 auto 20px auto;
  background: #fff;
}

.gallery-item-link {
  display: block;
}

.gallery-image {
  max-width: 380px;
}

.gallery-item {
  float: left;
  margin: 5px;
  border: 5px solid #fff;
  box-shadow: 0 0 10px 3px #ccc;
  -moz-box-shadow: 0 0 10px 3px #ccc;
  -webkit-box-shadow: 0 0 10px 3px #ccc;
}

#photo-upload {
  width: 380px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

#drop {
  height: 200px;
  display: block;
  border: 1px dashed #999;
  background: #fff url(images/upload.png) no-repeat 50% 50%;
}

#drop:hover {
  background-color: #f0f0f0;
}

#upload-status {
  text-align: center;
  color: #ccc;
  font-size: 14px;
  font-weight: bold;
}

/**** Transitions ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}