/*
 * AJAX Photo Gallery
 * Suggested Default Stylesheet
 *
 * Author: Matthew Wronka <mailto:apg@projects.matt.wronka.org>
 * License: AGPLv3 <http://www.gnu.org/licenses/agpl-3.0.html>
 * Web/Source: http://matt.wronka.org/stuff/projects/apg/
 * Copyright (C) 2011 Matthew Wronka
 *
 * This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU Affero General Public License for more details.
 *
 */

html, body { width: 100%; height: 100%; padding: 0; margin: 0; }

#APGCANVAS { 
	position: relative; width: 100%; height: 100%; overflow: hidden; font-size: 16pt; 
	background-color: #747474; margin: 0;
	}
#APGCANVAS * {
	-moz-transition-property: all; -moz-transition-duration: .5s; -moz-transition-delay: .1s;
	-webkit-transition-property: all; -webkit-transition-duration: .5s; -webkit-transition-delay: .1s;
	transition-property: all; transition-duration: .5s; transition-delay: .1s;
	transition-timing-function: ease-in-out;
	}
#APGCANVAS .thumbs { 
			position: absolute; height: 100%; width: 10%; left:1%; 
			text-align: center; overflow: auto; padding: .5em 1em; 
			}
#APGCANVAS .lastgallery{ 
			position: absolute; height:10%; right:3em; top:2%;
			text-align: center; overflow: auto; padding: 0; margin: auto;
			z-index:10; 
	}

#APGCANVAS .galleries { 
			position: absolute; height:10%; left:15%; bottom:2%; width: 70%;
			text-align: center; overflow: auto; padding: 0; margin: auto;
			white-space: nowrap;
			z-index: 6;
	}
#APGCANVAS .galleries img  { margin: auto 1em; padding:0 ;}
#APGCANVAS .thumbs img { margin: 1em auto; display: block; }
#APGCANVAS .lastgallery img,
#APGCANVAS .galleries img , #APGCANVAS .thumbs img 
	{ 
		max-height: 80%; max-width: 100%; cursor: pointer; 
		border-radius: .25em; opacity:.25;
	}
#APGCANVAS .thumbs img.current
	{
		opacity:.75;
	}

#APGCANVAS .lastgallery img:hover,
#APGCANVAS .galleries img:hover , #APGCANVAS .thumbs img:hover 
	{ 
		opacity:1;
	}

#APGCANVAS .matte  { 
		position: absolute; right: 0; top: 0; 
		height: 80%; width: 80%;
		z-index: 5; padding:0; margin: 0; overflow: hidden;
		}
#APGCANVAS .imageWrapper { position: relative; text-align:center; padding:2% 0; margin:0; height:96%; width: 100%; }
#APGCANVAS .matte  img { 
		margin: auto; max-width:100%; max-height:90%; 
		transition-duration: 1s; transition-delay: .3s; 
		-moz-transition-duration: 1s; -moz-transition-delay: .3s; 
		-webkit-transition-duration: 1s; -webkit-transition-delay: .3s; 
		}
#APGCANVAS .matte img.old { opacity: 0; }
#APGCANVAS .title {
		z-index:100; position: absolute; 
		text-shadow: 1px 1px #444, -1px -1px #fff; color: #747474;
	}

#APGCANVAS .ititle {
		top: 0; left: 20%; padding: 0 2em;
	}
#APGCANVAS .gtitle {
		top: 0; right: 0; padding: 0 1em;
		width: .5em; word-wrap: break-word;
		font-size: 120%; font-weight: bolder;
	}

#APGCANVAS .hidden { display: none; }