/* 
 Image gallery CSS for all new/rebuilt image galleries using PHP gallery generator
 Daniel Beardsmore, 2007
*/

.galleryheader,
 .galleryfooter { width: 100% }
.galleryheader a img,
 .galleryfooter a img { border: none; width: 27px; height: 27px; vertical-align: middle }

td.galleryinfo, td.gallerynav {
 height: auto; vertical-align: bottom;
 font-weight: bold;
 width: 50%;
}
.gallerynav {
 text-align: right;
 font-size: 120%;
}

.galleryheader h1 {
 color: yellow; font-size: 120%; margin: 0;
 border: none; background: none; padding: 0;
 text-align: left; 
}

.galleryinfo {
 background: #00D;
 border: 2px solid yellow;
 padding: 0.2em 0.4em;
 margin: 0.2em;
}

.galleryinfo a { background: none }
.galleryinfo a:link { color: aqua; }
.galleryinfo a:visited { color: #00F4B1 }

.gallery td {
 font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold;
 text-align: center; border: none; padding: 10px;
 font-size: 66%; width: 141px
}
.gallery a { background-color: blue }
.gallery a:link { color: aqua }
.gallery a:active { color: yellow }
.gallery td:hover a { color: #B4FFE5 }
.gallery a:visited { color: #6CF }
.gallery a img { border-width: 2px; border-style: solid }
.gallery div { height: 108px } /* image plus border */

.largeimage { display: block; margin: 1em; border: 1px solid black }

ul.pagenavbar a { font-size: 118% }
ul.pagenavbar { text-align: right }