html {
	background-image: url(bg.gif);
}

body {
    font: 18px/1.25em Cambria, Georgia, serif;
}

.container {
	width: 640px;
	margin: 50px auto;
	position: relative;
}

.photo {
    position: relative;
    float: left;
    padding: 12px;
    margin: 6px;
    width: 124px;
    background: #fff;
}

.photo img {
	width: 100%;
	cursor: pointer;
	position: relative;
}

.selected {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

.defender {
    background: url(pixel-bg.gif);
}

.menu {
	position: absolute;
	top: 6px;
	left: -48px;
}

.menu li {
	position: relative;
	width: 36px;
	height: 36px;
	margin: 0 0 12px 0;
}

p {
    position: relative;
}

.tag {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 48px;
	height: 48px;
	padding: 12px 6px;
	background: url(tag.png) no-repeat;
	color: #fff;
}

abbr {
	font-size: .9em;
	letter-spacing: .1em;
}

/* helpers */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}