#dice1, #dice2, .rolled {
	background-image: url("./images/dice_sprite.png");
	float: left;
	height: 19px;
	width: 18px; 
	margin: 4px 1px;
	border-radius: 4px;
	opacity: 0.5;
}

.roll-dice:hover #dice1, .roll-dice:hover #dice2, .roll-dice:hover .rolled {
	opacity: 1;
}

.side_1 { background-position: 0px 0px; }
.side_2 { background-position: -18px -18px; }
.side_3 { background-position: -36px -36px; }
.side_4 { background-position: -54px -54px; }
.side_5 { background-position: -72px -72px; }
.side_6 { background-position: -90px -90px; }

.roll-dice {
	display: inline;
	padding: 0;
	width: 64px;
	margin: 0 0 0 -4px;
	vertical-align: middle;
}
