/* display photos */
#pics {
	padding: 10px;
	/*border-top: 1px solid #aecfed;*/
	clear: both;
}
#pics a {
	text-decoration: none;
}
.polaroid {
	/*width: 115px;
	height: 125px;*/
	z-index: 2;
	padding: 10px;
	border: 1px solid #999;
	text-decoration: none;
	background-color: white;
	font-size: 0.9em;
	
	/* rgba not recognised by IE so use rgb (although IE doesn't understand shadows...!) */
	-webkit-box-shadow: 2px 2px 3px rgb(135, 139, 144); 
	-moz-box-shadow: 2px 2px 3px rgb(135, 139, 144);
	box-shadow: 2px 2px 3px rgb(135, 139, 144);
	/* overwrite with rgba for browsers that understand */
	-webkit-box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4); 
	-moz-box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);
	box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);
}
.polaroid img, .polaroid p {
	border: 0;
	font-weight: normal;
}
.polaroid a {
	text-decoration: none;
	border: 0;
	color: #999999;
}
.polaroid div.image {
	width: 114px; 
	height: 100px; 
	overflow: hidden;
}
.thumb img {
	width: 114px;
	/*max-height: 100px;*/
}
div.thumb p {
	width: 114px;
}
#mainHut, .mainHut {
	float: left;
	margin: 5px 5px 10px 5px;
	text-decoration: none;
	max-width: 260px;
}
#mainHut img {
	width: 260px;
	/*height: 228px;*/
}
.thumb {
	float: left;
	margin: 5px 5px 10px 5px;
	height: 165px;
	overflow: hidden;
}
a.thumb:hover, a.thumb:focus, a.thumb:active {
	text-decoration: none;
	z-index: 999;
	border: 1px solid #999;
	/*-webkit-box-shadow: 15px 15px 20px rgba(135, 139, 144, 0.4);
	-moz-box-shadow: 15px 15px 20px rgba(135, 139, 144, 0.4);
	box-shadow: 15px 15px 20px rgba(135, 139, 144, 0.4);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);*/
	/*filter:progid:DXImageTransform.Microsoft.Matrix(M11 *= 1.3, M22 *= 1.3, sizingMethod='auto expand');*/
}
.caption, .rating {
	font-size: 1em;
	color: #999;
	padding: 0;
	text-align: center;
	margin-top: 5px;
	font-family: Georgia, Garamond, serif;
}
.rating {
	margin: 0;
	padding: 0;
}
#mainHut p.rating img, .polaroid p.rating img {
	width: 41px;
	height: 10px;
}

/***** VOTING *****/
#vote1, #vote2, #vote3, #vote4, #vote5 {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -10px;
}
.off {
	color: #999;
	background-image: url("/images/empty.jpg");
}
.off:hover {
	color: #00F;
	background-image: url("/images/filled.jpg");
}
.over {
	color: #00F;
	background-image: url("/images/filled.jpg");
}
