body {
	background-color: #fff;
	color: #000;
	font: normal 0.9em/1.5em  'Monaco', 'Andale Mono', 'Courier New', monospace;
}

p {
	margin: 16px;
}

#words {
	display: block;
	width: 90%;
	margin: 12px 5%;
	text-align: center;
}

#words input.word {
	font: normal 1em/1.5em  'Monaco', 'Andale Mono', 'Courier New', monospace;
	margin: 4px;
	padding: 4px;
	float: left;
	text-align: center;
	width: 200px;
	border: 1px solid #eee;
}

#words .refresh {
	-moz-box-shadow:inset 0px 0px 0px 2px #609adb;
	-webkit-box-shadow:inset 0px 0px 0px 2px #609adb;
	box-shadow:inset 0px 0px 0px 2px #609adb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #14589c) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #14589c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#14589c');
	background-color:#79bbff;
	-moz-border-radius:17px;
	-webkit-border-radius:17px;
	border-radius:17px;
	border:1px solid #0661bd;
	display:inline-block;
	color:#ffffff;
	font-family:Arial Black;
	font-size:15px;
	font-weight:bold;
	margin-top: 12px;
	padding:6px 29px;
	text-decoration:none;
	text-shadow:2px 1px 0px #1f5387;
}

#words .refresh:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #14589c), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #14589c 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14589c', endColorstr='#79bbff');
	background-color:#14589c;
}

#words .refresh:active {
	position:relative;
	top:1px;
	left: 1px;
}

@media only screen and (max-width: 600px) {
	#words {width: 90%;}
}


::-moz-selection{background:#FFFFCC;color:#000;text-shadow:none}
::selection{background:#FFFFCC;color:#000;text-shadow:none}