div#header-logo {
	background-image:url(../img/logo.png);
	background-position:right 10px;
	background-repeat:no-repeat;
	height:35px;
	margin:0;
	padding:0;
}

div#header-title-bg {
	position:relative;
	background-image:url(../img/header-title.png);
	background-position:0 0;
	background-repeat:repeat-x;
	height:27px;
	margin:0;
	padding:0;
}

div#header-title-bg div#header-title-txt {
	position:relative;
	/*left margin is defined by PostView based on expand-collapse of albums*/
	text-align:center;
	height:27px;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	padding:0;
}

div#header-title-txt a.title {
	position:relative;
	text-decoration:underline;
	font-size:18px;
	font-family:times;
	font-style:italic;
	font-weight:bold;
	color:#ccc;
	outline:none;
}

div#header-title-txt a.title:hover, div#header-title-txt a.title:focus {
	color:#fff;
}

div#header-title-txt a.left, div#header-title-txt a.right {
	position:absolute;
	width:100px;
	height:22px;
	top:4px;
	outline:none;
	cursor:pointer;
	text-decoration:none;
}

div#header-title-txt a.left {
	left: 10px;
	float:left;
	background-image:url(../img/arrow-left-flat.png);
	background-position:0 0;
	background-repeat:no-repeat;
}

div#header-title-txt a.right {
	right: 10px;
	float:right;
	background-image:url(../img/arrow-right-flat.png);
	background-position:100% 0;
	background-repeat:no-repeat;
}

div#header-title-txt a.left:hover, div#header-title-txt a.left:focus {
	background-image:url(../img/arrow-left-raised.png);
}

div#header-title-txt a.right:hover, div#header-title-txt a.right:focus {
	background-image:url(../img/arrow-right-raised.png);
}

div#header-title-txt a.left:active {
	background-image:url(../img/arrow-left-lowered.png);
}

div#header-title-txt a.right:active {
	background-image:url(../img/arrow-right-lowered.png);
}

/** left nav **/

/* rounded box */
div.left-nav-container,div.left-nav-container-nolabel {
	position:relative;
	color:#000;
	padding:20px 0 10px 0;
	margin:10px 0 10px 0;
}

div.left-nav-container {
	padding:20px 0 10px 0;
}

div.left-nav-container-nolabel {
	padding:8px 0 10px 0;
}

div.left-nav-container div.left-nav-inner,div.left-nav-container-nolabel div.left-nav-inner {
	position:relative;
	background-color:#2c2c2c;
	padding:0 2px 0 2px;
}

div.left-nav-container a.top-nav-close {
	position:absolute;
	background-image:url(../img/close.png);
	width:13px;
	height:13px;
	left:3px;
	top:3px;
	outline:none;
	text-decoration:none;
}

div.left-nav-container a.top-nav-collapse {
	position:absolute;
	background-image:url(../img/collapse.png);
	width:13px;
	height:13px;
	right:3px;
	top:3px;
	outline:none;
	text-decoration:none;
}

div.left-nav-container a.top-nav-expand {
	position:absolute;
	background-image:url(../img/expand.png);
	width:13px;
	height:13px;
	right:3px;
	top:3px;
	outline:none;
	text-decoration:none;
}

div.left-nav-container span.top-nav {
	position:absolute;
	top:0;
	left:0;
	/*width defined in separate file */
	height:20px;
	/*background-image: defined in separate file*/
	color:#aaa;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	padding-top:6px;
}

div.left-nav-container-nolabel span.top-nav-nolabel {
	position:absolute;
	top:0;
	left:0;
	/*width defined in separate file */
	height:10px;
	/*background-image: defined in separate file*/
}

div.left-nav-container span.bottom-nav,div.left-nav-container-nolabel span.bottom-nav {
	position:absolute;
	bottom:0;
	left:0;
	/*width defined in separate file */
	height:10px;
	/*background-image: defined in separate file*/
	background-position:0 bottom;
}

/* links with image */

