@media screen,projection {
hr{display: none;}

.white{color: #fff;}

body,html{background: #000 url('gui/bg-body.gif') repeat-x bottom;padding: 0px;margin: 0px;height: 100%;min-height: 950px;}
form{margin: 0px; padding: 0px;}
input, textarea{font-size: 10px;font-family: Verdana, Arial, "Geneva CE", lucida,sans-serif;}

#body{background: url('gui/bg-head.gif') repeat-x;height: 100%;min-height: 950px;width: 100%;text-align: center;}
#body div{text-align: left;}

body, table{font-size: 10px;font-family: Verdana, Arial, "Geneva CE", lucida,sans-serif;}
#root{ margin: 0px auto 0px auto;width: 795px;border: 1px solid transparent;position: relative;}
.screensbody{height: auto;}

#footer-info{width: 750px;}

#bee{position: absolute; top: 40px; height: 50; width: 54px;}
#boss{position: absolute; top: 430px;right:4px;z-index: 78;}
#HB{position: absolute; top: 10px; left: 60px; z-index: 60;}

#box1, #box2, #box3, #box4, #box5, #box6{padding: 45px 15px 25px 10px;overflow: hidden;position: absolute;}

#box1{width: 332px; height: 306px;background: url('gui/bg-box1.gif'); top: 80px;left: 50px;}
#box2{width: 166px;height: 263px;background: url('gui/bg-box2.gif'); top: 123px; left: 414px;}
#box3{padding-top: 55px;width: 162px;height: 207px;background: url('gui/bg-box3.gif'); top: 30px; right: 0px;}
#box4{width: 162px;height: 14px;background: url('gui/bg-box4.gif'); top:325px; right: 0px;display:block;}
#box5{width: 695px;height: 134px;background: url('gui/bg-box5.gif');left: 50px;top: 467px; padding: 45px 25px 25px 25px;}
#box6{width: 720px;height: 134px;background: url('gui/bg-box5.gif');left: 50px;top: 682px;}

#box1 div{height: 320px; overflow: auto;padding: 0px 10px;}
#box2 div{height: 270px; overflow: auto;padding: 0px 10px;}
#box3 div{height: 200px; overflow: auto;padding: 0px 10px;}
#box4 div{height: 200px; overflow: auto;padding: 0px 10px;}
#box5 div{height: 140px; overflow: auto;white-space: nowrap;width: 695px;}
#box6 div{height: 140px; overflow: auto;padding: 0px 10px;}

#box5 img{border: 2px solid #606060;}

#box1 div{background: #A4A4A4 url('gui/bg-box1.gif') -10px -45px;}
#box2 div{background: #A4A4A4 url('gui/bg-box2.gif') -10px -45px;}
#box3 div{background: #A4A4A4 url('gui/bg-box3.gif') -10px -55px;}
#box4 div{background: #A4A4A4 url('gui/bg-box4.gif') -10px -45px;}
#box5 div{background: #A4A4A4 url('gui/bg-box5.gif') -10px -45px;}
#box6 div{background: #A4A4A4 url('gui/bg-box5.gif') -10px -45px;}

#box6 p{margin: 0px;padding: 5px 0px 5px 0px;border-bottom: 1px solid #000;}

#box2 ul{list-style-type: none;margin: 0px; padding: 0px;}

#box2 ul li{border-bottom: 1px solid black;padding: 5px 0px;}

img{border: 0px;}
#box4{ text-decoration: none; text-align: right;color: #000;font-weight: bold;}
#box4 img{position: relative;top:5px;}

p{margin: 0px 0px 10px 0px;}
#pidimusky{position: absolute; top: 95px; left: 330px; z-index: 80;}

#h2-about{position: absolute; top: 67px; left: 40px; z-index: 70;}
#h2-hiscore{position: absolute; top: 25px; right: 8px; z-index: 70;}
#h2-devblog{position: absolute; top: 112px; left: 409px; z-index: 70;}
#h2-download{position: absolute; top: 324px; right: 4px; z-index: 70;}
#h2-screenshots{position: absolute; top: 460px; left: 40px; z-index: 70;}
#h2-board{position: absolute; top: 678px; left: 40px; z-index: 70;}
#h2-allscreens{position: absolute; top: 50px; right: 40px; z-index: 70;border: 0px;}

ul{margin: 0px 0px 10px 0px;}
#footer{position: absolute;bottom: 0px;height: 41px;width: 100%;text-align: center;background: #5D5D5D url('gui/bg-footer.gif') repeat-x bottom;}

a {text-decoration: underline; font-weight: bold;color: #000}

#hiscore-table-small {border-collapse: collapse;white-space: nowrap; width: 100%;}
#hiscore-table-small .n{text-align: right;}
#hiscore-table-small td{margin: 0px; padding: 0px; color: #000}
#hiscore-table-small img{margin: 0px 0px 0px 5px;}

#spider{z-index: 80; position: absolute; top: 75px; right: 168px;}
#lowfuel{position: absolute; top: 70px; left: 430px;z-index: 60}
#vosicka{position: absolute; top: 85px; left: 510px;z-index: 70}

#more-hiscores{text-align: center;padding-top: 3px;color: #000;font-weight: bold;text-decoration: none;position: absolute;right: 15px; top: 285px;z-index: 60;display:block;background: url('gui/button-small.gif');width: 159px; height: 18px;overflow: hidden;}
#show-all-screenshots{padding-top: 3px;padding-left: 15px;color: #000;font-weight: bold;text-decoration: none;position: absolute;right: 15px; top: 480px;z-index: 60;display:block;background: url('gui/button-big.gif');width: 163px;height: 17px;overflow: hidden;}
#add-your-comment{text-align: center;padding-top: 3px;color: #000;font-weight: bold;text-decoration: none;position: absolute;right: 15px; top: 695px;z-index: 60;display:block;background: url('gui/button-big.gif');width: 178px; height: 17px;overflow: hidden;}
#screens-back{text-align: center;padding-top: 3px;color: #000;font-weight: bold;text-decoration: none;position: absolute;right: 40px; top: 100px;z-index: 60;display:block;background: url('gui/button-small.gif');width: 159px; height: 18px;overflow: hidden;}

#screens-page{margin-top: 150px;color: #fff;}
#screens-page a{color: #fff;}
#screens-page img{border: 2px solid #606060;}
#screens-page p{text-align: center;}


#highscore-page{margin-top: 150px;color: #fff;}
#highscore-page a{color: #fff;}
#highscore-page p{text-align: center;}
#highscore-page .maintable{margin: 0px auto;}
#highscore-page .maintable table{border-collapse: collapse; width: 150px;color: #fff;}
#highscore-page .maintable .active .white {color: #000;}

.n{color: #fff}

.active .n{color: #000}

.active{background: #fff; color: #000;}
}


@media print {
body,table{font-family: Verdana, Arial, "Geneva CE", lucida,sans-serif;}
img{border: 0px;}
a{color: #000;}
#box5 img{border: 2px solid #606060;}
}