/* /activities/Peter's Brain Games/Card Match/styles.css */

*:focus {outline: none;} /* prevents outline on clicked items */

body {font-family:arial,sans-serif; font-size:24px;
	background-color:#400;}
h2 {text-align:center; margin-top:20px; margin-bottom:-5px;
	font-family:Georgia,serif; font-style:italic; color:ivory;}

#box {width:960px; height:850px; background-color:#060; margin:0 auto;
	border:5px double #A00; position:relative;}
#page1, #game {
	position:relative;
}	
#stars {text-align:center; margin-top:20px;}
#stars img {cursor:pointer; padding:10px;}
#best {text-align:center; font-size:24px; color:ivory;}
#start {position:absolute; left:440px; top:-160px; color:ivory;}
.round_button {width:80px; height:110px; cursor:pointer;}
.round_button p {margin-top:0px; font-size:20px; text-align:center;}
#home {position:absolute; left:10px; top:10px;}
#back {position:absolute; left:60px; top:10px;}
#again {position:absolute; right:10px; top:10px;}

#note {text-align:center; border:2px solid brown; width:590px;
	padding:10px; margin:350px auto 0 auto; color:ivory;}

.card {position:absolute; display:none;}
.deck {position:absolute; display:none;}
#same {position:absolute; left:520px; top:510px; color:ivory;
	display:none;}
#different {position:absolute; left:375px; top:510px; color:ivory;
	display:none;}
#join {position:absolute; left:250px; top: 392px; display:none;}

@media screen and (orientation:landscape) {
	#page1, #game {
		margin-top:-170px;
	}
	#same, #different {
		margin-top:-10px;
	}
}