1table.gallery { 2 margin-left: auto; 3 margin-right: auto; 4} 5 6table.gallery td { 7 padding: 1em; 8 text-align: center; 9 vertical-align: middle; 10} 11 12table.gallery img.tn { 13 padding: 0.4em; 14 border: 1px solid #000; 15} 16 17div.gallery { 18 clear: left; 19 width: 100%; 20 text-align: center; 21 margin-bottom: 1em; 22 margin-left: auto; 23 margin-right: auto; 24} 25 26div.gallery div { 27 float: left; 28} 29 30div.gallery img.tn { 31 margin: 9px; 32 vertical-align: middle; 33 padding: 0.4em; 34 border: 1px solid #000; 35} 36 37/* for lightbox */ 38 39#gallery__lightbox { 40 background-color: #eee; 41 padding: 10px; 42 border-bottom: 1px solid #666; 43 border-right: 1px solid #666; 44} 45#gallery__overlay { 46 background-image: url(images/overlay.png); 47} 48#gallery__lightboxCaption { 49 color: #333; 50 background-color: #eee; 51 font-size: 10px; 52 line-height: 10px; 53 text-align: center; 54 border-bottom: 1px solid #666; 55 border-right: 1px solid #666; 56} 57 58* html #gallery__overlay { 59 background-image: url(images/overlayie.png); 60} 61 62 63.magazine-image { 64 background: transparent; 65 border: 0px #eee solid; 66 margin-left: auto; 67 margin-right: auto; 68} 69 70.magazine-image .magazineImage, .magazine-image a { 71 padding: 0px; 72 margin: 0px; 73 background: transparent; 74 border: 0px #eee solid; 75}