Svarrer Gallery, border + distance between thumbs

[Nicky]

I'm using Holger's lightbox version. If you want no titles displaying and make the distances (width/height) evenly between the thumbs, there was a problem in IE6 with the height between the thumb rows (because space was left open for the image title, which we don't need in this case).

Also an image border will show when using these styles. You can modify border color and thickness (last line of the css).

Tested in IE, Firefox and Safari :

.gallery_fieldset{
border-width: 0px;
margin:0px;
}
.gallery_legend{
font-weight:bold;
color:#cfcfcf;
text-align:center;
}
.gallery_title{
font-size:12pt;
font-weight:normal;
margin-bottom:6px;}
.gallery_pic{
text-align:center;
border-width: 0px;
vertical-align: middle;}
.addcommentform{
text-align:left;
width:300px;
height:200px;
float:left;}
.gallery_comment{
border-width: 0px;
vertical-align: middle;}
.gallery_comment_form{
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;background-color: #f8f8f8;color: #102132;border: 1px solid #c1c1c1;margin-right: 0px;}
.thumbnailitem{
LINE-HEIGHT:20%;
text-align:center;
width:123px;
height:121px;
float:left;
vertical-align:middle;}
a.thumb { border: 1px solid #FFFFFF; }
a.thumb:link img { border: 1px solid #FFFFFF; }
a.thumb:visited img { border: 1px solid #FFFFFF; }
a.thumb:hover img { border: 1px solid #ff0000; }
a.thumb:active img { border: 1px solid #FFFFFF; }
.gallery_input{font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;background-color: #f8f8f8;color: #102132;border: 1px solid #c1c1c1;margin-right: 0px;}
.gallery_submit{font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;background-color: #f8f8f8;color: #102132;border: 1px solid #c1c1c1;margin-right: 0px;}
.admin_table {background-color: #e7e7e7;}
.admin_table_title{ border-top: 1px #FFFFFF solid;border-bottom: 1px #C1C1C1 solid; border-left: 1px #C1C1C1 solid; border-right: 1px #FFFFFF solid;border-bottom: 1px #C1C1C1 solid; border-left: 1px #C1C1C1 solid; border-right: 1px #FFFFFF solid; }
.admin_table_row{ border-bottom: 1px #E7E7E7 solid;border-bottom: 1px #C1C1C1 solid;}
.admin_input {width: 350px; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;background-color: #f8f8f8;color: #102132;border: 1px solid #c1c1c1;margin-right: 0px;}
.admin_textarea {height: 150px; width: 350px; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;background-color: #f8f8f8;color: #102132;border: 1px solid #c1c1c1;margin-right: 0px;}
.picture{border: 3px #8c713c solid;}