/* Pure css image pop-up code based on a derivative public domain work.
    http://sonspring.com/journal/hoverbox-image-gallery
    "So, I pass it on to you with the hope that it proves useful.
     Basically, it’s a super light-weight (8kb) roll-over photo gallery
     that uses nothing but CSS…"
*/

a:hover {
background: #FFF;
color: #000;
}

.gallery {
/* width: 100%; */
list-style: none none;
}

.gallery li {
list-style: none none;
display: inline;
}

.gallery li a {
margin: 2px;
margin-left: 4px;
border: 1px solid #CCC;
padding: 2px;
position: relative;
float: left;
display: block;
width: 100px;
height: 75px;
}

.gallery li a:hover {
font-size: 100%;
z-index: 2;
}

.gallery li a img {
border: 0 none;
position: absolute;
width: 100px;
height: 75px;
}

.gallery li a:hover img {
margin: 2px;
border: 1px solid #CCC;
padding: 2px;
width: 200px;
height: 150px;
left: -50px;
top: -37px;
z-index: 1;
}