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

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

*/
body {
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-color: #e0e0e0;
	background-image: url(../backgrounds/grayNoise.jpg);
}
#main { /* DIV for overall play area, containing everything else */
	margin: auto;
	margin-top: 20px;
	position: relative; /* coordinate system for CLASS=mainRelative */
	width: 960px;
}
@media screen and (max-device-width: 480px) {
    #main { margin-top: 0px; }
}
.mainRelative { /* Elements positioned relative to #main */
	position: absolute;
}
#stones { /* DIV within #main for the 12x8 stone positions */
	width: 720px;
	height: 560px;
	left: 40px;
	top: 40px;
}
#flasher { /* Movable IMG for the four-way congratulation star */
	z-index: 2;
	width: 180px;
	height: 210px;
	left: -20px;
	top: -30px;
	visibility: hidden;
}
#undoer { /* Movable IMG for the undoable stone */
	z-index: 3;
	cursor: pointer;
	display: none;
}
#touchStone { /* Movable IMG for the new playable stone */
	left: 830px;
	top: 75px;
	z-index: 4;
}
#scoreDisplay {
	width: 96px;
	height: 136px;
	left: 812px;
	top: 210px;
	z-index: 3;
	color: #f4f4f4;
	font-family: Comic Sans MS, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
#pouchDisplay {
	width: 96px;
	height: 135px;
	left: 811px;
	top: 420px;
	font-size: 1px;
}
#helpTxt { /* overall help text area DIV, containing 3 positioned columns */
	width: 880px;
	height: 560px;
	left: 39px;
	top: 39px;
	border: #ffffdc 1px outset;
	z-index: 5;
	background-color: #ffffdc;
	font-family: Comic Sans MS, sans-serif;
	font-size: 12px;
	line-height: 15px;
	display: none;
}
.helpColumn { /* Inidividual help column DIV within #helpTxt */
	position: absolute;
	width: 260px;
	top: 14px;
}
#help1 {
	left: 27px;
}
#help2 {
	left: 312px;
}
#help3 {
	left: 597px;
}
#helpClose {
	text-align: right;
}
.miscBtn { /* command buttons */
	width: 50px;
	height: 20px;
	top: 580px;
	cursor: pointer;
}
#boardBtn {
	left: 800px;
}
#helpBtn {
	left: 870px;
}
img {
	border: 0px;
	vertical-align: top;
}
#splash { /* Initially visible, hopefully fast-loading, IMG */
	width: 270px;
	height: 180px;
	left: 223px;
	top: 108px;
	border: #e0e0e0 2px ridge;
	padding: 120px;
}
.board { /* Board images, including #loading, a blank overlay */
	width: 960px;
	height: 640px;
	display: none;
}
#loading {
	display: block;
}
img.stone { /* IMG tags on the main board, plus touchstone and undo */
	width: 60px;
	height: 70px;
}
img.mini { /* Miniatures within the pouch area */
	width: 12px;
	height: 14px;
}