div.clear {
	clear: both;
}

/* ########## */
/* ##### GENERAL NAVIGATION STYLES, controls previous & next number menu between pages ##### */

ul#nav
{
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1.1em;
	float: left;
	clear: both;
	list-style: none;
}

ul#nav li
{
	float: left;
	display: block;
	padding: 0 2px; 
}

ul#nav li a, ul#nav li a:visited, ul#nav li a:active
{
	text-decoration: none;
	color:#BBB;
	margin:0px 1px 0px 1px;
}

ul#nav li a:hover
{
	color: #444;
}

ul#nav #selection
{
    color: #444;
}


ul#nav .index { width:60px;}

ul#nav .previous { white-space: pre; width: 15px; height: 20px;}
ul#nav .previous a { padding: 0 4px 0 4px; background: url("../img/previous.gif") no-repeat left center; }
ul#nav .previous a:hover { background: url("../img/previous_active.gif") no-repeat left center;}
ul#nav .previous_text {display: none;}

ul#nav .pageNumber { padding:0 7px 0 2px; }
ul#nav .pagnation { padding: 0 3px 0 3px; }

ul#nav .next { white-space: pre; width: 15px; height: 20px}
ul#nav .next a { padding: 0 4px 0 4px; background: url("../img/next.gif") no-repeat right center;}
ul#nav .next a:hover { background: url("../img/next_active.gif") no-repeat right center;}
ul#nav .next_text {display: none;}

.detail #nav
{
	margin: 0 auto 0 auto;
}


#content
{
	margin: 15px;
	padding: 0px;
}

.imageblock
{
	float:left;
	margin: 0 0 25px 0;
	padding-right: 15px;
	min-height: 250px;
}

.imagecell
{
    margin: 0;
    padding: 0;
    text-align: center;
	vertical-align: bottom;
}

.imagecell img, .imagecell object
{
	background-color: #272727;
}

.imageinfo
{
	font-size: .75em;
	margin: 8px 0 0 0;
}

.imageblock .imageinfo #metadata
{
	margin: 0;
	padding: 0;
	text-align:center;
	display: inline;
}

.imageblock.imageinfo #metadata
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}