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; width: 320px; margin: auto; height: 356px; }
body[orient="profile"] .content { width: 320px; height: 356px; }
body[orient="landscape"] .content { width: 480px; 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; }

#load-progress { font-size: 1.2em; color: #000; text-shadow: #000 3px 3px 3px; }

.intro { background: #000; }
#preloading { position: absolute; width: 100%; height: 356px; left: 0px; top: 0px; background: #000; text-align: center; padding-top: 180px; }
#brand { position: absolute; width: 100%; height: 356px; left: 0px; top: 0px; background: #000; }
#logo { position: absolute; width: 100%; height: 356px; left: 0px; top: 0px; text-align: center; overflow: hidden; }
#logo-inner { position: relative; width: 320px; height: 356px; margin: auto; padding-top: 10px; }
#logo-img { margin-bottom: 10px; }

.txt-big { font-size: 3.4em; font-family: Trebuchet, Trebuchet MS, Helvetica, Verdana, sans-serif; color: #fff; text-decoration: none; text-shadow: #000 3px 3px 3px; }
.txt-med { font-size: 2em; font-family: Trebuchet, Trebuchet MS, Helvetica, Verdana, sans-serif; color: #fff; text-decoration: none; text-shadow: #000 3px 3px 3px; }
.txt-sml { font-size: 1.8em; font-family: Trebuchet, Trebuchet MS, Helvetica, Verdana, sans-serif; color: #fff; text-decoration: none; text-shadow: #000 3px 3px 3px; }
.txt-kinda-sml { font-size: 1.2em; font-family: Trebuchet, Trebuchet MS, Helvetica, Verdana, sans-serif; color: #fff; text-decoration: none; text-shadow: #000 3px 3px 3px; }
.txt-very-sml { font-size: 1.0em; font-family: Trebuchet, Trebuchet MS, Helvetica, Verdana, sans-serif; color: #fff; text-decoration: none; text-shadow: #000 3px 3px 3px; }

#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; left: 80px; top: 60px; }

#btn-end { position: absolute; display: block; width: 80px; height: 30px; left: 10px; top: 10px; text-align: center; font-size: 1.2em; font-weight: bold; font-family: Trebuchet, Trebuchet MS, Helvetica, Verdana, sans-serif; color: #fff; text-decoration: none; text-shadow: #000 3px 3px 3px; }
#btn-buy-gems { position: absolute; display: block; width: 80px; height: 30px; left: 120px; top: 10px; text-align: center; font-size: 1.5em; font-weight: bold;font-family: Trebuchet, Trebuchet MS, Helvetica, Verdana, sans-serif; color: #fc3; text-decoration: none; text-shadow: #000 3px 3px 3px; }

.arrow { cursor: pointer; width: 24px; height: 23px; position: absolute; }
#btn-l-1 { left: 35px; top: 108px; }
#btn-l-2 { left: 35px; top: 142px; }
#btn-l-3 { left: 35px; top: 176px; }
#btn-l-4 { left: 35px; top: 210px; }
#btn-l-5 { left: 35px; top: 244px; }

#btn-r-1 { left: 261px; top: 108px; }
#btn-r-2 { left: 261px; top: 142px; }
#btn-r-3 { left: 261px; top: 176px; }
#btn-r-4 { left: 261px; top: 210px; }
#btn-r-5 { left: 261px; top: 244px; }

#btn-left { width: 27px; left: 93px; top: 310px; }
#btn-right { width: 27px; left: 200px; top: 310px; }

#score { display: block; position: absolute; width: 150px; height: 30px; left: 160px; top: 8px; text-align: right; }

#timebar { position: absolute; left: 60px; top: 338px; width: 200px; height: 15px; text-align: center; }

#help-container { position: absolute; left: 0px; top: 0px; background: #000; width: 100%; height: 356px; }
#help-inner { position: relative; width: 320px; height: 100%; margin: auto; text-align: center; }
#help-tower { width: 320px; height: 60px; }

#game-results { position: absolute; left: 0px; top: 0px; background: #000; width: 100%; height: 100%; }
#game-results-inner { position: relative; margin: auto; width: 320px; height: 356px; text-align: center; padding-top: 20px; }
#grats-name { font-size: 1.6em; }

#points { margin-top: 30px; margin-bottom: 40px; }

#scores-container { position: absolute; left: 0px; top: 0px; background: #000; width: 100%; height: 356px; text-align: center; padding-top: 10px; }
#scores-inner { position: relative; margin-left: auto; margin-right: auto; overflow: hidden; width: 320px; height: 356px; }

#scores-loading { margin-top: 100px; margin-bottom: 50px; }
#scores-table { position: relative; margin-left: auto; margin-right: auto; width: 320px; text-align: center; }
#scores-all { float: left; width: 150px; margin-right: 15px; }
#scores-today { float: left: width: 150px; }
.scores-header { font-size: 1.6em; font-weight: bold; color: #fff; padding-bottom: 5px; border-bottom: solid 1px #777; }
.score-line { margin-bottom: 7px; width: 149px; overflow: hidden; padding-bottom: 3px; border-bottom: 1px solid #333; }
.score-line .name { color: #fff; font-size: 1.4em; font-weight: bold; }
.score-line .score { color: #ffc; font-size: 2.0em; margin-right: 5px; font-weight: bold; }

/* IE orientation hacks \*/
* html .container { width: 100%; height: 416px; }
* html .content { width: 100%; height: 356px; }
* html #brand { height: 356px; }
* html #logo { height: 356px; }
/* */