body, html {
	background:#000;
	color:#fff;
	font-family:Arial, sans-serif;
	font-size:1em;
}

#red {
	position:absolute;
	width:100%;
	top:0;
	height:200px;
	background:#f00;
	display:none;
}

#yellow {
	position:absolute;
	width:100%;
	top:230px;
	height:200px;
	background:#ff0;
	display:none;
}

#red-text {
	position:absolute;
	top:20px;
	font-size:50px;
	right:30px;
	font-family:Georgia, serif;
	color:#d00;
	z-index:1000;
}

#red-text span.inside, #green-text span.inside {
	color:#fff;
	border:0;
}

#green-text {
	position:absolute;
	top:470px;
	font-size:50px;
	right:30px;
	font-family:Georgia, serif;
	color:#0d0;
	z-index:1000;
}

#green {
	position:absolute;
	width:100%;
	top:460px;
	height:200px;
	background:#0f0;
	display:none;
}

#votefor {
	position:absolute;
	top:80px;
	left:50%;
	width:80%;
	margin-left:-40%;
	
}

#words {
	color:#000;
	position:absolute;
	left:0;
	top:230px;
	z-index:10;
	width:80%;
}
	#words li {
		background:url('../images/cages.png') top left repeat;
		position:absolute;
		left:10px;
		top:0;
		padding:5px 10px;
		border:1px dashed #999;
		white-space:nowrap;
		cursor:move;
	}
	
	#words ul {
		position:absolute;
		left:10px;
		top:10px;
	}
	
	#words ul.group2 {
		left:20%;
	}

	#words ul.group3 {
		left:40%;
	}

	#words ul.group4 {
		left:60%;
	}
	
	#words ul.group5 {
		left:80%;
	}
	
#counter {
	clear:both;
	padding:0em 0 2em 0;
	font-size:0.9em;
	color:#ddd;
}

#vote-container {
	position:absolute;
	right:0;
	top:685px;
	padding-bottom:10px;
}

#vote {
	font-size:30px;
	font-family:Tahoma, Arial, sans-serif;
}

ul {
	padding:0;
	margin:0;
}
	ul li {
		margin:0;
		padding:0;
		list-style-type:none;
	}

#menu {
	position:absolute;
	top:38px;
	left:50%;
	width:80%;
	margin-left:-40%;
	z-index:1000;
}
	#menu li {
		float:left;
		width:200px;
	}
		#menu span.inside {
			border-bottom:1px dotted #ddd;
			color:#ddd;
			line-height:1.5em;
			cursor:pointer;
		}
		
#show-votefor {
	display:none;
}

#votefor, #menu, #results {
	display:none;
}

#do {
	position:absolute;
	left:-10px;
	top:5px;
	display:none;
	background:#FFFFDF;
	color:#000;
	line-height:1.5em;
	padding:10px;
	border:1px solid #ccc;
	z-index:100;
	width:25em;
	padding:10px;
}

#log {
	padding-top:2em;
	display:none;
	font-weight:bold;
}

#do img {
	float:left;
	margin-right:1em;
	margin-bottom:1em;
	cursor:pointer;
}

.r {
	position:relative;
	width:100%;
}

.clear {
	clear:both;
}

#results-content {
	position:absolute;
	top:100px;
	left:50%;
	width:80%;
	margin-left:-40%;
	z-index:100;	
}
	#results-content ul {
		float:left;
		height:15em;
		width:30%;
	}
		#results-content ul li {
			padding-right:50px;
			padding-bottom:0.5em;
		}
		
			#results-content ul li sup {
				font-size:12px;
				color:#FFA500;
			}		
			
			#results-content ul sup.red {
				color:#f66;
			}

			#results-content ul sup.green {
				color:#3f3;
			}

	#results-content h1 {
		font-size:2.5em;
		font-family:Georgia, serif;
		font-weight:normal;
		font-style:italic;
		margin:0;
		padding:0;
		padding-bottom:2em;
	}

#results-hint {
	padding-bottom:2em;
	color:#ccc;
	line-height:1.5em;
	font-style:italic;
	font-size:0.8em;
}

body .index1 {
	background:url('/i/index1_black.gif') top left no-repeat #ae2224;
	position:absolute;
	left:auto;
	right:50px;
	top:35px;
}

body .index2 {
	background:url('/i/index2_black.gif') top right no-repeat;
}

body .index3 {
	background:url('/i/index3_black.gif') bottom right no-repeat;
}

body .index4 {
	background:url('/i/index4_black.gif') bottom left no-repeat;
	padding:5px 8px;
	font-size:14px;
	line-height:20px;
}