@charset "UTF-8";

@import "arcface.css";
*{
	margin: 0 auto;
	padding: 0 auto;
}

a{
	text-decoration: none;
	color: #f8dd6e;
}

a:hover{
	color: #f1ba3f;
}

#header img{
	margin:80px 0 0 800px;
	height:110px;
	width:221px;
}

.number{
	text-align:center;
	color:#bbb995;
	font-size:14px;
}

.numbersira{
	color:#bbb995;
	font-size:14px;
}

.puan{
	text-align:center;
}

.status-table table {
	color:#efb93f;
	font-size:14px;
}

.status-table table th {
	font-size:11px;
	padding-bottom:10px;
}

.status-table table td {
	padding-bottom:20px;
}
body{
	background:url('images/background.png') no-repeat;
	background-position: top center;
	background-color:#010508;
	font-family: 'Calibri';
}

#header{
	height: 300px;
}

#navigation{
	background:url('images/nav.png');
	height: 74px;
	width: 905px;
}
	ul{
		margin-left: -40px;
	}
	
	ul li{
		line-height: 72px;
		list-style: none;
		float: left;
	}
	
	ul li a{
		color: #555555;
		text-shadow: 0 1px 1px #0c0c0c;
		font-weight: bold;
		font-size: 12px;
		height: 72px;
		width: 150px;
		display: block;
		text-align: center;
	}
	
	ul li.first a:hover{
		background:url('images/nav-hover.png') top no-repeat;
		height: 72px;
		width: 150px;
		color: #bf8364;
	}
	
	ul li.middle a:hover{
		background:url('images/nav-hover.png') center no-repeat;
		height: 72px;
		width: 150px;
		color: #bf8364;
	}
	
	ul li.last a:hover{
		background:url('images/nav-hover.png') bottom no-repeat;
		height: 72px;
		width: 150px;
		color: #bf8364;
	}
	
	ul li a .nav-trenn{
		background:url('images/nav-trenn.png');
		height: 73px;
		width: 1px;
		float: right;
	}
	
#player-online{
	background:url('images/nav-player-online.png');
	height: 55px;
	width: 380px;
	text-align: center;
	color: #151515;
}
	#po-placeholder{
		height: 5px;
	}
	
	p.anzahl{
		font-size: 24px;
		font-weight: bold;
		line-height: 20px;
	}
	
