body {
	margin:0px;
	padding:0px;
	font-family:"Lucida Grande","Helvetica",sans-serif;
	background:#026435;
}

div#toolbar {
	padding:10px;
	background:url(http://community.seas.columbia.edu/cslp/pictures/fall06/wood%20texture.jpg);
	color:white;
	border-bottom:5px solid #0a4228;	
	height:20px;
}

div#toolbar span#start { 
	float:right;
	color:#ddd;
}

#instructions {
	color:white;
	float:left;
	text-align:center;
}

div#cards {
	padding:5px;
	margin:0 auto;
	width:1000px;
	text-align:center;
}

div#cards h1 {
	text-align:center;
	color:white;
}

div#cards h2 {
	text-align:center;
	color:white;
}

div.hand {
	height:93px;
	padding:10px;
	margin:0px 0 15px 0;
	width:990px;
}

div.hand h1, div.hand_active h1 {
	background:none;
	font-size:40px;
	color:white;
	text-align:center;
}

div.hand_active {
	background:#286ea0;
	border:1px solid black;
	height:93px;
	width:990px;
	padding:10px;
	margin:0px 0 15px 0;
}

div.card {
	border:4px double #333;
	padding:3px 5px;
	width:50px;
	float:left;
	margin:3px;
	font-size:25px;
	text-align:center;
	font-weight:bold;
	background:#eee;
	cursor:pointer;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

div.blank {
	border:4px solid #ccc;
	padding:11px 5px;
	width:50px;
	float:left;
	margin:3px;
	font-size:25px;
	color:#eee;
	text-align:center;
	font-weight:bold;
	background:#eee;
}

div#table div.blank {
	background:#33b476;
	color:#33b476;
	border-color:#1d8a56;
}

div#cards div.blank {
	background:#026435;
	color:#026435;
	border-color: #0a4228;
}

div.blank span { 
	font-size:9px; 
	margin-top:38px;
	display:block;
}

div.card span, div.card_possible span {
	font-size:10px;
	margin-top:38px;
	display:block;
	color:#333;
}

div.card.black {
	background:#777;
}

div.card.spade {
	background:#fff url(spade.png) no-repeat center center;
}

div.card.club {
	background:#fff url(club.png) no-repeat center center;
}

div.card.diamond {
	background:#fff url(diamond.png) no-repeat center center;
}

div.card.heart {
	background:#fff url(heart.png) no-repeat center center;
}

div.card.red {
	background:#ff938a;
	color:red;
}

div#whoseTurn {
	width:300px;
	font-size:30px;
	color:white;
	text-align:center;
	padding:10px;
	margin:0 auto;
}

div#table {
	height:230px;
	width:580px;
	margin:0 auto;
	background:url(table_bg.png) no-repeat top center;
	padding:5px;
	margin-bottom:10px;
}

div#table div#table_inner {
	width:306px;
	margin:0 auto;
}

div#table input, div#cards input {
	font-size:50px;
	margin-top:50px;
	cursor:pointer;
	padding:10px;
	background:url(deal_btn.png) no-repeat;
	text-indent:-999px;
	border:0px;
	width:170px;
	height:95px;
}