* { margin: 0; padding: 0; }

body { background: #000; padding: 30px 0 0 10px; font-family: "Franklin Gothic Demi",Franklin Gothic Demi,sans-serif; }
iframe { overflow: hidden; border: 0; width: 100%; }
	#topAdIframe { height: 99px; }
	#leftAdIframe { height: 270px; }
img { border: 0; }
a { color: #FFF; }

.left { position: absolute; float: left; }
.clear { clear: both; }
.blue { color: #0000CC; }
.gray { color: #555; }

.logo { width: 100%; text-align: center; }
#wrapper { width: 1024px; margin: 0 auto; }
#left { float: left; width: 280px; margin-right: 10px; }
	#rack { margin-bottom: 20px; }
		.clearRack { margin-bottom: -7px; }
		.rack { width: 27px; height: 27px; margin-right: 2px; font-size: 16px; background: url( ../i/piece.jpg ) top left no-repeat; border: 0px; text-align: center; text-transform: uppercase; font-family: "Franklin Gothic Demi",Franklin Gothic Demi,sans-serif; }
	#letters { float: left; padding: 10px; border: 1px solid #FFF; margin-bottom: 8px; }
		.lWrapper { float: left; width: 54px; margin-right: 10px; }
			.letter { position: relative; z-index: 100; width: 26px; height: 26px; margin-right: 2px; padding-top: 2px; text-align: center; font-size: 16px; background: url( ../i/piece.jpg ) top left no-repeat; }
			.bag { float: left; }
			.letterCount { float: left; color: #FFF; }
			sub { font-size: 10px; }
			
.arrow { position: absolute; float: left; z-index: 200; }
			
.w { height: 30px; }
.wR { color: #000; }
			
#board { float: left; }
	.space { float: left; width: 27px; height: 27px; }
	.space0 { background: url( ../i/space.jpg ); }
	.space1 { background: url( ../i/doubleLetter.jpg ); }
	.space2 { background: url( ../i/tripleLetter.jpg ); }
	.space3 { background: url( ../i/doubleWord.jpg ); }
	.space4 { background: url( ../i/tripleWord.jpg ); }
	.space5 { background: url( ../i/center.jpg ); }

#searchResults { float: right; color: #FFF; text-align: left; width: 320px; }