/* BootStrap */
body,
html {
	margin: 0;
	padding: 0;
	color: #d0d0d0;
}
body {
	background-color: #000;
	background-image: url('../img/background_small.jpg');
	background-size: 100% auto;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, Sans-Serif;
}
div{
	overflow: none;
}
a {
	color: #61abed;
	text-decoration: none;
}
hr { 
	border: 0;
	height: 2px;
	background-image: -webkit-linear-gradient(left, rgba(51,51,51,0), rgba(51,51,51,0.75), rgba(51,51,51,0));
	background-image: -moz-linear-gradient(left, rgba(51,51,51,0), rgba(51,51,51,0.75), rgba(51,51,51,0));
	background-image: -ms-linear-gradient(left, rgba(51,51,51,0), rgba(51,51,51,0.75), rgba(51,51,51,0));
	background-image: -o-linear-gradient(left, rgba(51,51,51,0), rgba(51,51,51,0.75), rgba(51,51,51,0));
}
/* Wrapper */
#wrapper{
	width: 910px;
	margin: 0 auto;
}
#header{
	height: 200px;
	background-image:  url('../img/logo.png');
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#nav {
	height: 30px;
	text-align: center;
}
#nav a {
	display: inline-block;
	padding: 5px 8px;
	color: #d0d0d0;
}
#nav a.active {
	color: #61abed;
}
#nav a:hover {
	background-color:rgba(45,45,45,0.85);
	box-shadow: inset 0 0 1px 1px #000;
	color: #3296ee;
	text-decoration: none;
}
#content {
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
}
#footer {
	height: 155px;
	background-image:  url('../img/k_logo.png');
	background-position: bottom center;
	background-repeat: no-repeat;
}
#footer p {
	margin: 5px;
	text-align: center;
}
#footer a {
	color: #d0d0d0;
}
#footer a:hover {
	color: #61abed;
}
.strong_text{
	font-style: bold;
	color: #de0f0f;
}
/* Background */
#header,
#content,
#nav,
#footer,
div#socail,
div#game,
div#download_window,
div#download_window2 {
	background-color:rgba(0,0,0,0.65);
}

/* Boarder */
#header,
#content,
#nav,
#footer,
div#socail,
div#game,
div#download_window,
div#download_window2 {
	border: 1px solid #333;
	border-radius: 5px;
}

#footer {border-bottom: none;}

/* Shadow */
#header,
#nav,
#content,
#footer,
div#socail,
div#game,
div#download_window,
div#download_window2 {
	box-shadow: 0 0 4px 1px #000,
				inset 0 0 5px 1px #000;
}
/* Ad */
.ad {
	width: 728px;
	height: 90px;
	background-color: #bebebe;
	margin: 20px auto;
}
/* Home */
#server_info {
	width: 600px;
	margin: auto;
}
#server_info p {
	width: 250px;
	margin: auto;
}
#server_info h1 {
	text-align: center;	
}

/* Server List */
#server_list {
	width: 800px;
	height: 80px;
	margin: auto;
	box-shadow: 0 0 4px 1px #000,
				inset 0 0 5px 1px #000;
	border: 1px solid #333;
	border-radius: 5px;
	background-color:rgba(0,0,0,0.50)

}
#server_list p {
	margin: 0;
}
.server_list_head,
.server_list_head_name,
.server_list_head_map,
.server_list_head_players,
.server_list_head_status,
.server_list_result,
.server_list_result_name,
.server_list_result_map,
.server_list_result_players,
.server_list_result_status {
	float: left;
}
/* Header */
#server_list_head {
	height: 20px;
	background-color:rgba(0,0,0,0.30);
	color: #1079d6;
}
#server_list_head p {
	margin-left: 6px;
}
.server_list_head_name,
.server_list_result_name {
	width: 550px;
}
.server_list_head_map,
.server_list_result_map {
	width: 100px;
}
.server_list_head_players,
.server_list_result_players {
	width: 75px;
}
.server_list_head_status,
.server_list_result_status {
	width: 75px;
}
/* Server */
.server_red {
	color: #bd0606;
}
.server_green {
	color: #1dc41d;
}
.server_orange {
	color: #db8015;
}
div.server_list_result {
	color: #54a3ea;
}
.server_list_result_name p {
	float: left;
	padding-left: 6px;
}
.server_list_result p {
	padding-top: 7px;
}
p.server_name {
	width: 100%;
}
p.server_port,
p.server_password {
	padding-left: 15px;

}
p.server_map,
p.server_players,
p.server_status {
	padding-top: 15px;
	text-align: center;
}

