/*-------------------------------------------------
GLOBAL PAGE LAYOUT ELEMENTS
-------------------------------------------------*/

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
	color: #000;
	background: #000 url(../imgs/bkd.gif) 0 0px;
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

	
a:link, a:visited {
	color: #fff;
	text-decoration: underline;
	}

a:hover, a:visited:hover {
	color: #6d6d6d;
	text-decoration: underline;
	}

a.inactive:link, a.inactive:visited {
	color: #CECEB5;
	}

/* Standard Stuff */
#header {
	background: #fff url("../imgs/white.gif");
	background-repeat: repeat;
	margin: 0 0 0 0;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: right;
	height: 75px;
	font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
	position: absolute; *position: relative; left: 0px; top: 0px; right: 0px;
	}

#header h6 {
margin: 2em 0 0 0; 
	font-size: .8em;
	white-space: nowrap;
	}
	
/* strip components*/
#footer {
	background: #fff url("../imgs/white.gif");
	background-repeat: repeat;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 10px;
	text-align: left;
	height: 50px ;
	font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
	position: absolute; left: 0px; bottom: 0px; right: 0px;
	*width: 99%;
	}
	
#footer a {
	color: #000;
	}


/* Container that gets resized and holds the photo */
#Container {
	margin: 0 auto;
	position: relative;
	width: 200px;	/* Initial width */
	height: 200px;	/* Initial height */
	background: #fff url(../imgs/loading.gif) 50% 50% 
no-repeat;
	border: 10px solid #fff;
	}

/* Inner container for photo */
#PhotoContainer { visibility: hidden;}

/* Temporary image for preloads */
#TempPhoto { visibility: hidden; display: inline; }

/* Counter for photos */
#Counter { color: #fff; }

#Caption {
	color: #fff; 
	font-style: italic;
	}

#AlbumTitle a:link, a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted;	
	}
#AlbumTitle a:hover, a:visited:hover {
	color: #6d6d6d;
	text-decoration: underline;	
	}
#AlbumTitle a.inactive:link, a.inactive:visited {
	color: #CECEB5;	
	}

.countercaption	{
	text-align: center;
	color: #fff;
	}

/* Creative Commons License */
#License {
	margin: 0 20%;
	padding-top: 5px;
	font-size: 10px;
	color: #666;
	border-top:1px solid #999;
	}

#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 200px;
	width: 200px;
	z-index: 100;
	background-color: transparent;
	display: none;
	}

#PrevLink {
	display: block;
	float: left;
	height: 200px;
	width: 100px;
	}

#NextLink {
	display: block;
	float: right;
	height: 200px;
	width: 100px;
	z-index: 100;
	}

#PrevLink:hover, #NextLink:hover { text-decoration: none; }
#PrevLink:hover { background: transparent url(../imgs/left.png) 20% 85% no-repeat; }
#NextLink:hover { background: transparent url(../imgs/right.png) 80% 85% no-repeat; }

#PrevLink span, #NextLink span { display: none; }

/* Miscellaneous */	
img { border: none; }
p { font-size: 11px;margin:1.0em 0;padding: 0.5em 0; }