/*Stylesheet for gallery - Adrian Salamon 2009*/


/*reset default */
* { margin: 0; padding: 0; }
/*CSS for body setting global thingymabobs*/

body
{
  line-height:150%;
  background-color:#000;
  color:white;
  font-size:62.5%;
  font-family:Verdana, Helvetica, Arial, Sans-serif;
}
h1
{
  color:#3cb2e1;
  font-size:3em;
}

h2
{
  color:#fdfe39;
  font-size:2.5em;
}

a{
  color:white;
}

a:hover
{
  color:#3cb2e1;
}

/*COlour for the php error message*/
.error 
{
  font-weight: bold;
  color: #C00
}
/*sets main container for site*/
#container
{
  width:1000px;
  margin:auto;
}

/*CSS for the header*/
#header{
  margin-top:30px;
  margin-bottom:30px;
  float:left;
  width:100%;
}

#header h1{/*image replacement for header*/
  text-indent:-5000px;
  background:url(header.png) no-repeat top left;
  width:552px;
  height:142px;
  float:left;
}

#header #login
{
  float:right;
  margin-top:10px;
}
/*End of header section*/

/*main section*/
#main
{
  
  clear:both;
}

/*thumbnails*/

/*centering idea from cssplay.co.uk*/
#thumbs
{
  overflow:hidden;
  width:100%;
}
#thumbs ul
{
  position:relative;
  float:left;
  left:50%;
  margin-bottom:20px;
  list-style-type:none;
}

#thumbs ul li
{
  position:relative;
  float:left;
  right:50%;
  margin:10px;
  text-decoration:none;
}
/*end of thumbnails*/

/*main image section*/

/*clear the floated thumbnails*/
#mainimage
{
  clear:both;
  
}

/*the main image tag*/

#mainimage a 
{
  display:block;
 width:400px;
  margin-left: auto;
  margin-right: auto
}
#mainimage a img
{
  border: 1px solid #fdfe39;
}
#mainimage a img:hover
{
  border: 1px solid #3cb2e1;
}


/*image caption*/
p.caption
{
  position:relative;
  top:18px;
  text-align:center;
  font-size:1.2em;
  color:#fff;
  text-indent:10px;
}
p.caption:first-letter 
{ 
text-transform: capitalize;  
}
/*pagination*/
p.pag
{
  font-size:1.2em;
  text-align:center;
}


/*footer*/
#footer
{
  clear:both;
  margin-top:100px;
  margin-bottom:30px;
}