#board {
  position:relative;
  background-image:url(gfx/board.jpg);

  width:600px;
  height:600px;

  top:25px;
  left:0px;
  padding-left:6px;
  padding-top:5px;
  z-index:2;    
}

#board span {
 position:relative;
 display:block;
 float:left;
 padding:1px 1px 1px 1px;
 width:59px;
 height:59px;
}


#graveyard{
 position:absolute;
 top:850px;
 left:0px;
}

#menuplayer {
 position:absolute;
 top:0px;
 left:630px;	
}

#msg {
 position:absolute;
 top:0px;	
}

#victory {
 position:absolute;
 border: 4px solid #768559;
 background-image:url(gfx/bg.jpg);
 background-position:-250px -300px;
 padding-top:20px;
 padding-left:20px;
 font-size:16px;
 left:125px;
 top:340px;
 width:350px;
 height:230px;
 z-index:10;
 
 webkit-border-radius: 35px 35px 35px 35px;
 border-radius: 35px 35px 35px 35px;  
	
 -webkit-box-shadow: 0px 9px 9px 3px #222;
 -moz-box-shadow: 0px 9px 6px 3px #222;
 box-shadow: 0px 9px 9px 3px #222;   	
	 
}
#ratespan {
 position:relative;
 top:10px;
 left:20px;
 font-size:20px;
 color:#e5e67f;
 line-height:36px;
}

#victory a {
	 color:#FFA;
}

#gamestatus {
 font-size:24px;	
 color:#CE3;	 
}

.titlecolor{
 color:#CCC;	
}


.pointer{
 cursor:pointer;
}

.left1{
 position:relative;
 left:0px;	
 -moz-animation-duration:0.5s;
 -moz-animation-name:left1;
 -moz-animation-timing-function:linear;
	
 -webkit-animation-duration:0.5s;
 -webkit-animation-name:left1;
 -webkit-animation-timing-function:linear;  
}
.right1{
 position:relative;
 left:0px;	
 -moz-animation-duration:0.5s;
 -moz-animation-name:right1;
 -moz-animation-timing-function:linear;
	
 -webkit-animation-duration:0.5s;
 -webkit-animation-name:right1;
 -webkit-animation-timing-function:linear;  

}
.up1{
 position:relative;
 top:0px;	
 -moz-animation-duration:0.5s;
 -moz-animation-name:up1;
 -moz-animation-timing-function:linear;
	
 -webkit-animation-duration:0.5s;
 -webkit-animation-name:up1;
 -webkit-animation-timing-function:linear; 
 
}
.down1{
 position:relative;
 top:0px;	
 -moz-animation-duration:0.5s;
 -moz-animation-name:down1;
 -moz-animation-timing-function:linear;
	
 -webkit-animation-duration:0.5s;
 -webkit-animation-name:down1;
 -webkit-animation-timing-function:linear; 
}

@-moz-keyframes down1{
	0%{ top:-51px;}
  100%{ top:0px;}
}

@-webkit-keyframes down1{
	0%{ top:-51px;}
  100%{ top:0px;}
}

@-moz-keyframes up1{
	0%{ top:51px;}
  100%{ top:0px;}
}

@-webkit-keyframes up1{
	0%{ top:51px;}
  100%{ top:0px;}
}

@-moz-keyframes left1{
	0%{ left:51px;}
  100%{ left:0px;}
}

@-webkit-keyframes left1{
	0%{ left:51px;}
  100%{ left:0px;}
}
@-moz-keyframes right1{
	0%{ left:-51px;}
  100%{ left:0px;}
}

@-webkit-keyframes right1{
	0%{ left:-51px;}
  100%{ left:0px;}
}


/***************/

.revleft1{
 position:relative;
 left:-51px;	
 -moz-animation-duration:0.5s;
 -moz-animation-name:revleft1;
 -moz-animation-timing-function:linear;
	
 -webkit-animation-duration:0.5s;
 -webkit-animation-name:revleft1;
 -webkit-animation-timing-function:linear;  
}
.revright1{
 position:relative;
 left:51px;	
 -moz-animation-duration:0.5s;
 -moz-animation-name:revright1;
 -moz-animation-timing-function:linear;
	
 -webkit-animation-duration:0.5s;
 -webkit-animation-name:revright1;
 -webkit-animation-timing-function:linear;  

}
.revup1{
 position:relative;
 top:-51px;	
 -moz-animation-duration:0.5s;
 -moz-animation-name:revup1;
 -moz-animation-timing-function:linear;
	
 -webkit-animation-duration:1.9s;
 -webkit-animation-name:revup1;
 -webkit-animation-timing-function:linear; 
 
}
.revdown1{
 position:relative;
 top:51px;	
 -moz-animation-duration:0.5s;
 -moz-animation-name:revdown1;
 -moz-animation-timing-function:linear;
	
 -webkit-animation-duration:0.5s;
 -webkit-animation-name:revdown1;
 -webkit-animation-timing-function:linear; 
}

@-moz-keyframes revdown1{
	0%{ top:0px;}
  100%{ top:51px;}
}

@-webkit-keyframes revdown1{
	0%{ top:0px;}
  100%{ top:51px;}
}

@-moz-keyframes revup1{
	0%{ top:0px;}
  100%{ top:-51px;}
}

@-webkit-keyframes revup1{
	0%{ top:0px;}
  100%{ top:-51px;}
}

@-moz-keyframes revleft1{
	0%{ left:0px;}
  100%{ left:-51px;}
}

@-webkit-keyframes revleft1{
	0%{ left:0px;}
  100%{ left:-51px;}
}
@-moz-keyframes revright1{
	0%{ left:0px;}
  100%{ left:51px;}
}

@-webkit-keyframes revright1{
	0%{ left:0px;}
  100%{ left:51px;}
}