/*
	i2.css
	Jonathon Van Spronsen
	
	Styles for Iteration 2 (JavaScript version) of Blackjack.
*/

body {
	font-family: Arial, Helvetica, sans-serif;
}

#playerHand {
	background: url("../../images/player_hand.jpg") top left no-repeat;
	height: 160px;
}
#dealerHand {
	background: url("../../images/dealer_hand.jpg") top left no-repeat;
	height: 160px;
}
#playerHand, #dealerHand {
	list-style: none;
	padding: 55px 1.0em 0 1.0em;
	border: 1px solid #cc9;
	margin: 20px;
}
#playerHand li, #dealerHand li {
	position: relative;
	list-style: none;
	margin: 20px 20px 0;
	height: 120px;
	width: 70px;
	float: left;
}
#controls {
	clear: left;
}
#controls #playerScore, #dealerScore, #controls #gameStatus {
	display: block;
	padding: 0 20px;
}
#controls #gameStatus {
	font-weight: bold;
}
#controls button {
	border: 0;
	width: 193px;
	height: 127px;
	color: #fff;
	font: bold 25px/127px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: -2px;
	cursor: pointer;
	margin: 0;
}
#controls #deal {
	background: url("../../images/deal.png") no-repeat;
}
#controls #hit {
	background: url("../../images/hit.png") no-repeat;
}
#controls #stand {
	background: url("../../images/stand.png") no-repeat;
}
.card {
	font-family: "Segoe UI", "Lucida Grande", sans-serif;
	font-weight: bold;
	height: 120px;
	width: 70px;
	background: #fff;
	display: block;
	padding: 0 5px;
	font-size: 40px;
	line-height: 50px;
	border: 1px solid #999;
}
.blank {
	background: #ccc;
}
.diams, .hearts {
	color: #900;
}
.spades {
	background: #fff url(../../images/spades.jpg) 45px 60px no-repeat;
}
.diams {
	background: #fff url(../../images/diams.jpg) 50px 60px no-repeat;
}
.clubs {
	background: #fff url(../../images/clubs.jpg) 40px 60px no-repeat;
}
.hearts {
	background: #fff url(../../images/hearts.jpg) 45px 60px no-repeat;
}