#content{
	width: 905px;
}
	.con-top{
		background:url('images/con-top.png') no-repeat;
		height: 28px;
		width: 905px;
	}
	
	.con-mid{
		background:url('images/con-mid.png') repeat-y;
		min-height: 450px;
		width: 905px;
		overflow: hidden;
	}
		.left{
			float: left;
		}
		
		.con-head{
			background:url('images/con-head.jpg');
			height: 41px;
			width: 561px;
			margin-left: 11px;
		}
			h3{
				color: #f6d663;
				text-shadow: 0 1px 2px #6e4215;
				font-size: 14px;
				line-height: 41px;
				padding-left: 86px;
			}
			
			a.read-more{
				background:url('images/read-more.png');
				height: 41px;
				width: 93px;
				display: block;
				margin-top: -41px;
				float: right;
				font-size: 12px;
				line-height: 41px;
				text-align: center;
			}
		.con-text{
			background:url('images/con-mid.jpg');
			min-height: 118px;
			width: 555px;
			color: #eead38;
			margin-left: 11px;
			padding: 3px;
		}
		.written-by{
				margin-left: 18px;
				line-height: 20px;
				font-size: 11px;
				color: #c6b995;
			}
		.trenn{
			background:url('images/trenn.png') no-repeat;
			height: 15px;
			width: 525px;
			margin-left: 31px;
			margin-top: 7px;
		}
		.hesap-kismi{
			font-size:14px;
			width:300px;
			margin:0 auto 0 auto;
			text-align:center;
			color:#c6b995;
		}
		.right{
			float: right;
		}
			.login{
				height:110px;
				margin-right: 31px;
				font-size: 10px;
				color: #c6b995;
			}
				.l-placeholder{
					height: 3px;
				}
				
				.l2-placeholder{
					height: 2px;
				}
				
				input{
					height: 39px;
					width: 256px;
					padding-left: 13px;
					color: #6b6b63;
					margin-left: 31px;
				}
				
				input.username{
					background:url('images/inputs.png') top;
					border: none;
				}
				
				input.password{
					background:url('images/inputs.png') bottom;
					border: none;
				}
				
				.b-placeholder{
					height: 8px
				}
				
				input.button{
					background:url('images/button.png') top;
					height: 29px;
					width: 121px;
					border: none;
					color: #ffda7d;
					font-size: 10px;
					font-weight: bold;
					text-shadow: 0 1px 2px #824e18;
					float: right;
					margin-right: 10px;
				}
				
				input.button:hover{
					background:url('images/button.png') bottom;
					color: #ffecbd;
				}
				
				::-webkit-input-placeholder{
					color: #1a1a19;
				}
				::-moz-placeholder{
					color: #1a1a19;
				}
				:-ms-input-placeholder{
					color: #1a1a19;
				}
				input:-moz-placeholder{
					color: #1a1a19;
				}
			
			.ls-placeholder{
				height: 27px;
			}
			
			.status{
			}
				.status-head{
					background:url('images/status-head.png');
					height: 41px;
					width: 299px;
					margin-right: 10px;
				}
					.status-head h3{
						padding-left: 56px;
					}
					
					a.reload{
						background:url('images/reload.png');
						height: 41px;
						width: 93px;
						display: block;
						margin-top: -41px;
						float: right;
						font-size: 12px;
						line-height: 41px;
						text-align: center;
					}
				.status-table{
					background:url('images/status-mid.png');
					height: 32%;
					width: 299px;
					margin-right: 10px;
					margin-top: -4px;
				}
					table{
						font-size: 11px;
						margin: 4px;
					}
					h2{
						font-size:16px;
					}
					table tr{
					}
					
					table tr th{
						color: #c6b995;
						width: 72px;
						text-align: left;
					}
					
					table tr th.online{
						color: #71dd50;
					}
					
					table tr th.offline{
						color: #e02929;
					}
					
				.sr-placeholder{
					height: 19px;
				}
			.ranking{
			}
				.ranking-head{
					background:url('images/ranking-head.png');
					height: 41px;
					width: 299px;
					margin-right: 10px;
				}
					.ranking-head h3{
						padding-left: 56px;
					}
					
					a.reload{
						background:url('images/reload.png');
						height: 41px;
						width: 93px;
						display: block;
						margin-top: -41px;
						float: right;
						font-size: 12px;
						line-height: 41px;
						text-align: center;
					}
				.ranking-table{
					background:url('images/ranking-mid.png');
					height: 210px;
					width: 299px;
					margin-right: 10px;
				}
				.ranking-table-sosyal-medya{
					background:url('images/ranking-mid.png');
					height: 60px;
					width: 299px;
					margin-right: 10px;
				}

				.ranking-table-sosyal-medya a{		
					margin-top:10px;
					display: inline-block;
					padding: 6px 12px;
					margin-bottom: 0;
					font-size: 14px;
					font-weight: 400;
					line-height: 1.42857143;
					text-align: center;
					white-space: nowrap;
					vertical-align: middle;
					-ms-touch-action: manipulation;
					touch-action: manipulation;
					cursor: pointer;
					-webkit-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none;
					background-image: none;
					border: 1px solid transparent;
					border-radius: 4px;
				   background-color: #f0ba40;
					background-image: linear-gradient(#e99931,#e99a30);
					border-color: #c77625;
					color:#fff;
				}
				.ranking-table-sosyal-medya a:hover{		
					background-color: #2a2a2a;
					background-image: linear-gradient(#373737,#292929);			
				}
input[type="submit"], button {
					display: inline-block;
					padding: 6px 12px;
					margin-bottom: 0;
					font-size: 12px;
					font-weight: 400;
					line-height: 1.42857143;
					text-align: center;
					white-space: nowrap;
					vertical-align: middle;
					-ms-touch-action: manipulation;
					touch-action: manipulation;
					cursor: pointer;
					-webkit-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none;
					background-image: none;
					border: 1px solid transparent;
					border-radius: 4px;
					background-color: #f0ba40;
					background-image: linear-gradient(#e99931,#e99a30);
					border-color: #c77625;
					color:#fff;
					max-width: 80px;
}
input[type="submit"]:hover, button:hover {
					background-color: #2a2a2a;
					background-image: linear-gradient(#373737,#292929);
}
input[type="submit"]:active, button:active {
				   background-color: #f0ba40;
					background-image: linear-gradient(#e99931,#e99a30);
					border-color: #c77625;
}
					.t-placeholder{
						height: 7px;
					}
					
					.ranking-table table{
						width: 295px;
						font-size: 11px;
						float: left;
						margin: 4px;
						line-height: 8px;
					}
					
					.ranking-table table tr{
						height: 15px;
					}
					
					.ranking-table table tr th.pl{
						width: 60px;
					}
					
					.ranking-table table tr th.na{
						width: 195px;
					}
					
					.ranking-table table tr th.gi{
						width: 170px;
					}
					
					.ranking-table table tr th.re{
						width: 170px;
					}
					
					.ranking-table table tr th.le{
					}
					/*
					 *	TD 1
					 */
					.ranking-table table tr td.pl1{
						width: 60px;
						color: #4F92C9;
					}
					
					.ranking-table table tr td.na1{
						width: 195px;
						color: #4F92C9;
						font-weight: bold;
					}
					
					.ranking-table table tr td.gi1{
						width: 170px;
						color: #4F92C9;
					}
					
					.ranking-table table tr td.re1{
						width: 170px;
						color: #4F92C9;
					}
					
					.ranking-table table tr td.le1{
						color: #4F92C9;
					}
					/*
					 *	TD 2
					 */
					.ranking-table table tr td.pl2{
						width: 60px;
						color: #C94FC5;
					}
					
					.ranking-table table tr td.na2{
						width: 195px;
						color: #C94FC5;
						font-weight: bold;
					}
					
					.ranking-table table tr td.gi2{
						width: 170px;
						color: #C94FC5;
					}
					
					.ranking-table table tr td.re2{
						width: 170px;
						color: #C94FC5;
					}
					
					.ranking-table table tr td.le2{
						color: #C94FC5;
					}
					/*
					 *	TD 3
					 */
					.ranking-table table tr td.pl3{
						width: 60px;
						color: #CAA74F;
					}
					
					.ranking-table table tr td.na3{
						width: 195px;
						color: #CAA74F;
						font-weight: bold;
					}
					
					.ranking-table table tr td.gi3{
						width: 170px;
						color: #CAA74F;
					}
					
					.ranking-table table tr td.re3{
						width: 170px;
						color: #CAA74F;
					}
					
					.ranking-table table tr td.le3{
						color: #CAA74F;
					}
					/*
					 *	TD 4
					 */
					.ranking-table table tr td.pl4{
						width: 60px;
						color: #908874;
					}
					
					.ranking-table table tr td.na4{
						width: 195px;
						color: #908874;
						font-weight: bold;
					}
					
					.ranking-table table tr td.gi4{
						width: 170px;
						color: #908874;
					}
					
					.ranking-table table tr td.re4{
						width: 170px;
						color: #908874;
					}
					
					.ranking-table table tr td.le4{
						color: #908874;
					}
					
	.con-bot{
		background:url('images/con-bot.png');
		height: 55px;
		width: 905px;
	}

#footer{
	color: #c6b995;
	font-size: 11px;
	height: 80px;
	width: 840px;
}