/* 
* CSS Document
* gallery.css
* 
* Author    :   Greg Merriman
* Created   :   Mon 20 Aug 2007
* Modified  :   Mon 20 Aug 2007
*/

/* gallery page styles for bryncricketclub.co.uk */


/*----------[general page styles for gallery]----------*/

.clear
{
  margin-top: 1.2em;
  clear:both;
  /*fixes bottom page navigation to bottom*/
}

#gallery
{
  text-align: center;
}

#gallery .galleryItem
{
  margin: 2.0em 1.5em 2.0em 1.5em;
  padding: 0 0.5em 0 0.5em;
  border: solid 1px #bbb;
  color: #668;
  float: left;
  height: 26.0em;
  width: 15.8em;
  text-align: center;
}

#gallery .galleryItem .img-wrapper
{
  width: 100%; /*70 percent of the above galleryItem <div> class*/
  height: 16.0em;
}

#gallery .galleryItem .img-wrapper a img
{
  width: 70%; /*70 percent of the above img-warpper <div> class*/
  padding: 1.0em;
  border: none;
}

#gallery .galleryItem p
{
  font-size: 0.9em;
}

#gallery .galleryItem p.title
{
  font-size: 1.0em;
  font-weight: bold;
}

#gallery .galleryItem p.date
{
  margin-top: 1.6em;
}

#gallery .galleryItem p a
{
  color: #668;
  text-decoration: none;
}

#gallery .galleryItem p a:hover, #gallery .galleryItem p a:active
{
  color: #222;
  background: none;
  text-decoration: underline;
}


/*----------[pagination navigation]----------*/

ul.paginationNav
{
  margin: 3.0em 0 2.0em 0;
  text-align: center;
}

ul.paginationNav li
{
  display: inline;
  font-size: 1.2em;
  list-style-type: none;
}

ul.paginationNav li.current
{
  margin: 10px;
  padding: 5px;
  background-color: #ddd;
  color: #111;
  font-weight: normal;
  text-decoration: none;
  border: solid 1px #a60;
}

ul.paginationNav li.disabled
{
  margin: 10px;
  padding: 5px;
  color: #999;
  font-weight: normal;
  text-decoration: none;
  border: solid 1px #999;
}

ul.paginationNav li a
{
  margin: 10px;
  padding: 5px;
  color: #c60;
  font-weight: normal;
  text-decoration: none;
  border: solid 1px #f90;
}

ul.paginationNav li a:hover, ul.paginationNav li a.active
{
  color: #000;
  background-color: #f90;
}


/*----------[show gallery image styles]----------*/

#showGalleryImage
{
  text-align: center;
}

#showGalleryImage p img
{
  margin: 1.2em 0 1.2em 0;
}