/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/gallery/simple.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* remove the border from the list and style it on the link instead */
#gallery ul li {width:52px; height:52px; border:0;}
#gallery ul li a {display:block; width:50px; height:50px; float:left; border:1px solid #fff; cursor:default;}

/* Change the li border to white */
#gallery ul li a:hover {border-color:#000; cursor:default;}

/* Position the span using an absolute position and specify the width and height */
#gallery ul li a:hover span {position:absolute; left:0; top:0; width:570px; height:355px;}

/* Set up the i so that it is the same size as the span BUT this has a static position so that the image can be both vertically and horizontally centered in all browsers except IE using display:table-cell */
#gallery ul li a:hover span i {width:570px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} 

/* Make the image actual size using auto width and height */
#gallery ul li a:hover span i img {display:block; width:auto; height:auto; border:1px solid #fff; margin:0 auto;}

/* remove the default image */
#gallery ul li.default {display:none;}