body
{
	padding: 0px;
	margin: 0px;
	font-size: 1em;
	color: #BBB;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background: #CCC;
}
	
table, td
{
	border-width:0px;
	border-spacing: 0px;
	border-collapse: collapse;
	padding:0px;
	vertical-align: top;
}
a { text-decoration: none;}
img {border: none;}

#page
{
	text-align: left;
	margin: 0 auto;
	background: #000;
	width: 680px;
}

.journal img, gallery .img { border: none; background-color: #888;}

#header 
{
	margin: 0 15px 0 15px;
}

#headerImg img
{
	background-color:#BBB;
	margin: 0;
}
#headerwidth {
	width: 645px;
	height: 1px;
	display: block;
	whitespace: pre;
}

#header h1 
{
	font-size: 1.3em;
	color: #CCC;
	font-weight: lighter;
	float:left;
	margin: 0 0 10px 0;
	padding: 12px 0 0 0;
}

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;
	color: #CCC;
}

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: #CCC;
}

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


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;
}

#picblock {
	margin: 20px 0 0 0;
}

#picblock tr td{
	text-align: left;
	vertical-align: top;
}

dl.imageblock
{
	margin: 0 0 25px 0;
	padding-right: 15px;
	min-height: 90px;
}

dl.imageblock a, dl.imageblock a:visited, dl.imageblock a:active
{
	color: #888;
}

.imagecell
{
    margin: 0;
    padding: 0;
    text-align: center;
	background-color:#eee;
	vertical-align: bottom;
}

.imagecell img, .imagecell object
{
    vertical-align: bottom;
}

dd.imageinfo
{
	font-size: .75em;
	color:  #636466;
	margin: 8px 0 0 0;
}

dl.imageblock dd.imageinfo ul#metadata
{
	margin: 0;
	padding: 0;
	display: inline;
	color: #CCC;
}

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

.journaltitle .text
{
	width:592px; /* default only - must be defined inline based on user settings */
	font-size:2.1em;
	color:#BBB;
	margin: 0;
	padding: 0;
}
.journaltext .text
{
	width:592px; /* default only - must be defined inline based on user settings */
	font-size:1.1em;
	line-height: 1.2em;
	color:#BBB;
	margin: 0;
	padding: 0;
}

#footer
{
	padding: 0;
	margin: 0 15px 15px 15px;
	list-style: none;
}

#footer p
{
	font-size:.8em;
	color:#BBB;
	margin:0;
	padding: 0;
}
