/* VegaMt2 Patcher — IE6/IE7 uyumlu
   body: 1188x548, content_wrapper: 1057px ortalı */

* { margin: 0; padding: 0; }

html, body {
    width: 1188px;
    height: 548px;
    overflow: hidden;
    background-color: #090608;
    background-image: url('../images/arka.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    color: #d8ccbe;
}

#wrapper { width: 1188px; height: 548px; position: relative; }

#overlay {
    position: absolute;
    top: 0; left: 0;
    width: 1188px; height: 548px;
    background-color: #000;
    filter: alpha(opacity=78);
    opacity: 0.78;
}

#page { position: absolute; top: 0; left: 0; width: 1188px; height: 548px; }

/* 1057px ortalı içerik — orijinalle birebir aynı */
#content_wrapper { width: 1057px; height: 548px; margin: 0 auto; }

/* ===== HEADER ===== */
#header {
    height: 62px;
    background-color: #0c0608;
    border-bottom: 2px solid #7a1515;
}

#logo { float: left; padding-top: 6px; }
#logo img { height: 50px; display: block; border: 0; }

#nav { float: right; padding-top: 20px; }
#nav a { color: #d8ccbe; text-decoration: none; font-size: 12px; font-weight: bold; margin-left: 14px; }
#nav a:hover { color: #f0d878; text-decoration: underline; }
#nav .sep { color: #5a1515; margin-left: 14px; }

.clearfix { clear: both; height: 0; font-size: 0; line-height: 0; }

/* ===== PANELS ===== */
#panels { margin-top: 10px; }

/* Sol: 688px + 1px border her yanda = 690px kutu + 8px margin = 698px */
#panel-news {
    float: left;
    width: 688px; height: 408px;
    background-color: #120909;
    border: 1px solid #5a1515;
    border-top: 2px solid #8b1515;
    margin-right: 8px;
    overflow: hidden;
}

/* Sağ: 357px + 1px border = 359px kutu | Toplam: 690+8+359 = 1057px */
#panel-side {
    float: left;
    width: 357px; height: 408px;
    background-color: #120909;
    border: 1px solid #5a1515;
    border-top: 2px solid #8b1515;
    overflow: hidden;
}

.panel-img { width: 100%; height: 160px; display: block; border: 0; }

.panel-body { padding: 10px 12px; }

.panel-title {
    color: #c89020;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #3d1212;
    padding-bottom: 6px;
    margin-bottom: 8px;
}

.news-item { padding: 5px 0; border-bottom: 1px solid #1e0e0e; }
.news-item strong { color: #e8dece; display: block; font-size: 11px; margin-bottom: 2px; }
.news-item p { color: #9a8878; font-size: 11px; line-height: 1.5; margin: 0; }

.status-row { padding: 5px 0; border-bottom: 1px solid #1e0e0e; height: 22px; }
.status-label { float: left; color: #6a5848; font-size: 11px; line-height: 22px; }
.status-val { float: right; color: #e8dece; font-size: 11px; font-weight: bold; line-height: 22px; }
.status-online { float: right; color: #22c55e; font-size: 11px; font-weight: bold; line-height: 22px; }
.dot { width: 7px; height: 7px; background-color: #22c55e; display: inline-block; margin-right: 4px; border: 1px solid #16a34a; vertical-align: middle; }