/*
 *  Styles for Kalgoorlie-Boulder Racing Club web site - photo gallery
 *
 */


/* Content */

#content { color: #fefafa; background: #000000 url(../images/layout/bg-content-wide.gif) left top repeat-y; }
#content h3 { background: url(../images/layout/bg-content-top-wide.gif) top left no-repeat; }
#content-text { color: #fefafa; background: url(../images/layout/bg-content-wide.jpg) bottom left no-repeat; width: 734px; padding-top: 0; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; min-height: 335px; }

h4 { margin-top: 0; }


/* Gallery */

ul.gallery_contents { list-style: none; margin: 0; padding: 0; }
ul.gallery_contents li { list-style: none; margin: 0; padding: 0; float: left; width: 180px; height: 225px; text-align: center; }
ul.gallery_contents img { padding: 0; width: 150px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; border-color: #000000; }
ul.gallery_contents h5 { font-size: 1em; line-height: 120%; padding-top: 0.5em; width: 150px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; }
ul.gallery_contents p { margin: 0; }
ul.gallery_contents a { display: block; }

ul.gallery_album { list-style: none; margin: 0; padding: 0; }
ul.gallery_album li { list-style: none; margin: 0; padding: 0; float: left; width: 180px; padding-bottom: 21px; text-align: center; }
ul.gallery_album img { padding: 0; width: 150px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; border-color: #000000; }

div.current { text-align: center; padding-right: 10px; padding-top: 120px; }
div.current img { margin-left: auto; margin-right: auto; border: 2px solid #000000; }
div.current p { color: #ffffff; background: #3d0b0e; width: 690px; padding: 5px; margin-left: auto; margin-right: auto; border-left: 2px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000; border-top: none; }

div.imagenav { position: absolute; top: 290px; text-align: center; }
div.imagenav img { padding: 0; width: 150px; margin: 0; border-color: #000000; }
div.imagenav p { margin-top: 0 !important; }
div.imagenav a { color: #ffffff; text-decoration: none; }
div.imagenav a:hover { color: #8e7c2a; }

div.imagenav p { margin: 0 !important; padding: 0 !important; border: 2px solid #000000; }
div.imagenav a { display: block; margin: 0 !important; padding: 0; line-height: 95px; width: 150px; font-size: 5em; font-weight: bold; color: #000000; }
div.imagenav a:hover { color: #8e7c2a; }

div.prev { position: absolute; top: 290px; left: 52px; }

div.next { position: absolute; top: 290px; right: 52px; }

p.gallery_base { clear: both; }