/* activities/Martin Gardner/XOX/styles.css */

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

body {background-color:#008; font-family:arial; font-size:20px; color:#007;}

#box {width:960px; height:850px; border:1px solid black; margin:auto;
			background-color:ivory; position:relative; margin-top:10px;
		  padding-top:20px;}
.textC {text-align: center;}
.abs {position:absolute;}
#home {right:10px; top:10px;}
#back {left:10px; top:10px;}
#modDate {position:absolute; left:1000px; bottom:-7px; color:#000;
 font-size:16px;}

#heading {width:350px; margin:0 auto; padding-bottom:15px;}
#heading span {vertical-align:top; color:blue; font-size:30px;}
#heading img {margin:0 20px;}
#pic {position:relative; width:800px; height:600px; margin:0 auto;
	border:5px double brown;}
#blue_gold {position:absolute; left:0; top:0;}
#cardsXOX {position:absolute; left:262px; top:115px;}
.card  {position:absolute;}
.card2  {position:absolute;}
#wordsXOX {position:absolute; left:230px; top:180px;}
.word  {position:absolute;}
.word2  {position:absolute;}
#button {position:absolute; left:384px; top:530px;}
#button_down {position:absolute; left:384px; top:530px;}
#green_down {position:absolute; left:374px; top:500px;}
#green {position:absolute; left:374px; top:500px;}
#gold_robot {position:absolute; left:75px; top:61px;}
.ball {position:absolute;}
.text {width:600px; margin:15px auto; text-align:center;}
ol {margin:5px; padding-left:70px; text-align:left;}
i {color:brown;}
#XgoldR {position:absolute; width:250px; height:600px; left:880px; top:85px;}
#XgoldR div {width:100%; margin-top:50px; padding:20px; text-align:center;
	background-color:#dff; cursor:pointer; border:1px solid blue;
	border-radius:20px;}
#letter {position:absolute; width:100px; left:550px; font-size:72px;
	text-align:center; color:red;}
#go {width:680px; margin:0 auto;}
#go p {text-align:center;}
#words9 input {text-align:center; padding:10px; border:1px solid green;
	width:100%; font-size:24px;}
#result {font-size:24px; color:brown; font-style:italic;}
#table9 {margin:50px auto; background-color:#cff;}
#table9 td {padding:10px 20px; font-size:30px; width:100px; text-align:center;}
#table9 th {padding:10px 20px; font-size:30px; width:100px; text-align:center; color:red;}

#goldR { /* replaces above entry */
	display:flex;
}
#goldR div { /* replaces above entry */
	padding:10px;
	text-align:center;
	background-color:#dff;
	cursor:pointer;
	border:1px solid blue;
	border-radius:20px;
	margin: 0 5px;
}