div.img-item-link {
	position:relative;
}

div.img-item-link a {
	position:relative;
	color:#888;
	text-align:left;
	display:block;
	/*width in separate css*/
	height:52px; /*holds 48 px label (42 px image) with 2 px padding on each side*/
	font-size:12px;
	font-family:sans-serif;
	margin:4px 0 0 0; /*top set to 0 for the first element*/
	background-position:5px 5px;
	background-repeat:no-repeat;
	cursor:hand;
	outline: none;
	text-decoration:none;
}

div.img-item-link a:visited {
	color:#888;
}

div.img-item-link a:hover {
	color:#aaa;
}

div.img-item-link a:active {
	color:#fff;
}

div.img-item-link a span.frame {
	background-image:url(../img/42-frame.png);
}

div.img-item-link a span.frame, div.img-item-link a span.frame-active {
	position:absolute;
	top:2px;
	left:2px;
	/*width in separate css*/
	height:48px;
	background-position:0 0;
	background-repeat:no-repeat;
}

div.img-item-link a span.label {
	position:absolute;
	top:7px;
	left:54px;
	width:178px;
	height:42px;
	overflow:hidden;
	line-height:16px;
}

/* links with text only */

div.txt-item-link {
	position:relative;
}

div.txt-item-link a {
	position:relative;
	color:#888;
	text-align:center;
	display:block;
	/* width is in separate file */
	font-size:12px;
	font-family:sans-serif;
	cursor:hand;
	outline: none;
	padding-top:5px;
	text-decoration:none;
}

div.txt-item-link a:visited {
	color:#888;
}

div.txt-item-link a:hover {
	color:#aaa;
}

div.txt-item-link a:active {
	color:#fff;
}

/** center index **/

div.img-index-link a {
	text-align:center;
	display:block;
	float:left;
/*
	width:230px;
	height:220px;
*/
	width:180px;
	height:190px;
	font-size:12px;
	text-decoration:none;
	margin:2px 2px 2px 2px;
/*	background-position:43px 8px;*/
	background-position:32px 7px;
	background-repeat:no-repeat;
	color:#888;
	outline: none;
}

div.img-index-link a:visited {
	color:#888;
	text-decoration:none;
}

div.img-index-link a:hover, div.img-index-link a:focus {
	color:#aaa;
	text-decoration:none;
}

div.img-index-link a:active {
	color:white;
	text-decoration:none;
}

div.img-index-link a span.img-frame { /*index image's frame*/
	margin-top:5px;
	float:left;
/*
	margin-left:40px;
	width:150px;
	height:150px;
*/
	margin-left:30px;
	width:120px;
	height:120px;
/*	background-image:url(../img/150-frame.png);/ *actual image is 144 px*/
	background-image:url(../img/120-frame.png);/*actual image is 116 px*/
	background-repeat:no-repeat;
}

div.img-index-link a:hover span.img-frame, div.img-index-link a:focus span.img-frame { /*selected*/
/*	background-image:url(../img/150-frame-sel.png);*/
	background-image:url(../img/120-frame-sel.png);
}

div.img-index-link a span.label {
	margin-top:10px;
/*	margin-left:10px; */
	margin-left:10px;
	float:left;
/*	width:210px;*/
	width:160px;
	height:52px;
	overflow:hidden;
	/*line-height:10px;*/
	font-size:8px;
}

/* main image view */

div.img-main-view {
	position:relative;
	text-align:left;
	padding-left:50%;
	color:white;
	padding-top: 30px;
	min-height: 1px; /* IE7 bug fix */
}

/* navigation */

div.img-main-view a.img-nav-left, div.img-main-view a.img-nav-right {
	display:block;
	width: 64px;
	height:60%;
	text-decoration:none;
	position:absolute;
	top:10%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	outline: none;
	min-height: 1px; /* IE7 bug fix */
}

div.img-main-view a.img-nav-left:visited, div.img-main-view a.img-nav-right:visited {
}

