/* Simple CSS for MiniGallery */

.mg-icon {width: 120px; height: 120px; float: left; margin: 0 10px 10px 0; overflow: hidden; position: relative; text-align: center; border: 1px solid #b0b0b0; background: #ffffff; -moz-box-shadow: 0 0 8px #909090; -webkit-box-shadow: 0 0 8px #909090; box-shadow: 0 0 8px #909090;}
.mg-icon:hover {-moz-box-shadow: 0 0 12px #505050; -webkit-box-shadow: 0 0 12px #505050; box-shadow: 0 0 12px #505050;}
.mg-thumbnail img {border: 0;}
.mg-infoPanel {position: absolute; bottom: 0; left: 0; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #ffffff; background: #505050; opacity: 0.8;}
.mg-album a {display: block; background: url(folder.png) center 5px no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; text-decoration: none; height: 120px; line-height: 160px;}
.mg-clear {clear: left;}