@import "galviewer.css";

BODY { text-align: center; background-color: #262626; color: #aaaaaa;  background-image: url(panteon/main-bg.png);  }
.Gallery IMG { margin: 10px 20px 10px 20px; box-shadow: 1px 1px 10px #111111;  border: 1px solid #111111; transition-duration: 0.5s;}
.Gallery IMG:hover {border: 1px solid #cccccc; }

A { color: #cccccc;  text-decoration: none; }
A:hover { color: white; }


#Gallery 
{ 
  width: 800px; 
  margin: 0 auto;
  background-image: url(panteon/middle-bg.png);
  background-position: center;
  background-repeat: repeat-y;
}

#Gallery UL.Gallery > LI { margin-bottom: 40px; text-align: center; }

#Gallery .Gallery .PhotoSignature
{
  background-color: black;
  color: #bfc0ac;
  width: 700px;
  box-shadow: 1px 1px 10px #111111;
  margin: 0 auto;
  padding: 10px;
}

#PanteonHeader
{
  background-image: url(panteon/main-title.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 140px;
  width: 720px;
  margin: 0 auto;
  padding: 0;
}

#PanteonHeader SPAN {
  display: none;
}

.MediaPanel > .Photo IMG { margin: 10px 20px 10px 20px; box-shadow: 1px 1px 10px #111111; }

#NavigationBar { margin: 5px auto; text-shadow: 1px 1px 5px #000000; }
#NavigationBar IMG { margin: 10px 7px; border: 1px solid #333333; transition-duration: 0.5s; }
#NavigationBar IMG:hover { border: 1px solid #999999; }
#NavigationBar IMG.ThumbActive { border: 1px solid white; }

#NavigationBar .NavButtons SPAN { width: 18%; display: inline-block }


.Left { text-align: left; }
.Center { text-align: center; }
.Right { text-align: right; }

#Pages { text-align: center;}
#Pages SPAN,
#Pages A { padding: 3px 5px;}
#Pages .Active {background-color: #666666; color: white; }

H2 { padding: 10px 10px 10px 10px;
  font: 39px "Times New Roman", Times, serif;
  color: #ada06c;
  margin: 5px auto 25px auto;
}