body{padding:0;margin:0;font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif}#totalpage{margin:0;padding:0;position:absolute;height:100%;width:100%;top:0;background:#d8d8d8;background:url('http://todolistme.net/images/texture.png')}#topbar{position:absolute;top:0;left:0;width:100%;height:40px;background-color:#444}#righthandads{position:absolute;right:20px;top:120px;width:162px;height:602px}#adfiller{background-color:#888;position:absolute;top:0;width:100%;height:100%}#lefthandads{position:absolute;left:20px;top:80px;width:162px;height:602px;background-color:#888}#socialstuff{position:absolute;top:60px;right:20px}.facebook,.twitter,.googleplus{display:inline-block;margin-left:10px}#boardcontainer{position:relative;width:100%;margin-top:120px}#footer{position:absolute;bottom:10px;left:-600px;display:inline-block;background-color:#aaa;padding:5px 30px 5px 5px;z-index:10;-moz-border-radius:0 7px 7px 0;-webkit-border-radius:0 7px 7px 0;border-radius:0 7px 7px 0}#footer.slide{left:0;transition:left 1s 1s ease}#toplinks{float:right;color:#ccc;padding:10px 10px 0 0}#toplinks a,#toplinks a:visited,#rulesbutton{color:#9cf;text-decoration:none}#toplinks a:hover,#rulesbutton:hover{text-decoration:underline;cursor:pointer}h1{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:translateX(-100%) rotate(-90deg);-moz-transform:translateX(-100%) rotate(-90deg);-ms-transform:translateX(-100%) rotate(-90deg);-webkit-transform:translateX(-100%) rotate(-90deg);transform:translateX(-100%) rotate(-90deg);font-size:40px;color:#9cf;padding-right:90px;display:inline-block;text-shadow:-1px 1px 1px #888,0 0 3px rgba(153,204,255,0.8)}#boardwrapper{margin-left:120px;margin-right:242px}#board{position:relative;width:80%;margin-left:auto;margin-right:auto}.tilewrapper{position:relative;width:33%;height:33%;float:left}.tile{position:relative;height:90%;width:90%;background-color:rgba(240,240,240,0.6);-webkit-border-radius:5px;border-radius:5px;transition:all 1s ease;border:1px solid #bbb;border-top:1px solid #999;border-left:1px solid #999;-webkit-box-shadow:inset 3px 3px 2px 0 rgba(100,100,100,0.4);box-shadow:inset 3px 3px 2px 0 rgba(100,100,100,0.4)}.winnerX{background-color:#c2e2c2 !important}.winnerO{background-color:#a1d6d8 !important}.activeTile{-webkit-box-shadow:7px 7px 10px 7px rgba(0,100,150,0.2);box-shadow:7px 7px 10px 7px rgba(0,100,150,0.2);background-color:#fff;border:0;transition:all 1s ease}.xturn .activeTile{-webkit-box-shadow:7px 7px 10px 7px rgba(30,226,30,0.2);box-shadow:7px 7px 10px 7px rgba(30,226,30,0.2);background-color:#cceccc;transition:all 1s ease}.oturn .activeTile{-webkit-box-shadow:7px 7px 10px 7px rgba(30,30,216,0.2);box-shadow:7px 7px 10px 7px rgba(0,141,216,0.2);background-color:#d0e8e8;transition:all 1s ease}.square{position:relative;width:33%;height:33%;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;transition:background-color 15s ease}.square0{border-right:1px solid #555;border-bottom:1px solid #555}.square1{border-bottom:1px solid #555}.square2{border-left:1px solid #555;border-bottom:1px solid #555;width:34% !important}.square3{border-right:1px solid #555}.square5{border-left:1px solid #555;width:34% !important}.square6{border-right:1px solid #555;border-top:1px solid #555;height:34% !important}.square7{border-top:1px solid #555;height:34% !important}.square8{border-left:1px solid #555;border-top:1px solid #555;width:34% !important;height:34% !important}.square{border-color:#888 !important}.lastmove{background-color:#df604b;transition:background-color 0 ease !important}.cross{background-image:url('../images/pieces_sprite2.png');background-position:0 0;background-size:200%}.naught{background-image:url('../images/pieces_sprite2.png');background-position:0 100%;background-size:200%}.cross-faded{background-image:url('../images/pieces_sprite2.png');background-position:100% 0;background-size:200%}.naught-faded{background-image:url('../images/pieces_sprite2.png');background-position:100% 100%;background-size:200%}.activeSquareCross:hover{background-image:url('../images/pieces_sprite2.png');background-position:100% 0;background-size:200%}.activeSquareNaught:hover{background-image:url('../images/pieces_sprite2.png');background-position:100% 100%;background-size:200%}#topcontrols{position:absolute;top:5px;left:30px}#topcontrols button,#topcontrols select{font-size:18px;margin-right:20px}#controlscontainer{display:inline-block}#piecemarker{display:inline-block;position:relative;margin-left:50px;vertical-align:middle}#piecemarkerX{display:inline-block;width:30px;height:30px}#piecemarkerO{display:inline-block;width:30px;height:30px;margin-left:30px}#turnmarker{position:absolute;bottom:-6px;height:6px;width:30px;-mozilla-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease;display:none;background-color:rgba(253,224,129,0.8)}#turnmarker.left{display:block;left:0}#turnmarker.right{display:block;left:60px}#closerules{position:absolute;top:3px;right:3px}#ruleswrapper{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(150,150,150,0.5);z-index:5}#ruleswrapper.show{display:block}#ruleswrapper.hide{display:none}#rulescontainer{position:absolute;top:100px;left:100px;bottom:100px;right:100px;background-color:#fafafa;border:1px solid #444;-webkit-border-radius:5px;border-radius:5px;padding:20px;overflow:auto;color:#444}#rulescontainer h2{color:#c2e2c2}#rulescontainer h3{color:#a1d6d8}#tellResult{width:200px;height:80px;border:1px solid #666;background-color:#efefef;transition:all 1s ease-out;position:absolute;top:36px;-webkit-border-radius:5px;border-radius:5px}#resultcontainer{margin-left:auto;margin-right:auto;width:130px}#tellResult.startingPosition{-webkit-transform:translate3d(-1400px,300px,0);-moz-transform:translate3d(-1400px,300px,0);-ms-transform:translate3d(-1400px,300px,0);-webkit-transform:translate3d(-1400px,300px,0);transform:translate3d(-1400px,300px,0)}#tellResult.slidein{-webkit-transform:translate3d(0,300px,0);-moz-transform:translate3d(0,300px,0);-ms-transform:translate3d(0,300px,0);-webkit-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0)}#tellResult.inPlace{background-color:rgba(250,250,250,0);border:1px solid rgba(0,0,0,0)}#resultPiece{display:inline-block;width:40px;height:40px;position:absolute;top:20px;left:20px}#resultpiece.nothing{display:none}#resultText{font-size:32px;font-weight:bold;color:#888;position:absolute;top:21px;left:70px}