/* 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#download_window {
	background-color:rgba(0,0,0,0.65);
}

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

#footer {border-bottom: none;}

/* Shadow */
#header,
#nav,
#content,
#footer,
div#download_window {
	box-shadow: 0 0 4px 1px #000,
				inset 0 0 5px 1px #000;
}

/* Home */
#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_section_heading {
	text-align: center;
}
.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;
}
.artical iframe {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
/* 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;
}

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

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

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

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

/* Seeds / peers colour — replaces inline style attrs (CSP-safe) */
.download-seeds {
	color: #2DBA1E;
}
.download-peers {
	color: #0064E5;
}

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

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

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

/* Arma 3 install guide page — replaces inline margin/style from arma.php */
.arma-body {
	margin: 10px 70px;
}
.arma-body h1 {
	text-align: center;
}

/* Download page — replaces inline styles from file_1.php */
.download-page h1 {
	text-align: center;
}
.download-magnet-img {
	display: block;
	margin: 20px auto;
	width: 50%;
	max-width: 300px;
	height: auto;
}

/* 403 / 404 error pages — site-styled memento wrapper */
.not-found-page {
	margin: 10px 70px;
	padding: 40px 0;
	text-align: center;
}
.not-found-home-link {
	color: #61abed;
}