@import "galviewer.css";

BODY { text-align: center; background-color: #220000; color: #ffffad; background: #220000 url(greeting60/gr60-bg.png) repeat-x 0 0; }
/*IMG { margin: 10px 20px 10px 20px; box-shadow: 1px 1px 10px #111111; }*/

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

#Content { max-width: 1350px; margin: 0 auto; padding: 20px 0; }

/*#Header > * {  display: inline-block; vertical-align: middle;}*/
#Title { font-size: 32px; font-style: italic; font-weight: normal; }


#Gallery { max-width: 1600px; text-align: center; margin: 10px auto; }

UL.Gallery {margin: 20px 20px 30px 20px; text-align: left; position: relative; vertical-align: top;}
UL.Gallery LI {display: inline-block; width: 310px; text-align: center; padding: 4px 6px 30px 6px; vertical-align: top;} 
UL.Gallery LI A {display: flex; width: 310px; height: 310px; margin: 0 auto 0 auto; vertical-align: bottom; background: #360000; border: 1px solid #600000; box-shadow: 1px 1px 10px black; transition-duration: 0.5s;}
UL.Gallery LI A:hover {background: #440000; border: 1px solid #800000;}
UL.Gallery .Thumb {display: block; margin: auto; border: 1px solid #cccccc; vertical-align: bottom;}

UL.Gallery .Thumb {/*box-shadow: 1px 1px 10px black;*/}
UL.Gallery LI DIV { margin: 10px 3px 3px 3px;}

.MediaPanel > .Photo { border: 1px solid #999960; display: inline-block;}


.ThumbActive { border: 1px solid white; margin: 9px 6px; }
.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; }