gidea.css

.thumbnails { text-align: center; }
.thumbnailBox { display: inline-block; width: 200px; height: 200px; }
.thumbnailContainer { position: relative; width: 200px; height: 150px;}
.thumbnailWrapper { position: absolute; width: 200px; bottom: 0px; text-align: center; }
.thumbnailLabel { position: absolute; text-align: center; width: 200px; }

.thumbnailBox img { box-shadow: 4px 4px 4px #888; }
.thumbnailBox a:hover img { box-shadow: 4px 4px 4px #c11; }

.artist .thumbnailBox { height: 150px; }
.artist .thumbnailContainer { height: 100px; }

.artist { border: 1px solid #ccc; border-radius: 10px; padding: 15px 15px 0 15px; margin-bottom: 2em; }
.artist h3 { margin: 0 0 1em 0; }

a img.folder { box-shadow: none; }
img.folderEmblem, a:hover img.folderEmblem { position: absolute; bottom: 6px; right: 30px; box-shadow: none; }

.imageContainer { text-align: center; margin: 0 0 30px 0; }
.imageContainer img { box-shadow: 10px 10px 10px #bbb; }

.viewImage img { max-width: 100%; }
.images img { border-radius: 10px; max-width: 100%; max-height: 700px; }

a:hover img.folder { background-color: #c11; box-shadow: 0px 0px 2px 3px #c11; border-radius: 4px; }

.aboveHeading { text-align: center; margin-top: -2em; }

.albumCover { float: right; margin-left: 1.5em; }
.albumCover img { box-shadow: 10px 10px 10px #333; }
.albumCover a:hover img { box-shadow: 10px 10px 10px #c11; }

.gidea_squareBrackets { color: #666; }
.gidea_curlyBrackets { display: none; }

.artistThumbContainer { text-align: center; }
.albumThumbContainer { display: inline-block; width: 150px; height: 150px; margin: 0 2em 1em 0; border: 1px dotted green; }

.crosswordSolverResults { -webkit-columns: 20em; -moz-columns: 10em; columns: 10em; }


@media (max-width: 700px) {
.albumCover { float: none; text-align: center; }
.albumCover img { max-width: 100%; }
}