body,html{margin:0px;padding:0px;

font-family:Arial, Helvetica, sans-serif;
 background-color:#27393a;

}
#fbholder{text-align:center;}
#foot{height:50px;background-color:white;}
.oldbody{ background-image:URL(tile.png);}

@font-face {
    font-family: tf;
    src: url('fps.ttf'); 
	 
    }
	
	.colorme{color:#84bc01;font-size:34px;}

 #clueArea{border:1px solid #ececec;color:#ececec;width:400px;font-size:30px;padding:10px;margin:auto;font-family:tf;text-align:center;
 position:relative;
 }
 
  #answerArea{width:100%;height:40px;font-family:tf;text-align:center;}

#gameCanvas{-webkit-tap-highlight-color: transparent;}

#banner{background-color:#333333;text-align:center;
  
  font-size:24px;
  color:#FFFFFF;width:100%;height:70px;}
#banner img{width:450px;}


 
#appAreaLarge{width:100%;height:560px;width:540px;margin:auto;margin-top:10px;
border:1px solid #fff;}
#appAreaInner{ background-color:#A0C226;background-color:#273945;
height:560px;width:540px;}


#butang1{width:150px;font-size:18px;cursor:pointer;text-align:center;border:3px solid white;padding:5px;margin:auto;background-color:#FF6501;border-radius:5px;float:left;margin-left:10%;}
#butang1:hover{opacity:.6;}

#butang2{width:150px;font-size:18px;cursor:pointer;text-align:center;border:3px solid white;padding:5px;margin:auto;background-color:#FF6501;border-radius:5px;float:right;margin-right:10%;}
#butang2:hover{opacity:.6;}


#butang3{width:150px;font-size:18px;cursor:pointer;text-align:center;border:3px solid white;padding:5px;margin:auto;background-color:#FF6501;border-radius:5px;}
#butang3:hover{opacity:.6;}

#logo img{margin-left:10%;}
 
 
 
 #grid{width:350px;margin:auto;}
 .tile{float:left;width:48px;height:48px;border:1px solid grey;background-color:#F5EFE3;cursor:pointer;text-align:center;font-size:40px;font-family:tf;
  -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;}
 
 .tile:hover{background-color:#eeeeec;width:44px;height:44px;border:3px solid #FABB00;}
 
 
 

  #clueArea2{width:400px;;margin:auto;text-align:center;height:40px;}
 .wrd{padding:5px;margin-left:5px;margin-right:5px;background-color:#ecedec;text-align:center;font-family:tf;color:#ecedec;font-size:20px;
 -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;

 
 
 }
 
 
 
   #clueArea3{width:100%;;margin:auto;text-align:center;height:40px;color:#fff;margin-top:20px;float:none;clear:both;}
 
 .gr{color:#84bc01;font-weight:700;}
 
 #txtsmall{font-size:20px;}
 
 
 
 #mt{width:100%;height:100%;background-color:rgba(255,255,255, 0.1);position:absolute;top:0px;left:0px;}
 
 
 .selectedTile1{color:#D91E18;}
 .selectedTile2{color:#26A65B;}
 
 #str1{text-align:center;color:white;font-size:24px;}
 
  #str2{width:80%;text-align:center;color:white;height:230px;margin:auto; }
  #strpix{margin:auto;}
  #strpix img{width:180px;}
  
  
  #ca1{font-size:13;}
  #ca2{font-size:13;color:#84bc01;}
  
  
  #promotst{text-align:center;width:300px;height:50px;background-color:#C63;margin:auto;}
  #promo{text-align:center;}

@media screen and (max-width:550px) {
	#logo img{margin:auto;width:90%;}
	 #clueArea{width:90%;font-size:25px;padding:10px;margin:auto;font-family:tf;text-align:center;}
	 #clueArea2{width:90%;margin:auto;text-align:center;height:40px;}
	
	#hsarea{width:100%;}
	 #appAreaLarge{width:100%;}
 
	#appAreaInner{ 
height:560px;width:100%;border:none;}
#appAreaLarge{border:none;}
#appAreaLargeold{border:none;border-top:1px solid #fff;border-bottom:1px solid #fff;}
 
#gameBanner{width:100%;height:60px;background-color:#A0C226;font-family:tf;font-size:0px;position:relative;}
}

@media screen and (max-width:450px) {
	#banner img{width:100%;}
	 #butang1{width:100px;font-size:14px;}
 

#butang2{width:100px;font-size:14px;}
}
@media screen and (max-width:350px) {
  #grid{width:315px;margin:auto;}
 .tile{float:left;width:43px;height:48px;border:1px solid grey;font-size:40px;}
  .tile:hover{background-color:#eeeeec;width:41px;height:46px;border:2px solid #FABB00;}
}