@charset "utf-8";
/* CSS Document */

/*----- index ------------*/
	
div.album {
	width: 397px;
	padding: 15px;
	float: left;
	background-color: #292929;
	margin: 6px 0px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

	div.album a {
		color: #ff9900;
	}
	
	div.album div.photo {
		width: 184px;
		height: 138px;
		overflow: hidden;
		border: 6px solid #eeeeee;
		float: left;
		margin-right: 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	div.album div.photo:hover {
		border-color: #ff9900;
	}
	
		div.album div.photo img {
			width: 184px;
		}
		
	div.album h3 {
		font-size: 18px;
		margin-top: 20px;
	}
	
	div.album h4 {
		font-size: 14px;
	}
	
	div.album h5 {
		font-size: 14px;
		color: #ffcc00;
	}
	
		div.album h5 a {
			font-style: italic;
			color: #FFCC00;
			text-decoration: none;
		}
		
		div.album h5 a:hover {
			text-decoration: underline;
		}

div.right {
	float: right;
}

/*----- view ------------*/

table.album-view {
	border-spacing: 3px;
}

	table.album-view td {
		background-color: #333;
		vertical-align: top;
		width: 212px;
		padding-bottom: 10px;
	}
	
	table.album-view td:hover {
		background-color: #ffcc00;
	}
	
		table.album-view td:hover div.image {
			border-color: #ffcc00;
		}
	
		table.album-view td:hover a,
		table.album-view td:hover p {
			color: #333;
		}
	
		table.album-view td div.image {
			width: 200px;
			height: 150px;
			border: 6px solid #333;
			overflow: hidden;
			margin: auto;
		}
		
			table.album-view td div.image img {
				width: 100%;
				cursor: pointer;
			}

		table.album-view td p {
			padding: 4px 6px 0px 6px;
		}
		
		
		table.album-view td a {
			font-weight: bold;
		}

img.view-photo {
	border: 10px solid #ccc;
	display: block;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	
}

p.close {
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	margin: auto;
	margin-bottom: 20px;
	width: 150px;
}

p.close:hover {
	text-decoration: none;
}