@CHARSET "UTF-8";

div.body.gallery {
	width: 835px;
}

.body.gallery .posted-date {
	position: absolute;
	right: 10px;
	top: 30px;
	
	line-height: 22px;
}

.three-column {
	position: relative;
	
	margin-top: 10px;
}
	.three-column .main-photo {
		width: 565px;
	}
	
		.three-column .main-photo .easel {
			display: block;
			
			background-color: #F6F6F6;
			margin-bottom: 3px;
			
			text-align: center;
		}
		.three-column .main-photo .empty {
			display: block;
			width: 565px;
			height: 300px;

			background-color: #F6F6F6;
		}

	.three-column .main-photo .caption {
		font-size: 8pt;
	}
	.three-column .main-photo .credit {
		float: right;
	}

	.three-column .thumbnails {
		position: absolute;
		right: 0px;
		top: 0px;
		
		width: 255px;
	}
		.three-column .thumbnails.scrollable {
			overflow: auto;
			width: 330px;
			padding-right: 0px;
		}
		
		.three-column .thumbnails a {
			display: block;
			float: left;
			
			margin: 0 1px 1px 0;
			border: 1px solid white;
			
			width: 75px;
			height: 75px;
			
			background-color: #F6F6F6;
			
			text-align: center;
			vertical-align: bottom;
			
		}
		.three-column .thumbnails a img {
			cursor: pointer;
			border-width: 0px;
		}
		.three-column .thumbnails a:hover {
			border-color: #CCC;
		}
		.three-column .thumbnails a.current {
			border-color: #999;
			cursor: default !important;
		}
			.three-column .thumbnails a.current img {
				cursor: default !important;
			}

.one-column {
	position: relative;
	width: 820px;
	
	height: 405px;
}
	.one-column .main-photo {
		position: relative;
		width: 720px;
		height: 387px;
		
		text-align: center;
		/*padding-bottom: 25px;*/
		
		border: 1px solid #EEE;
		background-color: #F9F9F9;
	}
		.one-column .main-photo.wait {
			background: url(../img/galleries/wait.gif) #333 no-repeat center center;
			opacity: 0.8;
			height: 387px;
			padding-bottom: 0px;
		}
			.one-column .main-photo.wait img {
				visibility: hidden;
			}
			.one-column .main-photo.wait div {
				display: none;
			}
		.one-column .main-photo img {
			background-color: #EEE;
		}
		
		.one-column .main-photo div {
			position: absolute;
			bottom: 0px;
			
			font-size: 8pt;
			color: #AAA;
			line-height: 12pt;
			
			padding: 0.5em 0;
		}
			.one-column .main-photo .caption {
				left: 0px;
				bottom: -25px;
			}
			.one-column .main-photo .credit {
				right: 0px;
				bottom: -25px;
			}
	.one-column .thumbnails {
		position: absolute;
		top: 1px;
		right: 0px;
		
		width: 95px;
		height: 388px;
		
		overflow: auto;
		
		padding-right: 3px;
	}
		.one-column .thumbnails .thumb {
			margin: 0px auto 3px auto;
			width: 75px;
			height: 75px;
			text-align: left;
			cursor: pointer;
		}
			.one-column .thumbnails a img {
				border-width: 0px;
			}

.empty {}
	.empty .main-photo {
		background-color: #F9F9F9;
		border: 1px solid #EEE;
		width: 800px;
		height: 300px;
	}

.row {
	position: relative;	
}

.box.previews {
	position: absolute;
	top: 0px;
	right: 0px;
	
	width: 330px;
}
	.previews .preview {
		margin: 0 0 25px 8px;
	}
		.previews .preview h2 {
			font-weight: normal;
			font-size: 11pt;
			
			margin: 10px 0 3px 0; 
		}
		
		.previews .preview .first {
			float: left;
			
			height: 79px;
			width: 75px;
			
			background-color: #F6F6F6;
			
			margin-right: 10px;
		}

		.previews .preview .tiny-thumbnails {
			
		}

			.previews .preview .tiny-thumbnails .ph {
				float: left;
				display: block;
				
				width: 25px;
				height: 25px;
	
				background-color: #F6F6F6;
				
				margin: 0 2px 2px 0;
				border: 0px solid white !important;
			}

		.previews .preview .comments {
			clear: left;
		}