@CHARSET "ISO-8859-1";
body {
   background: #ccc;
 }
h1{
position: absolute;
float:right;
right: 5px;
top: 5px;
width: 300px;
height:25px;
font: 18px Arial Black;
color: purple;
border-bottom: 5px dotted red;
}
#gameArea{
	margin: 0px 0px 0px 50px;
	width: 700px;
}

.notMatched{
    width: 95px;
    height: 95px;
	padding: 0px;    /*top right bottom left**/
	margin: 0.25em;
}


#sideBar{
position: absolute;
float:right;
right: 50px;
top: 100px;
border: 2px solid red;
width: 210px;
height:70px;
background: yellow;
}


#timerBox1{   /* Show the timer running after the game has began.... */
float:right;
width: 35px;
height: 35px;
border: 2px dotted green;
padding: 3px;
margin: 0.5em;
color: blue;
font : bold 25px Arial Black, Times New Roman;
background: #ACC;

}

#timerBox2{   /* Show the timer running after the game has began.... */
float:right;
width: 35px;
height: 35px;
border: 2px dotted green;
padding: 3px;
margin: 0.5em;
color: blue;
font : bold 25px Arial Black, Times New Roman;
background: #ACC;
}

#timerBox3{   /* Show the timer running after the game has began.... */
float:right;
width: 35px;
height: 35px;
border: 2px dotted green;
padding: 3px;
margin: 0.5em;
color: blue;
font : bold 25px Arial Black, Times New Roman;
background: #ACC;
}

#clickDisplay{
position: absolute;
float:right;
right: 25px;
top: 250px;
width: 300px;
height:80px;
font: 20px Rockwell Bold,Arial Black, Verdana, Georgia;
}
#textBox{
float:right;
width: 150px;
height: 35px;
padding: 3px;
color: red;
font : bold 18px Verdana, Times New Roman;
}
#clickBox{
float:right;
width: auto;
height: 35px;
border: 2px dotted green;
padding: 5px;
margin: 0.5em;
color: red;
font : bold 25px Arial Black, Times New Roman;
background: #ACC;
}


#playOptions{
position: absolute;
float:right;
right: 25px;
top: 400px;
width: 250px;
height:80px;

}
.imgButton{
width: 64px;
height: 64px;
padding:2px;
margin: 0.1em;
}