div.img-main-view a.img-nav-left {
	left:0;
	background-image:url(../img/arrow-left-24-50.png);
}

div.img-main-view a.img-nav-right {
	right:0;
	background-image:url(../img/arrow-right-24-50.png);
}

div.img-main-view a.img-nav-left:hover, div.img-main-view a.img-nav-left:focus {
	background-image:url(../img/arrow-left-24-50-hover.png);
}

div.img-main-view a.img-nav-right:hover, div.img-main-view a.img-nav-right:focus {
	background-image:url(../img/arrow-right-24-50-hover.png);
}

div.img-main-view a.img-nav-up {
	display:block;
	width: 60%;
	height:64px;
	text-decoration:none;
	position:absolute;
	top:-10px;
	left:20%;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-image:url(../img/arrow-up-24-50.png);
	outline: none;
}

div.img-main-view a.img-nav-up:visited {
}

div.img-main-view a.img-nav-up:hover, div.img-main-view a.img-nav-up:focus {
	background-image:url(../img/arrow-up-24-50-hover.png);
}


/* image */

div.img-main-view div.img-container {
	/*left margin is calculated*/
	/*width and height are calculated*/
	position:relative;
	/*padding:20px 0 20 0;*/
	float:left;
	display:inline;
	text-align:center;
	color:gray;
	min-height: 1px; /* IE7 bug fix */
}

div.img-main-view div.img-container div.img-frame-outer {
	position: relative;
	float: left;
	/*width and height are calculated, wider than image by 6px*/
	background-color: #606060;
}

div.img-main-view div.img-container div.img-frame-outer div.img-frame-inner {
	position: absolute;
	background-color: #000;
	left: 2px;
	top:2px;
	/*width and height are calculated, wider than image by 2px*/
}

div.img-main-view img.framed {
	position: absolute;
	left: 1px;
	top: 1px;
}

div.img-main-view a.img-small-large, div.img-main-view a.img-small-large:visited,
div.img-main-view span.img-small-large,
div.img-main-view a.img-small-large:hover, div.img-main-view a.img-small-large:focus {
	text-decoration: none;
	color: gray;
	font-size: 12px;
	float:right;
}

div.img-main-view a.img-small-large:hover {
	text-decoration: underline;
	color: white;
}

div.img-main-view span.left-top, div.img-main-view span.left-bottom,
div.img-main-view span.right-top, div.img-main-view span.right-bottom {
	position:absolute;
	width:12px;
	height:12px;
}

div.img-main-view span.left-top {
	background-image:url(../img/left-top-gray-12.png);
	top:29px;
	left:29px;
}

div.img-main-view span.left-bottom {
	background-image:url(../img/left-bottom-gray-12.png);
/* top is calculated */
	left:29px;
}

div.img-main-view span.right-top {
	background-image:url(../img/right-top-gray-12.png);
	top:29px;
/* left is calculated */
}

div.img-main-view span.right-bottom {
	background-image:url(../img/right-bottom-gray-12.png);
/* top is calculated */
/* left is calculated */
}

div.img-main-view span.top-horz {
	position:absolute;
	background-image:url(../img/top-horz-gray-11.png);
	top:29px;
	left:41px;
/* width is calculated */
	height:11px;
}

div.img-main-view span.bottom-horz {
	position:absolute;
	background-image:url(../img/bottom-horz-gray-11.png);
/* top is calculated */
	left:41px;
	height: 11px;
/* width is calculated */
}

div.img-main-view span.left-vert {
	position:absolute;
	background-image:url(../img/left-vert-gray-11.png);
	top:41px;
	left:29px;
/* height is calculated */
	width: 11px;
}

div.img-main-view span.right-vert {
	position:absolute;
	background-image:url(../img/right-vert-gray-11.png);
	top:41px;
/* left is calculated */
/* height is calculated */
	width: 11px;
}

div.gap30 {
	height:30px;
	clear:both;
	font-size:1px;
	overflow:hidden;
	line-height:0px;
	margin:0;
	padding:0;
}