body { -webkit-text-size-adjust: none; margin: 0; padding: 0; font-size: 62.5%; font-family: Trebuchet, Trebuchet MS, Helvetica, Verdana, sans-serif; background-color: #000; }
.container { position: relative; margin: auto; overflow: visible; background: #000; }
body[orient="profile"] .container { width: 100%; height: 416px; }
body[orient="landscape"] .container { width: 100%; height: 268px; }
.content { position: relative; overflow: visible; background: #000; }
body[orient="profile"] .content { width: 100%; height: 356px; }
body[orient="landscape"] .content { width: 100%; height: 268px; }
.adcontainer { position: relative; width: 100%; height: 60px; background: #000; text-align: center; }
.ad { margin: auto; }
.clearer { clear: both; width: 1px; height: 1px; overflow: hidden; }

.intro { background: #000; }
#preloading { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #000; text-align: center; padding-top: 180px; }

#brand { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #000 url(imgs/underclouds.png) no-repeat center; }
#logo { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; text-align: center; }
#logo-inner { position: relative; margin: auto; width: 320px; height: 356px; }
#logo-img { position: relative; margin: auto; margin-bottom: 38px; margin-top: 15px; }
#logo-menu { position: relative; }
#logo-loading { padding-top: 30px; text-align: center; }

.btn { cursor: pointer; }

#btn-easy { position: absolute; left: 75px; top: -25px; }
#btn-other { position: absolute; left: 75px; top: 110px; }
#btn-help { position: absolute; left: 160px; top: 41px; }
#digger { position: absolute; width: 320px; text-align: center; left: 0px; top: 149px; background: transparent; }

#btn-prev { position: absolute; left: 10px; top: 8px; }
#btn-reset { position: absolute; left: 88px; top: 8px; }
#btn-menu { position: absolute; left: 172px; top: 8px; }
#btn-next { position: absolute; left: 256px; top: 8px; }

#game-container { position: absolute; left: 0px; top: 0px; background: #000; width: 100%; height: 100%; }
#game-inner { position: relative; margin: auto; width: 320px; height: 356px; }
#game-canvas { position: absolute; top: 36px; left: 0px; width: 320px; height: 320px; }
#game-canvas-clicker { position: absolute; top: 36px; left: 0px; width: 320px; height: 320px; }
#game-field { position: absolute; left: 0px; top: 36px; width: 320px; height: 320px; background: transparent url(dot.gif); overflow: hidden; }
#game-field-movables { position: absolute; left: 0px; top: 36px; width: 320px; height: 320px; overflow: hidden; }
#game-field-effects { position: absolute; left: 0px; top: 36px; width: 320px; height: 320px; overflow: hidden; }
.effect { position: absolute; width: 40px; height: 40px; display: none; }

.ball { position: absolute; width: 32px; height: 32px; }
.ball-big { position: absolute; width: 64px; height: 64px; }
.ball-flake { position: absolute; width: 43px; height: 36px; }

#game-score { position: absolute; left: 0px; top: 32px; width: 320px; height: 14px; font-size: 12px; line-height: 14px; color: #000; text-align: center; background: #fff; opacity: 0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); font-weight: bold;  }
.small-score { text-align: center; font-size: 0.7em; }

.l { width: 60px; height: 50px; position: absolute; }
.lb { width: 60px; height: 44px; position: absolute; }

#digger { font-size: 1.2em; color: #fff; }
#digger a { font-size: 1.2em; color: #fc0; }

#btn-tap { position: absolute; left: 0px; top: 36px; width: 320px; height: 320px; text-align: center; cursor: pointer; }  
#btn-tap-img { margin-top: 100px; margin-bottom: 15px; }
#tap-name { color: black; font-weight: bold; font-size: 2.0em; margin-bottom: 20px; }
#tap-score { color: black; font-weight: bold; font-size: 2.0em; }
#tap-info { color: black; font-weight: bold; font-size: 0.6em; }
.white-box { padding: 10px; background: #fff; opacity: 0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); }

#grats-container { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; text-align: center; background: transparent; padding-top: 100px; }
#grats-inner { position: relative; margin: auto; width: 320px; height: 356px; }
#grats { position: relative; margin-left: auto; margin-right: auto; display: block; background: transparent; margin-bottom: 30px; }
#grats-score { color: black; font-weight: bold; font-size: 2.0em; }
#grats-record { margin-top: 30px; }
#grats-entry { font-size: 1.2em; color: #000; }
#grats-name { font-size: 2.0em; background: #000; color: #fff; }
#btn-go { margin-left: 25px; cursor: pointer; }

#help-container { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; text-align: center; }
#help-inner { position: relative; margin: auto; width: 320px; height: 356px; }
#help-outer { position: absolute; left: 0px; top: 0px; background: transparent url(dot.gif) no-repeat center center; cursor: pointer; }
#help-text { position: absolute; left: 0px; top: 0px; width: 320px; height: 356px; }

/* Initial states. */
#brand { opacity: 0; }
#logo { opacity: 0; }
#logo-loaded { display: none; }
#grats-container { opacity: 0; }