*{margin:0;padding:0;-webkit-text-size-adjust:none;}
body,a{color:#3b4854;}
.animate-background{-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;}
.animate{-webkit-transition:all 0.25s linear;-moz-transition:all 0.25s linear;transition:all 0.25s linear;}
.secondary-bg{background:url(images/grid.jpg) #eeeeee 50% 0%;}
.sprite{background:url(images/sprite.png) no-repeat;}
.ellipsis{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;}
body,h1,h2,h3,h4{font-size:17px;font-family:'HelveticaNeue-Light',Helvetica,Arial,sans-serif;font-weight:300;}
h1,h2,h3,h4{letter-spacing:0.05em;}
h1{font-size:34px;}
h2{font-size:34px;padding:48px 0;}
b,strong{font-family:'HelveticaNeue-Bold',Helvetica,Arial,sans-serif;font-weight:900;}
label{font-family:'HelveticaNeue',Helvetica,Arial,sans-serif;font-weight:400;font-size:12px;}
.platforms-list li,.list-header.mini,.quick-links-header li{font-family:'HelveticaNeue-Medium','HelveticaNeue',Helvetica,Arial,sans-serif;font-weight:500;}
a:hover{color:#4cc2e4;}
p{line-height:1.8em;margin-bottom:2em;}
p+p{margin-top:2em;}
.button-container{position:absolute;right:-5px;background:url(images/shadow.png);}
.button{display:block;background:url(images/sprite.png) no-repeat;background-color:#4cc2e4;background-position:100% -171px;width:288px;padding:16px;color:#fff;font-size:24px;text-decoration:none;position:relative;top:-5px;left:-5px;-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;}
.button:hover{background-color:#4cd6fc;color:#fff;}
div.button,div.button:hover{background-color:#abafb0;}
.button label{display:block;font-size:0.5em;height:16px;}
.clear{clear:both;} 
#wrap,.wrap,#footer,hr{width:1008px;margin:0 auto;position:relative;}
.grid{background:url(images/grid.jpg) #eeeeee 50% 0%;padding:32px 0;}
hr{border:none;border-top:1px solid #ddd;margin-top:64px;margin-bottom:32px;}
.header-placeholder{height:90px;}
#header{height:90px;position:fixed;z-index:10;left:0;right:0;background:#fff;border-bottom:1px solid #ddd;}
#header .shadow{position:absolute;left:0;right:0;bottom:-3px;height:3px;background:url(images/shadow.png);}
.logo,.closing{background:url(images/sprite.png) no-repeat;-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;background-color:#3b4854;background-position:0 0px;position:absolute;left:0;top:5px;width:220px;height:75px;}
.logo:hover{background-color:#4cc2e4;}
.menu{padding:16px 0;float:right;}
.menu a{text-decoration:none;-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;padding:16px;margin:0 8px;line-height:55px;}
.menu a:hover{color:#4cc2e4;}
.menu-dropdown{display:none;position:absolute;right:16px;top:32px;width:40%;}
.menu-dropdown select{width:100%;}
.leadin{margin-bottom:32px;}
.leadin .wrap{height:368px;}
.leadin .text-block{position:absolute;left:384px;top:64px;}
.leadin img{position:absolute;top:32px;left:24px;}
.leadin li{list-style:none;margin:9px 8px;}
.leadin h1{background:#fff;display:inline;padding:4px 8px;}
.leadin .button-container{bottom:0;}
.container-box{background:#fff;padding:8px;position:relative;}
.list-link{position:absolute;top:0;bottom:0;right:0;}
.list{padding-top:16px;}
.list li{background:#fff;padding:8px;position:relative;list-style:none;margin-bottom:16px;}
.list-header{background:#fff;padding:8px;position:relative;margin-top:16px;}
.list-header p{margin-bottom:0;}
.list-container{position:relative;}
.platforms-list{padding-top:32px;width:456px;}
.platforms-list.second{position:absolute;right:0;top:0;}
.platforms-list li a{position:absolute;top:0;bottom:0;right:0;-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;width:36px;background:url(images/sprite.png) no-repeat;background-position:3px -127px;background-color:#4cc2e4;}
.platforms-list li a:hover{background-color:#4cd6fc;}
.platforms-list li.first a{width:108px;}
.platforms-list li a.link-apache{right:39px;background-position:2px -94px;}
.platforms-list li.first a.link-apache{width:144px;right:111px;}
.games{width:752px;margin-bottom:24px;}
.games a{position:absolute;top:0;bottom:0;right:0;-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;backround:#fff;padding:8px;width:408px;font-size:14px;}
.games a:hover{color:#fff;background:#4cc2e4;}
.games a span{position:absolute;top:0;bottom:0;right:0;width:36px;background:url(images/sprite.png) no-repeat;background-position:-156px -95px;background-color:#4cc2e4;}
.games li{margin-bottom:3px;}
.chat-pane .button-container{bottom:-70px;}
.list-header.mini{display:inline;}
.chat-list-container{position:relative;}
.chat-list{width:320px;margin-bottom:24px;}
.chat-list.second,.chat-list.third{position:absolute;top:0;}
.chat-list.second{left:344px;}
.chat-list.third{left:688px;}
.chat-list li{height:18px;}
.chat-list .version{position:absolute;top:0;bottom:0;right:0;-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;background:url(images/sprite.png) no-repeat;background-position:-160px -127px;background-color:#4cc2e4;color:#fff;text-decoration:none;right:auto;left:0;padding:8px;padding-left:32px;width:40%;}
.chat-list .version:hover{background-color:#4cd6fc;}
.chat-list .release{float:right;font-size:12px;margin-top:2px;}
.list-header.mini{display:inline;}
.quick-links,.quick-links-header li{float:left;width:320px;margin-right:24px;list-style:none;position:relative;}
.quick-links-header li{margin-bottom:24px;}
.quick-links.last,.quick-links-header li.last{margin-right:0;}
.quick-links li{padding:0;}
.quick-links a{-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;display:block;text-decoration:none;padding:8px;}
.quick-links a:hover{color:#fff;background:#4cc2e4;}
.quick-links a span{position:absolute;top:0;bottom:0;right:0;width:36px;background:url(images/sprite.png) no-repeat;background-position:-156px -95px;background-color:#4cc2e4;}
#footer{padding:32px 0 64px;}
#footer p{font-size:12px;line-height:1.5em;}
.closing{background-position:0 -725px;left:auto;right:0;top:20px;width:60px;height:65px;}
.closing:hover{background-color:#4cc2e4;}
.icon{background:url(images/sprite.png) no-repeat;background-position:0 -220px;padding-left:78px;}
.icon-about{background-position:0 -220px;}
.icon-contribute{background-position:0 -316px;}
.icon-games{background-position:0 -412px;}
.icon-chat{background-position:0 -508px;}
.icon-quick-links{background-position:0 -604px;}
a.scroll-point{display:block;border-bottom:transparent 1px solid;}
a.pt-top{border:none;}
a.pt-about{margin:-100px 0 130px;border:none;}
.corner,.quick-links .corner{background:url(images/sprite.png) no-repeat;background-position:0 -808px;position:absolute;left:0;top:-32px;width:40px;height:40px;}
.button-container.middle{bottom:0;}
@media all and (max-width:1024px){#wrap,.wrap,#footer,hr{width:auto;}
 .wrap,#footer{margin-left:24px;margin-right:24px;}
 .chat-list,.chat-list.second,.chat-list.third{width:30%;} .chat-list.second{left:33%;} .chat-list.third{left:66%;} .quick-links,.quick-links-header li{width:30%;} .platforms-list{width:48%;} h1{font-size:30px;} .button-container{right:16px;}}@media all and (max-width:890px){h1{font-size:24px;} h2{font-size:24px;padding-top:54px;} .leadin img{top:0;width:240px;height:270px;} .leadin .text-block{top:32px;left:290px;} .button{width:250px;padding:12px;} .leadin .wrap{height:300px;} .games{width:auto;} .menu{display:none;} .menu-dropdown{display:block;}}@media all and (max-width:720px){body{font-size:16px;} h1{font-size:22px;} h2{font-size:22px;padding-top:54px;} .leadin img{width:192px;height:216px;} .leadin .text-block{top:32px;left:232px;} 
.button{font-size:20px;background-position:100% -177px;width:220px;padding:10px;} .leadin .wrap{height:280px;} .platforms-list 
li.first a.link-apache,.platforms-list li.first a.link-github{width:36px;} .platforms-list li.first a.link-apache{right:39px;} .games li{padding:8px 4px;} .games a{width:56%;padding-right:42px;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;} .chat-list .version{width:28%;} .menu-dropdown{top:16px;} #header,.header-placeholder{height:52px;} .logo{top:7px;width:110px;height:37px;background-size:112px 425px;} #footer{padding-bottom:28px;padding-right:72px;}}@media all and (max-width:630px){body{} .leadin img{left:-4px;width:160px;height:180px;} .leadin .text-block{left:175px;top:11px;} .leadin .wrap{height:240px;} .leadin .button-container{bottom:-10px;} 
.button{font-size:18px;background-position:100% -181px;width:200px;padding:8px;} .chat-list .version{width:22%;}}@media all and (max-width:585px){h1,h2,h3,h4{letter-spacing:0;} h1{font-size:18px;} .leadin img{width:128px;height:144px;} .leadin .text-block{left:130px;} .wrap,#footer{margin-left:12px;margin-right:
12px;} 
.leadin .wrap{height:200px;} 
.icon{background-size:112px 425px;padding:20px 48px 20px 48px;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;} .icon-about{background-position:0 -110px;} .icon-contribute{background-position:0 -158px;} .icon-games{background-position:0 -206px;} .icon-chat{background-position:0 -254px;} .icon-quick-links{background-position:0 -302px;} .platforms-list,.platforms-list.second{width:auto;position:static;padding-bottom:0;} .platforms-list.second{padding-top:0;} .games a{width:0;padding-right:30px;} .chat-list,.chat-list.second,.chat-list.third{width:auto;float:none;position:static;margin-bottom:0;} .chat-list.second,.chat-list.third{padding-top:0;} .quick-links-header{display:none;} .quick-links,.quick-links-header li{float:none;width:auto;margin-right:0;} .quick-links .corner{display:none;} .quick-links{padding-top:0;}}@media all and (max-width:440px){.leadin .button-container{display:none;} .leadin .text-block{top:
135px;left:-4px;right:-4px;} .leadin img{top:-8px;} .leadin .wrap{height:260px;} .icon{padding:22px 16px 20px 35px;} h2{font-size:20px;} hr{margin-top:32px;}}