body { background:#2493cb;color:#fff;font-family:georgia,times,serif;bottomMargin=0; leftMargin=0; topMargin=0; 
scroll=auto; rightMargin=0; marginwidth="0"; marginheight="0";  }
	h1 { margin:0;padding:0;font-weight:normal;text-align:center; }
	#wrapper { 
		width:600px;
		margin: 20px auto;
		background:url(img/grid_bg.gif) 0 -40px no-repeat;
		padding:10px;
		position:relative;
 }

 
	#docker {
		display:none;
		position:absolute;
		top:10px;
		right:10px;
		width:150px;
		height:500px;
		padding:10px;
		font:11px verdana;
		color:#fff;
		overflow:scroll;
		border:1px solid #999;
	}
	#docker p {
		margin-bottom:10px;
	}
	a {
		color:#fff;
	}
	a img {
		border:0;
	}
	* { outline:none;-moz-outline: none -moz-mac-focusring; }
	#keys p {
		font:10px verdana, arial, sans-serif;
		color:#fff;
		text-align:center;
		margin:0;
		padding:2px;
	}
	#ref {
		position:absolute;
		top:0;
		left:0;
		height:16px;
		background:#000;
		border-bottom:3px solid #fff;
		width:100%;
		padding:3px;
	}
	#ref ul, #ref li {
		list-style:none;
		margin:0;
		padding:0;
	}
	#ref ul li {
		display:inline;
		padding:0 6px;
		font:12px verdana;
		position:relative;
		top:-5px;
	}
	#intro {
		text-align:center;
	}
	#overlay {
		position:absolute;
		background:url(img/overlay.gif);
		z-index:100;
		width:251px;
		height:104px;
		text-align:center;
		margin:0;
		top:23px;
		left:183px;
		/* border-bottom:1px solid #999; */
	}
	#gridtop {
		position:absolute;
		z-index:100;
		top:127px;
		left:163px;
		width:293px;
		height:42px;
		background:url(img/grid_top.gif) no-repeat;
	}
	#stats span {
		font:12px georgia,times,serif;
		position:absolute;
		left:510px;
		display:block;
		width:65px;
		text-align:center;
	}
	#stats span#lines {
		top:170px;
	}
	#stats span#level {
		top:202px;
	}
	#stats span#score {
		top:233px;
	}
	#shapes span {
		position:absolute;
		left:125px;
		text-align:right;
		font:12px georgia,times,serif;
	}
	#shapes #tri { top:180px; }
	#shapes #square { top:222px; }
	#shapes #zag2 { top:270px; }
	#shapes #zag1 { top:322px; }
	#shapes #line { top:370px; }
	#shapes #el1 { top:405px; }
	#shapes #el2 { top:445px; }
	#next-shape {
		position:absolute;
		top:420px;
		left:480px;
		width:100px;
		height:70px;
		text-align:center;
	}
		table#grid {
			width:250px;
			border-collapse:collapse;
			margin:0 auto;
            position: relative;
            top: -40px;
		}
		table#grid td {
			border-collapse:collapse;
			width:17px;
			height:24px;
		}
		table#grid td.orange {
			background:url(img/block-orange.gif) no-repeat;
		}
		table#grid td.red {
			background:url(img/block-red.gif) no-repeat;
		}
		table#grid td.red2 {
			background:url(img/block-pink.gif) no-repeat;
		}
		table#grid td.blue {
			background:url(img/block-blue.gif) no-repeat;
		}
		table#grid td.white {
			background:url(img/block-white.gif) no-repeat;
		}
		table#grid td.purple {
			background:url(img/block-purple.gif) no-repeat;
		}
		table#grid td.purple2 {
			background:url(img/block-green.gif) no-repeat;
		}
		table#grid td.fill {

		}
		table#grid tr.over td {
			background:url(img/block-white.gif) no-repeat !important;
		}

        #row1, #row2, #row3, #row4, #row5, #row6 { visibility: hidden; }