body,html{margin:0px;padding:0px;background-image:url(bg.png);font-family:Verdana, Geneva, sans-serif;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

#bar1{width:100%;background-color:#EF4836;}
#bar2{width:100%;padding-top:5px;padding-bottom:5px;}
#bannerb{width:800px;height:auto;margin:auto;}
#banners{display:none;}

#gameArea{width:800px;height:auto;min-height:370px;margin:auto;background-color:#fff;margin-bottom:10px;}
 
#title1{text-align:center;background-color:#6C7A89;height:40px;padding:10px;font-size:40px;color:#fff;font-family:Verdana, Geneva, sans-serif;}
#title2{text-align:center;background-color:#6C7A89;min-height:40px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;}
#title2a{padding:5px;text-align:center;background-color:#6C7A89;min-height:40px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;width:auto;}

#pix1{margin-top:2px;text-align:center;}
#butang1{float:left;width:150px;margin:auto;margin-right:4px;margin-left:14px;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;margin-top:0px;}
#butang1:hover{opacity:.6;}

#butang2{float:left;width:150px;margin:auto;margin-right:4px;margin-left:4px;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
#butang2:hover{opacity:.6;}

#butang3{float:left;width:150px;margin:auto;margin-right:4px;margin-left:14px;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;margin-top:0px;}
#butang3:hover{opacity:.6;}

#butang4{float:left;width:100px;margin:auto;margin-right:4px;margin-left:4px;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;margin-top:0px;}
#butang4:hover{opacity:.6;}

#butang5{width:100px;margin:auto;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;margin-top:0px;}
#butang5:hover{opacity:.6;}


#butang6{width:100px;margin:auto;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;margin-top:0px;}
#butang6:hover{opacity:.6;}

#spacer1{width:100px;height:30px;}
 
 


 #butangholder{width:650px; margin:auto;}
 #butangholder2{width:120px; margin:auto;}

 .im1{position:absolute;right:2px;}
	.op img{width:26px;height:26px;}
 
#promo{margin:auto;text-align:center;margin-top:10px;}


#questionArea{float:right;width:50%;margin-top:30px;position:relative;}
#questionArea2{font-size:20px; text-align:center;width:90%;}
#questionArea3{font-size:20px; width:90%;margin:auto;}
.qa1{font-weight:bold;}
.op{text-align:center;border:3px solid grey;width:200px;padding:3px;margin:auto;margin-top:10px;border-radius:7px;cursor:pointer;font-size:20px;position:relative;}
.op:hover{opacity:.6;}
.wrongun{background-color:#e7544d;color:#fff;}
.rightun{background-color:#31b66a;color:#fff;}

#infoArea{float:left;width:50%;margin-top:30px;} 
#infoArea2{width:90%;margin:auto;border:2px solid #6C7A89;text-align:center;font-size:30px;color:#fff;background-color:#6C7A89;padding-top:10px;padding-bottom:10px;} 
#infoArea3{width:90%;margin:auto;border:2px solid #6C7A89;text-align:center;font-size:20px;padding-top:3px;padding-bottom:3px;height:120px;position:relative;}  

#infoArea4{width:90%;margin:auto;text-align:center;font-size:16px;padding-top:3px;padding-bottom:3px;;margin-top:3px;} 

#nextArea{clear:both;float:none;width:100%;}

#uber{width:720px;margin:auto;height:1050px;background-color:#fff;}

#notesHolder{padding:20px;min-height:270px;}



@media screen and (max-width:700px) {

	#spacer1{width:100px;height:0px;}

	#infoArea{float:none;padding:10px;width:90%;text-align:center;margin-top:0px;margin:auto;height:100px;} 
	#questionArea{float:none;padding:10px;width:90%;margin-top:20px;position:relative;text-align:center;margin:auto; }
	#questionArea2{height:50px;margin:auto; margin-top:10px;}
 
#infoArea3{width:90%;margin:auto;border:2px solid #6C7A89;text-align:center;font-size:20px;padding-top:3px;padding-bottom:3px;height:auto;}  

}

 


@media screen and (max-width:650px) {
	#butangholder{width:360px;margin:auto;}
	#butang4{margin-top:20px;width:150px;}
	#butang3{margin-top:20px;}
	}
 






@media screen and (max-width:800px) {
	body,html{background-image:none;}
#gameArea{width:100%;}
 
}

@media screen and (max-width:650px) {
	#title1{font-size:32px;}
#passage{padding:2%;width:96%;float:left;height:auto;}
#quiz{margin:2%;margin-top:40px;width:95%;height:300px;float:left;border: 1px solid #3CF; border-radius:1px;position:relative;}
#gameArea{margin-top:15px;}
}


@media screen and (max-width:450px) {
	#title1{font-size:25px;}
	#title2{font-size:15px;}
	#banner{width:100%;height:50px;background-color:#F39C12;padding-left:0%;}
}

@media screen  and (max-width:820px){
#bannerb{width:100%;}
#bannerb img{width:100%;}
#allContent{width:96%;padding:2%;border:0px;}
 
}


@media screen  and (max-width:600px){
.question{text-align:center;}
#bannerb{display:none;}
#banners{width:100%;display:inline;}
#banners img{width:100%;}
#allContent{width:96%;padding:2%;border:0px;}
#butangholder{width:354px; margin:auto;}

#butang4{margin-top:20px;}

 

}

@media screen  and (max-width:350px){

	#banner img{width:100%;height:auto;}
}


@media screen  and (max-width:360px){
#butangholder{width:320px; margin:auto;}
#butang1{width:140px;font-size:14px;margin-right:4px;margin-left:14px;height:24px;padding:3px;}	 
#butang2{width:140px;font-size:14px;margin-right:4px;margin-left:4px;height:24px;padding:3px;}	
#butang3{width:140px;font-size:14px;margin-right:4px;margin-left:14px;height:24px;padding:3px;}	
#butang4{width:140px;font-size:14px;margin-right:4px;margin-left:4px;height:24px;padding:3px;}	
	
 	
}