// THUMBNAILS
 // ----------
 // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
 
 // Make wrapper ul behave like the grid
 .thumbnails {
   margin-left: -@gridGutterWidth;
   list-style: none;
   .clearfix();
 }
 // Fluid rows have no left margin
 .row-fluid .thumbnails {
   margin-left: 0;
 }
 
 // Float li to make thumbnails appear in a row
 .thumbnails > li {
   float: left; // Explicity set the float since we don't require .span* classes
   margin-bottom: @baseLineHeight;
   margin-left: @gridGutterWidth;
 }
 
 // The actual thumbnail (can be `a` or `div`)
 .thumbnail {
   display: block;
   padding: 4pt;
   line-height: 1;
   border: 1pt solid #ddd;
   .border-radius(4pt);
   .box-shadow(0 1pt 1pt rgba(0,0,0,.075));
 }
 // Add a hover state for linked versions only
 a.thumbnail:hover {
   border-color: @linkColor;
   .box-shadow(0 1pt 4pt rgba(0,105,214,.25));
 }
 
 // Images and captions
 .thumbnail > img {
   display: block;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
 }
 .thumbnail .caption {
   padding: 9pt;
 }