/* ================================================================ 
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/gallery/left_right_click.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.
=================================================================== */
.bot100 {
margin-bottom: 100px;
}

.bot120 {
margin-bottom: 120px;
}

.bot130 {
margin-bottom: 130px;
}

.bot150 {
margin-bottom: 150px;
}

.bot165 {
margin-bottom: 165px;
}

div#container {
background: url(../images/bkgr.gif) repeat-y 0 0;
margin: 0;
padding: 0;
width: 99.9%;
}

div#content {
margin: 0 25px 0 180px;
font: 12px verdana, arial, geneva, helvetica, sans-serif;
color: #000;
}

#gallery {
width:532px; 
position:relative; 
height:60px; 
padding-top:356px;
background: #ccc;
}

/* MAIN BOX */

#gallery {
width: 531px;
padding-bottom: 12px;
padding-left: 2px;
background: #ccc url(../images/galbkgr.png) repeat-y;
border-style: solid;
border-color: #eee #666 #666 #eee;
border-width: 1px 2px 2px 1px;
margin-top: 20px;
}

#gallery img.left {
width:55px; 
height:64px; 
float:left;
cursor:pointer;
}

#gallery img.right {
width:55px; 
height:64px; 
float:left;
cursor:pointer;
}

#gallery img.leftnopointer {
width:145px; 
height:64px; 
float:left;
cursor:pointer;
}

#gallery img.rightnopointer {
width:145px; 
height:64px; 
float:left;
cursor:pointer;
}

/* THUMBNAILS */

#gallery ul {
list-style:none; 
padding:0; 
margin:0; 
float:left; 
border-width:6px 2px;
}

#gallery ul {
border-style: solid none;
border-color: #666;
background: #222;
}

#gallery ul li {
display:inline; 
width:50px; 
height:50px; 
float:left; 
margin:0 4px; 
border:1px solid #000; 
cursor:pointer;
}

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

#gallery ul li img {
display:block; 
width:50px; 
height:50px;
}

#gallery ul li span {
display:none; 
position:absolute; 
font-family:verdana, arial, sans-serif; 
color:#666; 
font-size:11px; 
line-height:15px; 
text-align:justify;
}

#gallery ul li span {
width: 519px;
left: 0;
top: 428px;
}

#gallery ul li b {color:#444;}

#gallery ul li.chosen {border-color:#fff; cursor:default;}

#gallery ul li.chosen div {
position:absolute; 
left:0; 
top:0; 
width:531px; 
height:355px; 
border-width:1px 1px 0 1px;
}

#gallery ul li.chosen div i {
width:530px; 
height:355px; 
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 #aaa; 
margin:0 auto;
}

#gallery ul li.chosen div i img {
border: 1px solid #000;
}


#gallery ul li.chosen span {
display:block; 
}

#gallery ul li.chosen span {
border: 1px solid #999;
border-width: 10px 1px 14px;
border-style: solid;
border-color: #888;
padding: 12px 7px;
background: #eef3f8;
margin-top: 2px;
}

#gallery ul li.chosen span div.test a {
float: left;
display: none;
}

small {
display: block;
padding-top: 7px;
font-size: 11px;
}

div#comment {
width: 504px;
font-size: 11px;
border: 1px solid #999;
border-color: #69c;
padding: 9px 14px;
background: #eef3f8;
margin-top: 12px;
color: #369;
overflow: auto;
}

#comment p {
padding: 4px 0 0;
margin: 4px 0 0;
font-size: 11px;
}

#comment p.right {
float: right;
}

#gallery li a, #gallery li a:visited  {
color: #666;
}

#gallery li a:hover  {
color: #369;
}