@charset "utf-8";
/*	Perceptes.com
	http://www.perceptes.com/
	Style Sheet */

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* GLOBAL */

body {
	background: #000 url(/img/perceptes_blood.jpg) 0 0 no-repeat;
	color: #fff;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	
	filter:DropShadow(Color=#000000, OffX=2, OffY=2);
	height: 100%;
	width: 100%;
}

a, a:visited, a:active, a:hover {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	padding-bottom: 18px;
}

h1 {
	font-size: 18px;
	margin: 9px 0;
}

h2 {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 9px;
}

.clear {
	clear: both;
}

p {
	text-align: center;
	text-shadow: 2px 2px 2px #000;
}

/* STRUCTURE */

#container {
	margin-top: 135px;
	width: 400px;
}

/* MOXIEMASTER */

#board {
	background: url(../img/moxie-board.jpg) no-repeat;
	border: 1px solid black;
	height: 460px;
	margin: 30px auto;
	width: 320px;
}

#board #info {
	float: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	height: 115px;
	margin: 67px 0 0 27px;
	width: 146px;
}

#board #info p {
	padding-bottom: 6px;
}

#board form {
	display: inline;
}

#board form input {
	background: transparent;
	border: 0;
	float: left;
	font-size: 36px;
	height: 44px;
	margin: 0 0 12px 12px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 44px;
}

#board form input#NextLetter {
	font-size: 64px;
	height: 97px;
	margin: 76px 0 30px 19px;
	width: 97px;
}

#board form input.new-row {
	clear: left;
	margin-left: 27px;
}

#board form input#reset {
	cursor: pointer;
	font-size: 18px;
	height: 55px;
	margin: 8px 0 0 114px;
	width: 88px;
}