/* ---------- Some general styles ---------- */
* {
	margin: 0;
	padding: 0;
}

ul, ol, li { list-style: none; }

ul, ol {
	margin-bottom: 36px;
}

body {
	font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: transparent url('images/bg.png') left top;
}

.container {
	width: 500px;
	margin: 100px auto;
	text-align: center;
}

@font-face{ 
font-family: 'WebSymbolsRegular';
src: url('fonts/websymbols-regular-webfont.eot');
src: url('fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/websymbols-regular-webfont.woff') format('woff'),
     url('fonts/websymbols-regular-webfont.ttf') format('truetype'),
     url('fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}




/* ---------- Lists ---------- */
.rating-w-fonts li {
	font: 18px/36px 'WebSymbolsRegular', sans-serif;
	display: inline;

	color: #202124;
	text-shadow: 1px 1px 0px #323439;
	
	cursor: pointer;
}

	.rating-w-fonts li.rated, .rating-w-fonts li:hover { color: #CAD897; }



.rating-w-images li {
	width: 27px;
	height: 30px;
	background: transparent url('images/sprites.png') no-repeat -54px 0;
	display: inline-block;
	
	cursor: pointer;
}

	.rating-w-images li.rated, .rating-w-images li:hover, 
	.rating-w-images li.half-rated:hover { background-position: 0 0; }
	
	.rating-w-images li.half-rated { background-position: -27px 0; }