@font-face { font-family: 'gipsiero'; src: url('../fonts/Gipsiero_Kracxed.otf') format('opentype'); }
html,body{
    padding:0;margin:0;
    width:100%;
    background-color: #000;
    color: darkorange;
    font-size: 16px;
    font-family: "Arial, Helvetica, sans-serif";
    position:relative;
}
main{
    margin:0 auto;
    position: relative;
    display:block;
    width:35em;
}
body::before{
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}
a {
    color: inherit;
    text-decoration: inherit;
}
a:hover{
    text-decoration: underline;
}

/*head*/
header{
    text-align: center;
    padding:20px 0;
    letter-spacing: .4em;
}
header div#head-center{
    display:inline-block;
}
header span{
    font-family: "gipsiero";
    font-size: 2em;
    text-shadow: 0 0 0.2em darkorange;
    white-space: nowrap;
}
header div#sub-title{
    text-shadow: 0 0 0.2em darkorange,4px 4px 0.2em darkorange;
    font-family: "Arial, Helvetica, sans-serif";
    font-size: 1em;
    text-align: right;
}

fieldset{
    border:1px solid darkorange;
    margin-bottom:1em;
}
legend{
    padding: 0 .4em;
}
table{
    border-collapse:collapse;
    width: 100%;
}
th{
    text-align: left;
    text-decoration: underline;
}
img,
td,th{
    vertical-align: middle;
    white-space: nowrap;
}

.lightbg{
    background-color: #070707;
}

/*rules*/
ul{
    padding:0;margin:0;
    font-size: 0.9em;
}
li{
    margin-left:1.5em;
}

#rules span{
    margin-top:.5em;
    font-size: .7em;
    line-height: 14px;
    display:block;
}

/*top player*/ 
#top-players .rank{
    text-align: right;
}
#top-players .score{
    text-align: right;
    padding-right:.5em;
}
#top-players .kills{
    text-align: right;
}
#top-players .plimage img.av{
    box-shadow: 0px 0px 30px 0px darkorange;
    height:16px;
}
#top-players .plimage img.av_on{
    box-shadow: 0px 0px 30px 0px #fff;
    height:16px;
}
#top-players .plname-wrapper{
    height: auto;
    overflow: hidden;
}
#top-players .plname-name{
    float: none;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#top-players .plname-awards{
    float: right;
}
#top-players .plname-awards img{
    padding-left:.1em;
}
.flag img{
    height:12px;
    width:18px;
}
.kills img{
    height:12px;
}

#top-players .you{
    color:#fff;
}

/*bans*/
#bans table{
    font-size:.8em;
}

/*info link*/
#infotxt{
    font-size:.7em;
}


.plyou{
    color:#fff;
}


/*nav*/
main nav ul li{
    float:left;
}

main nav{
    margin-bottom: 1em;
}
.clearfix{
    clear:both;
}
.nopl,
.navcenter{
    text-align: center;
}
.navcenter nav{
    display:inline-block;
}
nav ul{
    list-style-type: none;
}


/* hlstats-overview / awards */
.infotab{
    margin-top: .7em;
    
    font-size: .7em;
}

.infotab .left{
    float:left;
    text-align: left;
}
.infotab .right{
    float:right;
    text-align: right;
}
.clearfix{
    clear:both;
}

/*footer*/
footer{
    text-align: right;font-size: .6em;
}
footer a{
   color:#fff; 
}

/*hlstats-overview*/
/*.hlstats-overview{
    margin-top: .7em;
    text-align: right;
    font-size: .7em;
}*/