.server_list_result,
.server_list_result_name,
.server_list_result_map,
.server_list_result_players,
.server_list_result_status {
	height: 60px;
}

/* News Page */
#welcom {
	width:600px;
	margin: 0 auto;
	margin-bottom: 25px;
}
#welcom h1,
#welcom h3 {
	text-align: center;
}
#welcom h1 {
	margin-bottom: 4px;
}
#welcom h3 {
	margin-top: 0;
}
#welcom ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
#title{
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 600px;
	text-align: center;
}
#title h1 {
	margin: 0 auto;
}
.artical{
	width: 600px;
	margin: 10px auto;

}
.artical h2{
	text-align: center;
}
.artical h6{
	margin: 4px;
	font-size: 12px;
}
/* Chat Page*/
#chatbox_wrap {
	margin: 20px 0;
}
#chatbox_wrap table{
	margin: 0 auto;
}
p.chat_text {
	width: 500px;
	text-align: center;
	margin: auto;
}
/* Connection Guide */
#connect {
	width: 600px;
	margin: 0 auto;
	margin-bottom: 50px;
}
#connect h1,
#connect h3,
#connect h5 {
	text-align: center;
}
#connect h5 {
	margin: 0;
	font-weight: normal;
	font-size: 16px;
}
/* Files */
#files {
	width: 600px;
	margin: 0 auto;
	margin-bottom: 10px;
}
div#files p:nth-child(2) {
	margin-bottom: 40px;
}
#files .download,
#files h1,
#files h3 {
	text-align: center;
}
/* Optimize */
#optimize {
	width: 600px;
	margin: 0 auto;
}
#optimize h1,
#optimize h3 {
	text-align: center;
}
#optimize p {
	padding-bottom: 25px;
}
/* Bans */
div#bans{
	width: 810px;
	margin: 0 auto;
	border-radius: 5px;
	background-color:rgba(0,0,0,0.65);
}
#bans p{
	padding: 10px;
}


/*  Social Icn  */
div#socail {
  width: auto;
  position: fixed;
  bottom: 10px;
  right: 10px; 
  margin: 0;
  padding: 0;
}
a.social {
  margin: 0;
  padding: 0;
}
img.social {
  width: 60px;
  height: 60px;
  margin: auto;
  padding: 5px 10px;
  display: block;
}
a.social:first-child img {
  padding-top: 10px;
}
a.social:last-child img {
  padding-bottom: 10px;
}


/*  Game Icn  */
div#game {
  width: auto;
  position: fixed;
  top: 10px;
  right: 10px; 
  margin: 0;
  padding: 0;
}
a.game {
  margin: 0;
  padding: 0;
}
img.game {
  width: 60px;
  height: 60px;
  margin: auto;
  padding: 5px 10px;
  display: block;
}
a.game:first-child img {
  padding-top: 10px;
}
a.game:last-child img {
  padding-bottom: 10px;
}


/* download_window */
div#download_window {
	position: fixed;
	bottom: 10px;
	left: 10px;
	margin: 0;
	padding: 0;
}

div#download_window a,
div#download_window2 a {
	margin: 0;
	padding: 0;
}

div#download_window a img,
div#download_window2 a img {
	width: 240px;
    height: auto;
    margin: auto;
    padding: 10px;
    display: block;
}

div#download_window p,
div#download_window2 p {
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 10px;
	padding-top: 0;
}

div#download_window2 {
	position: fixed;
	top: 10px;
	left: 10px;
	margin: 0;
	padding: 0;
}

div#download_window2 img {
    height: 50px;
    width: 50px;
    margin: auto;
    padding: 10px;
    display: block;
    filter: grayscale(100%);
}

/* Background Big */
@media (min-width: 1280px) {
	body {
		background-image: url('../img/background.jpg');
	}
}

/* Game Selected Color */
img.gameActive {
	-webkit-filter: drop-shadow(0px 0px 6px #61abed); /* Safari */
	filter: drop-shadow(0px 0px 6px #61abed);
}

/* Icon Hover Filter */
.downloadbuttonglow:hover,
div#download_window a img:hover,
div#download_window2 a img:hover,
div#socail a img:hover,
img.game:hover {
	-webkit-filter: drop-shadow(0px 0px 6px #61abed); /* Safari */
	filter: drop-shadow(0px 0px 6px #61abed);
}

div#download_window a img:active,
div#download_window2 a img:active,
div#socail a img:active,
img.game:active {
	-webkit-filter: drop-shadow(0px 0px 25px #61abed); /* Safari */
	filter: drop-shadow(0px 0px 25px #61abed);
}