body { margin: 0px; padding: 0px; background: #fff; }
#capitals_site_holder{ width:100%; height:100%; position:relative; background:url(../images/ghafla.png) no-repeat  50% 0;}
#capitals_site_wrapper{ width:997px; height:800px; margin:0 auto; display:block; position:relative; z-index:2 }

#kitkat_banner_ad_square{ width:302px; height:250px; background:#f00; position:absolute; top:250px; right:15px; z-index:9999; }
#kitkat_banner_ad_rect{ width: 100%; height: auto; background:#f00; position:relative; z-index:9999; }

#kitkat_banner_ad_square img , #kitkat_banner_ad_rect img{ width:100%; }

.kitkat_overlay_trigger{ cursor:pointer; }

#kitkat_game_holder{ display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; background:url(../images/kitkat_overlay_bg.png) repeat; font-family: 'gothamblackitalic'; text-transform:uppercase;  }

#kitkat_close{ border:2px solid #fff; font-size:20px; color:#df222c; background:#fff; right:20%; padding:4px 10px; margin:0 10px 0 0; cursor:pointer; display:none; position:fixed; z-index:99999; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px;  }

#kitkat_hideMsg{ width:100%; display:block; position:fixed; top:0; left:0; bottom:0; margin:0 auto; display:block; text-align:center; color:#fff; z-index:999999; padding:10% 0 0 0; }
#kitkat_hideMsg span{ font-size:100px; }
#kitkat_instruction{ font-size:20px; margin:10px 0; }
#kitkat_intro{ display:none; position:fixed; width:100%; top:45%; color:#fff; left:0; font-size:20px; text-align:center; }

#canvas { position: fixed; width: 100%; height: 100%; top:0; left:0; z-index:9999; background:none; }
#twitter { position: fixed; bottom: 30px; left: 30px; font-size: 42px; }

#intro { /*font-size: 24px; position: fixed; top: 30%; line-height: 1em; text-align: left; left:0; z-index:99999; text-align:center; color:#fff !important; font-weight:bold !important; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; width:100%;*/ }



#kitkat_conclude{ width:72%; display:none; position:fixed; top:100px; left:14%; z-index:9999; height:300px; background:#df222c;  }
#kitkat_conclude_logo{ width:auto; float:left; margin:0 0 0 20px; position:absolute; top:-80px; }
#kitkat_conclude_content{ width:270px; margin:0 auto; position:relative; color:#fff; text-align:center; }
#kitkat_conclude_content h2{ font-size:47px; }
#kitkat_share_restart_container{ width:100%; display:block; overflow:hidden; height:auto; padding:10px 0; }
#kitkat_share_button{ border:2px solid #fff; width:auto; display:inline-block; float:left; font-size:15px; text-transform:uppercase; padding:5px 20px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; margin:0 20px 0 0; cursor:pointer; }
#kitkat_restart_button{ border:2px solid #fff; width:auto; display:inline-block; float:left; font-size:15px; text-transform:uppercase; padding:5px 20px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; cursor:pointer; }

#kitkat_score_details{ width:72%; display:none; position:fixed; top:100px; left:14%; z-index:999; height:110px; background:#df222c; }

#kitkat_play_with_scrollbar{ float:right; width:290px; margin:20px 20px 0 0; display:none; }
#kitkat_beat_kitkat_bar{ float:left; width:228px; margin:20px 0 0 20px; display:none; }
#kitkat_big_bar{ position:absolute; left:0; top:50px; display:none; }

#kitkat_score_details_logo{ width:329px; height:auto; display:block; position:absolute; left:0; display:none; }
#kitkat_score_details_logo img{ width:100%; }

#kitkat_scores{ width:200px; margin:0 20px 0 0; width:200px; display:block; height:auto; position:relative; text-align:center; position:relative; float:right; display:none; }
#kitkat_players{ display:block; width:100%; height:auto; font-size:13px; position:relative; text-align:center; }
#kitkat_comp_title{ display:block; width:40%; height:auto; float:left; color:#fff !important; font-size:16px; font-family: Arial, Gotham, "Helvetica Neue", Helvetica,  sans-serif; font-style:italic; text-transform:capitalize; }
#kitkat_person_title{ display:block; width:40%; height:auto; float:right; color:#fff !important; font-size:16px;font-family: Arial, Gotham, "Helvetica Neue", Helvetica,  sans-serif; font-style:italic; text-transform:capitalize; }

#kitkat_comp, .kitkat_comp{ display:block; width:40%; height:auto; float:left; color:#fff !important; font-size:52px; background:url(../images/kitkat_score_bg.jpg) repeat-x #000 center; padding:5px 0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; overflow:hidden; }
#kitkat_person , .kitkat_person{ display:block; width:40%; height:auto; float:right; color:#fff !important; font-size:52px; background:url(../images/kitkat_score_bg.jpg) repeat-x #000 center; padding:5px 0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; overflow:hidden; }

.kitkat_vs{ color:#fff; line-height:0; font-size:13px; }
#kitkat_how_to , #intro{ color:#fff; font-size:13px; }
#score { position: relative; font-size: 52px; width:100%; display:inline-block; color:#fff !important;  }

#kitkat_more{ position:absolute; right:10%; top:10px; width:200px; height:auto; }

#kitkat_share{ border:2px solid #fff; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; font-size:10px; color:#fff; float:left; padding:8px; cursor:pointer; }