/*
 * Author: Kris Spencer
 * Date: 2/6/17
 * File: gamestyles.css
 *
 * This file styles the game page for Fast Track
 */

body {

	background-color: rgb(255, 255, 204);

}

button {
	
	float: left;
	font-size: 12pt;
	padding: 20px;
	width: 120px;
	
}

button {
	background-color: rgb(0, 255, 0);
}

button:hover {
	background-color: rgb(0, 210, 0);
}

button:active {
	background-color: rgb(0, 180, 0);
}

button:disabled {
	background-color: rgb(255, 0, 0);
}

button:disabled:hover  {
	background-color: rgb(255, 0, 0);
}

div.bottom_stuff {

	clear: left;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 650px;

}

div.buttons_left {
	
	display: block;
	height: 200px;
	float: left;
	width: 120px;
	
}

div.buttons_right {

	display: block;
	height: 200px;
	float:right;
	width: 120px;

}

div.card {

	display: block;
	height: 175px;
	margin-left: 10px;
	margin-right: 10px;
	width: 125px;

}

div.card_bottom {
	
	color: rgb(255, 255, 204);
	margin-top: 235px;

}

div.deck {

	display: block;
	float: left;
	height: 185px;
	width: 135px;

}

div.deck_stuff {
	
	margin-left: auto;
	margin-right: auto;
	width: 290px;
	
}

div.drawn_card {

	display: block;
	float: left;
	height: 175px;
	margin-left: 10px;
	width: 125px;

}

div.game {

	background-color: rgb(245, 245, 225);
	border: solid black 4px;
	display: block;
	float: left;
	height: 650px;
	margin-bottom: 10px;
	width:650px;

}

div.left_cards {

	/*background-color: blue;*/
	display: inline-block;
	float: left;
	color: rgb(255, 255, 204);

}
div.left_cards p {

	margin-left: 8px;

}

div.right_cards {

	/*background-color: blue;*/
	display: inline-block;
	float: left;
	color: rgb(255, 255, 204);

}

div.right_cards p {

	margin-left: 8px;

}

div.top_stuff {

	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 950px;

}

header {
	
	background-color: rgb(240, 245, 255);
	border: solid black 1px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 650px;
	
}

header h1 {
	
	text-align: center;
	
}
/*
#output {
	font-family: 'Lucida Console', Monaco, monospace;
} */