/* .PHOTO v2.1 Copyright ch 050320 */
.thepagebody {
	color: #eef;
	background-color: #567;
	}
	.thepagebody a {	
		color: #eef; 
		}
		
	/* index */
	.indexcontent {
		color: #335;
		background-color: #f5f5ff;
		border: 4px solid #fff;
		}
		.indexcontent a {	
			font-weight: bold;
			color: #667;
			}
			.indexcontent a:hover, .indexcontent a:focus {
				color: #000;
				}
		.indexcontent table {
			width: 100%;
			margin-bottom: 1.5em;
			border-collapse: separate;
			border-spacing: 0.5em;
			}
			.indexcontent caption {
				text-align: left;
				font-style: italic;
				}
			.indexcontent tr {
				font-size: 0.8em;
				vertical-align: top;
				}
				.indexcontent th {
					text-align: left;
					border-bottom: 1px dotted;
					}
				.indexcontent td {
					text-align: right;
					}
				.indexcontent .gallerydate {
					width: 33%;
					text-align: right;
					}
		
	/* show */
	.showcontent {
		color: #eef;
		margin-left: 100px;
		}
	.showcontent img {
		border: 20px solid #000;
		}
	.showcontent .seriesnav {
		color: #000;
		}
		.showcontent .seriesnav b {
			color: #eef;
			}
	.showcontent .workfooter {
		color: #fff;
		border-top: 1px dotted #000;
		}
		
	#photonav {
		direction: rtl;
		text-align: center;
		background: #000 url(img/nav.gif) top center repeat-y;
		width: 108px;
		height: 400px;
		padding: 1px 0;
		overflow-y: auto;
		}
		html>body #photonav {
			overflow: auto;
			}
		#photonav a img, #photonav span img {
			width: 49px;
			height: 64px;
			border: 2px solid #000;
			w\idth: 45px;
			he\ight: 60px;
			}
			html>body #photonav a img {
				border-color: transparent;
				}
		#photonav span img {
			border-color: #ddd;
			}
		#photonav a:hover img {
			border-color: #ddd;
			}
		#photonav img {
			display: block;
			padding: 5px 20px;
			margin: 5px auto;
			}