/* Emacs settings: -*- mode: Fundamental; tab-width: 4; -*-

////////////////////////////////////////////////////////////////////////////
//                                                                        //
// Ishido: stylesheet                                                     //
//                                                                        //
// Copyright 2008-2014, Andrew D. Birrell                                 //
//                                                                        //
////////////////////////////////////////////////////////////////////////////

*/
p {
	margin-top: 1em;
	margin-bottom: 0px;
}
body {
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-color: #e0e0e0;
	background-image: url(textures/textureStart.png);
	font-family: "Comic Sans MS", sans-serif;
	-webkit-text-size-adjust: 100%;
}
#main { /* DIV containing everything else */
	position: relative; /* creates a coordinate system for children */
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	/* All children except #splash and #board have position: absolute */
}
@media screen and (max-device-width: 640px) {
	#main { margin-top: 0px; }
	#splash { top: 20px; }
}
#splash { /* Initially visible, hopefully fast-loading, IMG */
	display: block;
	position: absolute;
	border: #e0e0e0 2px ridge;
	padding: 120px;
	width: 270px;
	height: 180px;
}
#board { /* Always visible, but initially blank, IMG */
	width: 100%;
	vertical-align: bottom;
}
.prefetch {
	display: none;
}
.stone { /* IMG */
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
}
#stones { /* DIV positioned relative to "main" */
	position: absolute;
}
#flasher { /* IMG positioned relative to "stones" */
	position: absolute;
	visibility: hidden;
	z-index: 198;
}
#undoer { /* IMG positioned relative to "main" */
	display: none;
	z-index: 196;
	cursor: pointer;
}
#touchStone { /* IMG positioned relative to "main" */
	z-index: 197;
}
#scoreDisplay { /* DIV positioned relative to "main" */
	display: none; /* during start-up */
	position: absolute;
	cursor: pointer;
}
.scoreValue {
	text-align: right;
}
#scoreFooter {
	position: absolute;
	bottom: 0px;
}
#pouchDisplay { /* DIV positioned relative to "main" */
	position: absolute;
}
.mini { /* DIV positioned relative to "pouchDisplay" */
	position: absolute;
}
#helpScreen { /* DIV positioned relative to "main" */
	display: none;
	position: absolute;
	z-index: 200;
}
#helpBkgd {
	height: 100%;
	background-color: #ffffdc;
	opacity: 0.85;
}
#helpText { /* DIV positioned relative to "helpScreen" */
	position: absolute;
	border: 2px #ffffdc ridge;
	padding: 6px;
	top: 0px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	background-color: #ffffdc;
}
.selectSkin { /* DIV positioned relative to "helpScreen" */
	position: absolute;
	top: 6px;
	line-height: 40px;
	white-space: pre;
}
#helpScreen input {
	cursor: pointer;
}
#helpVersion, #helpRestart, #helpClose { /* relative to "helpScreen" */
	position: absolute;
	bottom: 18px;
}