/* =============================================================================
   front.css -- only what the template (all.css) never had.
   Everything else on the front page is styled by the template itself.
   ============================================================================= */

/* ---- language switch: top-right corner of the header ---------------------- */
.front-langs {
	position: absolute;
	top: 6px;
	right: 8px;
	z-index: 5;
	background: rgba(20, 6, 2, .72);
	border: 1px solid #7a4a1c;
	border-radius: 3px;
	padding: 3px 4px;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
}
.front-langs a {
	color: #dfbf8b;
	text-decoration: none;
	padding: 0 5px;
	border-left: 1px solid #5a3414;
}
.front-langs a:first-child { border-left: none; }
.front-langs a:hover { color: #fff9c7; text-decoration: underline; }
.front-langs a.on { color: #fef6aa; text-shadow: 0 0 4px #c8901a; }

/* ---- ranking rows: name + level in the template's high-score list --------- */
.form-score .highscore-player ul li div { position: relative; padding-right: 22px; white-space: nowrap; overflow: hidden; }
.form-score .rk-name {
	display: inline-block;
	max-width: 62px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
}
.form-score .rk-lv {
	position: absolute;
	right: 26px;
	top: 0;
	color: #8d0404;
	font-weight: bold;
	font-size: 10px;
}
.form-score .empire0 { padding-right: 0; }
.form-score .rk-empty { color: #4a1e00; font-size: 11px; padding: 8px 0 0 10px; }

/* ---- messages ------------------------------------------------------------- */
.front-ok {
	background: url(../img/ok.gif) no-repeat 0 1px;
	color: #2f6b0c;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0 15px;
	padding-left: 20px;
}
.col-2 > .error-mini, .col-2 > .front-ok { margin: 0 20px 10px 30px; }
#frontLogin .error-mini { margin: 2px 0 8px !important; width: 108px !important; line-height: 13px; background-position: 0 1px; }
.inner-form-box .error-mini, .inner-form-box .front-ok { margin: 10px 20px 12px 20px; }

/* ---- server box on the home page (where the template had its trailer) ----- */
.front-status p { margin: 0 0 8px; }
.front-status a { color: #8d0404; font-weight: bold; text-decoration: none; }
.front-status a:hover { text-decoration: underline; }
.srv-on { color: #2f8a0c; font-weight: bold; }
.srv-off { color: #af1b03; font-weight: bold; }
#footer .srv-on { color: #6fd34a; }
#footer .srv-off { color: #ff6a50; }
#footer a { color: #dfbf8b; }

/* ---- account / admin pages ------------------------------------------------ */
.front-center { text-align: center; margin: 10px 20px; color: #4a1e00; }
.front-h4 { color: #7b1300; font-size: 13px; font-weight: bold; margin: 12px 0 6px 20px; }
table.front-chars { width: 360px; margin: 0 auto 10px; border-collapse: collapse; font-size: 12px; color: #4a1e00; }
table.front-chars th { color: #7b1300; text-align: left; padding: 4px 8px; border-bottom: 1px solid #b89a63; }
table.front-chars td { padding: 4px 8px; }
table.front-chars tr.light td { background: rgba(122, 74, 28, .12); }
table.front-chars td + td, table.front-chars th + th { text-align: right; }
a.btn-big.front-btn-link { width: 287px; height: 38px; line-height: 38px; }
.front-btns { text-align: center; margin: 10px 0; }
.inner-form-box .front-btns a.btn { display: inline-block; color: #dfbf8b; margin: 4px 6px; text-decoration: none; }
.inner-form-box .front-btns a.btn:hover { color: #fff; }
.front-note { margin: 18px 22px 6px; color: #4a1e00; font-size: 11px; line-height: 15px; }
.front-note ol { margin: 6px 0 0 18px; }
.front-note li { list-style: decimal; margin: 3px 0; }
.front-note code { background: rgba(0, 0, 0, .08); padding: 1px 3px; font-size: 10px; }

/* ---- ?s=rankings / ?s=guildrank: main/rankings.php's Top 100 table -------- */
#ranking { padding: 0 20px; }
table.front-rank { width: 100%; border-collapse: collapse; font-size: 12px; color: #4a1e00; }
table.front-rank th { color: #7b1300; font-weight: bold; text-align: center; padding: 5px 6px; border-bottom: 1px solid #b89a63; }
table.front-rank td { text-align: center; padding: 4px 6px; border-bottom: 1px solid rgba(184, 154, 99, .35); }
table.front-rank tr.light td { background: rgba(122, 74, 28, .12); }
table.front-rank td.rk-n { font-weight: bold; color: #4a1e00; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
table.front-rank img { vertical-align: middle; }

/* ---- footer ----------------------------------------------------------------
   footer-bg.gif zaczyna sie 130 px nad koncem kolumn (margin -130px w all.css),
   zeby jego dolny brzeg pergaminu domykal ramke tresci. Bez warstw stopka byla
   rysowana NA tresci (zaslaniala dolne linijki), a czterowierszowy napis nie
   miescil sie w ramce footer-box.jpg (48 px) i wchodzil pod logo Metin2.
   Tresc lezy teraz nad stopka, a napis - w czerwonym pasie pod logo. */
.container { z-index: 2; }
.footer-wrapper { position: relative; z-index: 1; }
#footer ul {
	background: none;
	height: auto;
	margin: 120px 0 0 171px;
	padding: 0;
}
#footer ul li.first { line-height: 16px; text-shadow: 1px 1px 1px #000; }