h1 {font-size: 32px; }
h2 {font-size: 24px; }
h3 {font-size: 20px; }
body {font-size: 16px; }
div#rack h2 {text-align: center;}
div#scores table {text-align: left;}
table {margin: auto;}
#board .board_tile, #rack .rack_tile {color: white;}
#board .fixed, #board #i8.fixed, #rack .rack_tile {background-color: saddleBrown;}
#board .fixed.last, #board #i8.fixed.last {background-color: blue;}
#board .move, #board #i8.move, #rack .move {background-color: gold; color: black; }
#board .current, #board #i8.current, #rack .current {background-color: yellow; color: black; }

#board table, #board tr, #board td {background-color: gray; border: solid #555 2px; border-collapse: separate;}
#board td, .rack_tile {width: 35px; height: 35px; text-align: center; font-size: 20px; font-weight: bold; margin: 0; padding: 1px; }
#board td:hover {border: solid #ccc 2px; }
#board #i8 {background-color: #666; }

#rack h2 {clear: both; margin-top: 0;}
#tile_holder {margin: 10px auto 0; height: 40px; width: 260px;}
.rack_tile { border: solid black 2px; float: left; margin-right: 20px;}
#rack4 { margin-right: 0;}

#rules {width: 600px; margin: auto; clear: both;}
#rules h2, #rules h3, #rules p {text-align: left;}
#rules h2.link {text-align: center;}

#spinner {height: 50px; text-align: center; visibility: hidden;}

.to_move {font-weight: bold;}
#commit_move, #pass {display: block; margin: auto;}
#previous_states {display: none; margin-top: 20px;}
#move_count, #resume_play {display: none;}