@font-face {
    font-family: Palanquin;
    src: url('../fonts/palanquin-semibold.ttf');
}

body {
	background: url('../images/stats_bg_new.png');
	background-repeat: repeat;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-family: Palanquin;
	font-size: 10px;
	color: #ccc;
}

body:after {
content : "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    width: 100%;
    height: 100%;
    /*opacity : 0.33;*/
	/*filter: alpha(opacity=33);*/
    z-index: -1;
}

.navbar-brand {
	padding-top: 0px;
	padding-bottom: 0px;
	height: 50px;
}

.navbar {
	border-bottom: solid #080808 5px;
}

.navbar .dropdown-menu {
	background-color: #222222;
}

.navbar .dropdown-menu a {
	color: #ccc;
}

.navbar .dropdown-menu .divider {
	background-color: #080808;
}

.navbar .dropdown-menu .dropdown-header.active {
	color: #aaa;
}

.toptable thead {
	color: #ddd;
	font-size: 12px;
	font-weight: bold;
}

.toptable tbody{
	font-size: 10px;
}

.toptable tbody td:nth-child(2) {
	color: #fff;
}

.toptable a {
	text-decoration: none;
	color: #ddd;
}

.toptable a:hover {
	color: #fff;
}

.maintable {
	color: #fff;
	font-size: 12px;
	margin-bottom: 0px;
}

.maintable thead tr{
	color: #dddddd;
	background-color: #222222;
}

.maintable tbody tr:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.45);
}

.maintable tbody tr td {
	vertical-align: middle;
}

.maintable thead tr th, .maintable thead tr td {
	text-align: center;
	border-bottom: 3px solid #080808;
}

.maintable:not(.playertable) tbody tr:hover {
	background-color: rgba(0, 0, 0, 0.675);
	color: #fff;
}

.maintable a {
	color: #fff;
	text-decoration: none;
}

.maintable a:hover {
	color: #39c;
}

.maintable tbody tr:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.225);
}

.playertable td:nth-child(1) img {
	border: 5px solid #222222; 
	outline: 3px solid #080808;
	/*box-shadow: 2px 2px 3px #080808;*/
}

.label {
	font-family: Verdana, Geneva, sans-serif;
}

h1 {
	color: #fff;
	margin-top: 10px;
	margin-bottom: 0px;
}

h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.derank  {
	font-weight: normal;
	color: #ee2525;
	/*text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;*/
}

.rankup  {
	font-weight: normal;
	color: #25cc25;
	/*text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;*/
}

.norank {
	font-weight: normal;
	color: #ededff;
	/*text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;*/
}

.mapchart text {
	stroke-width: 0;
}

.mapchart path:not([fill^="#aaa"]):hover {
	cursor:pointer;
}

.playerchart-container {
	text-align: center;
    width: 100%;
    padding-top: 33%;
    position: relative;
}

.playerchart {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.table>tbody>.playerchart-row>td,
.table>tbody>.playerchart-row>th {
  border-top: none;
}

.steamlink a {
	font-size: 32px;
	font-family: Palanquin;
	text-decoration: none;
	color: #333;
}

.video {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}

.video iframe {
    position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.videos div {
	text-align: center;
	padding: 16px;
}

.videos span {
	color: #eee;
	font-size: 1.25em;
}

.videos a {
	color: #cdcdcd;
}

.videos a:hover img {
	/*border: 3px solid rgba(255, 255, 255, 0.33);*/
	outline: 3px solid rgba(255, 255, 255, 0.33);
	outline-offset: -3px;
}
	
.linkicons {
	font-size: 64px;
	color: #222222;
}

.linkicons .icon-background {
	text-shadow: 4px 4px 0px #080808;
}

.linkicons span a {
	color: #eee;
}

.linkicons span:hover {
	color: #333333;
}

.linkicons span:hover a {
	color: #fff;
}

.footer_global {
	width: 100%;
	bottom: 0;
	position: fixed;
	border-bottom: 5px solid #080808;
	background-color: #222222;
	padding: 5px;
	z-index: 50;
}

.footer_global a {
	color: #ddd;
	margin-left: 8px;
}

.footer_global a:hover, .videos a:hover{
	color: #fff;
	text-decoration: none;
}

.server_table tbody tr td:nth-child(1) {
	width: 2%
}

.server_table tbody tr td:nth-child(n+3) {
	text-align: center;
}

.footerads div {
	height: 320px;
}

h1 a i.fa-youtube, .maintable a i.fa-youtube {
	color: #c33;
}

h1 a:hover i.fa-youtube, .maintable a:hover i.fa-youtube {
	color: #ffdddd;
}

h1 a i.fa-download, .maintable a i.fa-download {
	color: #3c3;
}

h1 a:hover i.fa-download, .maintable a:hover i.fa-download {
	color: #dfd;
}