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

The original version of this photo gallery stylesheet and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
=================================================================== */

#gallery {width:740px; position:relative; height:40px; padding-top:305px; padding-left:165px; margin:0 0 0 0;}

#gallery img.left {width:58px; height:42px; background: transparent; float: left; cursor: pointer;}
#gallery img.right {width:58px; height:42px; background: transparent; float: left; cursor: pointer;}

/* vertical align for IE */
#gallery ul li.chosen i {display:block;}
#gallery ul li.chosen i em {width:0; height:100%; display:inline-block; vertical-align:middle;} 
#gallery ul li.chosen i img {display:inline-block; vertical-align:middle;}
/* for IE6 initial photo size */
#gallery ul li.chosen i img.start {width:347px; height:290px;}

#gallery ul {list-style:none; padding:5px 2px 0px 2px; margin:0; float:left; background: #f6f0e1; border:1px solid #F5DEB3; }
#gallery ul li {display:inline; width:52px; height:30px; float:left; margin:0 4px; border:1px solid #888888; cursor:pointer;}

#gallery ul li.hide {display:none;}

/* using background images */
#gallery ul li.th1 {background:url(../i/p01s.jpg);}
#gallery ul li.th2 {background:url(../i/p02s.jpg);}
#gallery ul li.th3 {background:url(../i/p03s.jpg);}
#gallery ul li.th4 {background:url(../i/p04s.jpg);}
#gallery ul li.th5 {background:url(../i/p05s.jpg);}
#gallery ul li.th6 {background:url(../i/p06s.jpg);}
#gallery ul li.th7 {background:url(../i/p07s.jpg);}
#gallery ul li.th8 {background:url(../i/p08s.jpg);}
#gallery ul li.th9 {background:url(../i/p09s.jpg);}
#gallery ul li.th10 {background:url(../i/p10s.jpg);}
#gallery ul li.th11 {background:url(../i/p11s.jpg);}
#gallery ul li.th12 {background:url(../i/p12s.jpg);}
#gallery ul li.th13 {background:url(../i/p13s.jpg);}
#gallery ul li.th14 {background:url(../i/p14s.jpg);}
#gallery ul li.th15 {background:url(../i/p15s.jpg);}
#gallery ul li.th16 {background:url(../i/p16s.jpg);}
#gallery ul li.th17 {background:url(../i/p17s.jpg);}
#gallery ul li.th18 {background:url(../i/p18s.jpg);}
#gallery ul li.th19 {background:url(../i/p19s.jpg);}
#gallery ul li.th20 {background:url(../i/p20s.jpg);}
#gallery ul li.th21 {background:url(../i/p21s.jpg);}
#gallery ul li.th22 {background:url(../i/p22s.jpg);}
#gallery ul li.th23 {background:url(../i/p23s.jpg);}
#gallery ul li.th24 {background:url(../i/p24s.jpg);}
#gallery ul li.th25 {background:url(../i/p25s.jpg);}
#gallery ul li.th26 {background:url(../i/p26s.jpg);}
#gallery ul li.th27 {background:url(../i/p27s.jpg);}
#gallery ul li.th28 {background:url(../i/p28s.jpg);}
#gallery ul li.th29 {background:url(../i/p29s.jpg);}
#gallery ul li.th30 {background:url(../i/p30s.jpg);}
#gallery ul li.th31 {background:url(../i/p31s.jpg);}
#gallery ul li.th32 {background:url(../i/p32s.jpg);}
#gallery ul li.th33 {background:url(../i/p33s.jpg);}
#gallery ul li.th34 {background:url(../i/p34s.jpg);}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img { visibility:hidden; display:block; width:52px; height:30px;}

#gallery ul li span {display:none; position:absolute; left:2px; top:0px; width:128px; color:#222222; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: .95em; line-height:15px; text-align:right; background: #fffffe; border:1px solid #F5DEB3; padding:4px 7px; }
#gallery ul li b {color:#444444; font-family: "Lucida Grande", "Lucida Sans Unicode", arial, geneva, sans-serif; font-size: 1em; }

#gallery ul li.chosen { border:2px solid #fff; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:165px; top:0; width:552px; height:304px; background: transparent; border:1px solid #F5DEB3; border-width:1px 1px 1px 1px;}
#gallery ul li.chosen div i {width:550px; height:304px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #cccccc; margin:0 auto;}
#gallery ul li.chosen span {display:block;}