/* ---------------------------------------------------------- */
/* the background ------------------------------------------- */
/* ---------------------------------------------------------- */

body { 
	margin:0px; 
	font-family:helvetica, arial, sans-serif; 
	background-color:#dddde2; 
}


/* ---------------------------------------------------------- */
/* box that holds the folder names -------------------------- */
/* ---------------------------------------------------------- */
		
.dirHolder { 
	position:absolute; 
	top:0px; 
	left:0px; 
	background-color:#bbb; 
	width:150px; 
	margin-right:20px; 
	padding:10px; 
	height: 97%; 
}
.dirHolder a {                 /* <-- properties of each folder name link */
	text-decoration:none; 
	color:#fff; 
	margin:0px; 
	padding:0px; 
	width: 130px; 
}
.dirHolder a:hover { 
	text-decoration:underline; 
}



/* ---------------------------------------------------------- */
/* box that holds the thumbnail images ---------------------- */
/* ---------------------------------------------------------- */

.thumbHolder { 
	margin:20px; 
	margin-left:190px; 
}
.thumbHolder a img {              /* <-- properties of each thumbnail image */
	border: 6px solid #fff; 
	margin:3px; 
}



/* ---------------------------------------------------------- */
/* box that holds the enlarged image ------------------------ */
/* (probably not worth mucking about with too much) --------- */
/* ---------------------------------------------------------- */


#viewer { display:none; background-color:#fff; border: 1px solid #000; position:absolute; top:3%; left:3%; padding: 20px; padding-top:5px; }
#viewerinfo { text-align:right; margin-bottom:2px; };
#viewerinfo a { text-decoration:none; color:#000; padding:2px; }
#viewerinfo a:hover { color:#fff; background-color:#000; }
#viewerbiglink { text-decoration:none; color:#000; }