body
{
	font-family: helvetica, arial, tahoma, verdana, sans-serif;
	font-size: 12px;
	background-color: #000;
	color: #888;
	margin-top: 0px;
	padding-top: 0px;
}
a, a:link, a:visited, a:focus, a:hover
{
	display: block;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	outline-style: none;
	-moz-outline-style:none;
//	width:100%;
//	height:100%;
}
a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:focus, a.thumbnail:hover
{
	display: block;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	outline-style: none;
	-moz-outline-style:none;
	width: 100%;
	height: 100%;
}
.banner
{
	position: relative;
	margin: auto;
	width: 806px;
	height: 100px;
	background: url(banner.png);
}
.header
{
	display: block;
	position: relative;
	margin: auto;
	width: 804px;
	height: 32px;
	background: url(footer.png) repeat-x;
	border: 1px solid #555555;
}
.parent
{
	position: absolute;
	left: 5px;
	top: 5px;
	background: url(index.png) no-repeat;
	background-position: left center;
	width: 30x;
	height: 30px;
	text-align: left;
	vertical-align: middle;
	padding-top: 0px;
	padding-left: 40px; 
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.path
{
	position: absolute;
	left: 50px;
	width: 250px;
	height: 28px;
	text-align: left;
	vertical-align: middle;
	padding-top: 12px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.title
{
	position: absolute;
	left: 200px;
	width: 400px;
	text-align: center;
	vertical-align: middle;
	padding-left: 0px;
	color: #fb691b;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
//	border: 1px solid #333333;
}
.position
{
	position: absolute;
	left: 700px;
	width: 70px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}
.previous
{
	position: absolute;
	left: 670px;
	background: url(previous.png) no-repeat;
	background-position: left center;
	width: 30px;
}
.next
{
	position: absolute;
	left: 770px;
	background: url(next.png) no-repeat;
	background-position: right center;
	width: 30px;
}
.home
{
	position: absolute;
	left: 5px;
	top: 5px;
	background: url(home.png) no-repeat;
	background-position: left center;
	width: 30x;
	height: 30px;
	text-align: left;
	vertical-align: middle;
	padding-top: 0px;
	padding-left: 40px; 
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.content
{
	display: block;
	position: relative;
	width: 804px;
	margin: auto;
	//border-left: 1px solid #555555;
	//border-right: 1px solid #555555;
	background-color: #000000;
}
.footer
{
	display: block;
	position: relative;
	width: 804px;
	height: 30px;
	margin: auto;
	border: 1px solid #555555;
	background: url(footer.png) repeat-x;
}
.albumBar
{
	display: block;
	margin: auto;
	position: relative;
	width: 804px;
	height: 32px;
	border: 1px solid #555555;
	background: url(footer.png) repeat-x;
}
.status
{
	display: block;
	margin: auto;
	position: relative;
	width: 804px;
	height: 21px;
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
//	border-bottom: 1px solid #555555;
	background: url(status.png) repeat-x;
}
.description
{
	position: absolute;
	left: 5px;
	top: 750px;
	width: 700px;
	height: 30px;
	text-align: center;
	overflow: hidden;
	vertical-align: middle;
//	border: 1px solid #333333;
}
.captureTime, .publishTime
{
	position: absolute;
	top: 0px;
	width: 120px;
	height: 20px;
	text-align: left;
	overflow: hidden;
	vertical-align: middle;
//	border-right: 1px solid #222222;
}
.captureTime
{
	left: 5px;
}
.publishTime
{
	left: 130px;
}
.photoThumbnail
{
	float: left;
	position: relative;
	width: 160px;
	height: 190px;
	margin-left: 0px;
	padding-left: 0px;
	color: inherit;
	background-color: inherit;
	overflow: hidden;
	border: 0px;
}
.photoThumbnail:hover
{
	background-color: #313233;
}
.photoThumbnailFooter
{
	position: absolute;
	display: block;
	margin: auto;
	top: 160px;
	width: 160px;
	height: 30px;
	background: url(photoThumbnailFooter.png) repeat-x;
}
.viewCount
{
	display: block;
	position: absolute;
	left: 85px;
	top: 0px;
	width: 75px;
	height: 20px;
	padding-top: 0px;
	overflow: hidden;
	//border: 1px solid #333333;
}
.name
{
	display: block;
	position: absolute;
	left: 5px;
	top: 0px;
	width: 75px;
	height: 20px;
	padding-top: 0px;
	overflow: hidden;
	//border: 1px solid #333333;
}
form.edit
{
	display: block;
	margin: auto;
	width: 804px;
//	border: 1px solid #555555;
}
form.description
{
	width: 600px;
}
input.title
{
	width: 300px;
	height: 20px;
}
div.iso
{
	position: absolute;
	top: 2px;
	left: 740px;
	width: 60px;
	height: 20px;
}
div.camera
{
	position: absolute;
	left: 340px;
	width: 90px;
	height: 20px;
}
div.lens
{
	position: absolute;
	left: 430px;
	width: 150px;
	height: 20px;
}
div.focalLength
{
	position: absolute;
	left: 580px;
	width: 50px;
	height: 20px;
}
div.aperture
{
	position: absolute;
	left: 640px;
	width: 40px;
	height: 20px;
}
div.shutterSpeed
{
	position: absolute;
	left: 680px;
	width: 50px;
	height: 20px;
}
div.iso, div.lens, div.camera, div.captureTime, div.publishTime, div.focalLength, div.aperture, div.shutterSpeed
{
	top: 3px;
	cursor: default;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
//	border-left: 1px solid #222222;
}
label
{
	width: 80px;
}
div.album
{
	position: absolute;
	left: 0xp;
	width: 160px;
	height: 30px;
	background: url(index.png) no-repeat;
	background-position: left center;
}
div.blah
{
	float: left;
	position: relative;
	left: 0xp;
	width: 160px;
	height: 30px;
	background: url(index.png) no-repeat;
	background-position: left center;
}
div.photo
{
	position: absolute;
	left: 0xp;
	width: 160px;
	height: 30px;
//	background: url(photo.png) no-repeat;
	background-position: left center;
}
div.albumName
{
	display: table-cell;
	float: left;
	width: 120px;
	height: 30px;
	padding-top: 1px;
	padding-left: 30px;
	padding-right: 10px;
	vertical-align: middle;
}
div.index
{
	display: table-cell;
	float: left;
	width: 160px;
	background: url(index.png) no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-right: 10px;
	vertical-align: middle;
}
div.position, div.index, div.title, div.next, div.previous
{
	margin-top: 0px;
	padding-top: 8px;
	height: 22px;
//	border: 1px solid #555555;
}
.albumThumbnail, .albumThumbnail:hover
{
	display: block;
	float: left;
	position: relative;
	width: 160px;
	height: 190px;
	color: inherit;
	overflow: hidden;
}
.albumThumbnail:hover
{
	background-color:#333333;
}
.borderRight
{
	border-right: 1px solid #555555;
}
.borderBottom
{
	border-bottom: 1px solid #555555;
}
.outerCenter
{
	display: table;
	position: absolute;
}
.innerCenter
{
	display: table-cell;
	vertical-align: middle;
}
.photoCount
{
	display: block;
	position: absolute;
	left: 85px;
	top: 0px;
	width: 75px;
	height: 18px;
	padding-top: 2px;
	overflow: hidden;
	//border: 1px solid #333333;
}
.albumCount
{
	display: block;
	position: absolute;
	left: 5px;
	top: 0px;
	width: 75px;
	height: 17px;
	padding-top: 3px;
	overflow: hidden;
	//border: 1px solid #333333;
}
.photoThumbnailTitle
{
	display: table-cell;
	padding-top: 1px;
	left: 0px;
	width: 160px;
	overflow: hidden;
	//border: 1px solid #333333;
	text-align: center;
	vertical-align: middle;
}
.albumThumbnailTitle
{
	display: table-cell;
	padding-top: 1px;
	left: 0px;
	top: 0px;
	width: 160px;
	overflow: hidden;
	text-align: left;
	vertical-align: middle;
}
.albumThumbnailDescription, .albumThumbnailDescription:hover 
{
	display: block;
	position: absolute;
	left: 5px;
	top: 35px;
	width: 150px;
	height: 135px;
	overflow: hidden;
	cursor: pointer;
}
.albumThumbnailHeader
{
	position: relative;
	display: block;
	margin: auto;
	width: 160px;
	height: 30px;
	background: url(photoThumbnailFooter.png) repeat-x;
//	border-bottom: 1px solid #222222;
}
.albumThumbnailFooter
{
	position: absolute;
	display: block;
	margin: auto;
	top: 170px;
	width: 160px;
	height: 20px;
	background: url(albumThumbnailFooter.png) repeat-x;
}
div.blog
{
	position: absolute;
	left: 750px;
	top: 40px;
	width: 50px;
	height: 30px;
	background: url(blog.png) no-repeat;
}
.albumDescription
{
	display: table-cell;
	left: 2px;
	top: 0px;
	width: 800px;
	height: 30px;
	text-align: center;
	overflow: hidden;
	vertical-align: middle;
}
