ul.collections li {
	display: inline-block;
}

ul.collections article.collection {
	height: 216px;
	width: 182px;


	position: relative;

	margin: 2em;

	cursor: pointer;

	border: 1px solid #333;
	box-shadow: 0 0 4px #333 inset;

	box-sizing: border-box;
}

ul.collections article.collection:hover {
	box-shadow: 0 0 8px #1cd2dc;

}

ul.collections article.collection p {
	position: absolute;
	height: 2em;
	line-height: 2em;
	vertical-align: center;
	bottom: 1em;
	z-index: 99;
	text-align: center;
	width: 100%;
	display: block;
	background: #222;
	color: #fff;
	letter-spacing: .1em;
	margin: 0 -1em;
	padding: 0.5em 1.0em;
	box-shadow: 0 0 3px #333, 0 0 3px #000 inset;
	/*text-shadow: 0 1px 0 #666;*/
}

ul.collections article.collection:hover p {
	color: #1cd2dc;
}

ul.collections article.collection img {
	position: absolute;
	max-width: 120px;
	max-height: 170px;
}


ul.collections article.collection img:nth-child(2) {
	top: 16px;
	right: 16px;

	z-index: 1;
}

ul.collections article.collection img:nth-child(1) {
	top: 32px;
	left: 32px;
	z-index: 2;
}

ul.collections article.collection img:nth-child(3) {
	bottom: 0;
	left: 16px;
	z-index: 3;
}

#booktable {
	width: 100%;
}

#booktable tr {
	cursor: pointer;
}

#booktable tr.owned {
	background: #ccc;
	color: #eee;
}

#booktable tr.highlight {
	background: #1cd2dc;
}