/* ===========================
   GENEL GOVDE VE TEMEL STILLER
   =========================== */
body {
    background-color: #000000;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-family: 'Segoe UI', Arial, sans-serif;
    text-align: left;
    color: #ffffff;
}

form {
    margin: 0;
    padding: 0;
}

input, textarea {
    background-color: #ffffff;
    border: 1px solid #333333;
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin: 3px;
    padding: 4px;
    border-radius: 4px;
}

/* ===========================
   LINK STILLERI
   =========================== */
a:link, a:visited {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #FFD700;
    text-decoration: underline;
}

/* ===========================
   BASLIKLAR
   =========================== */
h1 { font-family: Verdana, Tahoma; font-size: 15px; color: #FFD700; }
h2 { font-family: Verdana, Tahoma; font-size: 14px; color: #f0f0f0; }
h3 { font-family: Verdana, Tahoma; font-size: 13px; color: #ccc; }

/* ===========================
   LAYOUT VE KUTULAR
   =========================== */
.main {
    width: 945px;
    margin: 0 auto;
    padding: 0;
    border: 2px solid #FFD700; /* Altın border */
    border-radius: 8px;         /* Hafif yuvarlatılmış köşeler */
    box-shadow: 0 4px 10px rgba(255, 215, 0, 0.25); /* Altın tonlu hafif gölge */
    overflow: hidden;           /* Kenar taşmalarını önler */
}

.top {
    background-color: #111111;
    height: 3px;
}

.top-left, .top-right {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
}

.header {
    margin-top: 0;
    background-image: url(images/emlaxvip.png);
    height: 64px;
    
    border: 2px solid #FFD700; /* Altın border */
    border-radius: 8px;         /* Hafif yuvarlatılmış köşeler */
    box-shadow: 0 4px 10px rgba(255, 215, 0, 0.25); /* Altın tonlu hafif gölge */
    overflow: hidden;           /* Kenar taşmalarını önler */
}

.header-menu {
    color: #FFD700;
    font-family: Times New Roman, serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

/* ===========================
   CONTENT VE KUTULAR
   =========================== */
.content {
    background-color: #0d0d0d;
    border-left: 1px solid #D4AF37;
    border-right: 1px solid #D4AF37;
}

.contentheader {
    background: #FFFFFF url(images/tblbar3.png);
    background-color: #D4AF37;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    padding: 4px 6px;
    margin: 2px 0;
    border-radius: 4px;
}

.contentheaderbl {
        background: #FFFFFF url(images/footer.png);
    background-color: #D4AF37;
    color: #000000;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    padding: 4px 6px;
    margin: 2px 0;
    border-radius: 4px;
}

.contentboxbl {
    background-color: #111111;
    font-family: 'Oswald', Arial, sans-serif;
    border: 1px solid #D4AF37;
    margin-bottom: 2px;
    border-radius: 6px;
    padding: 10px;
    color: #ffffff;
}

.contentbox {
    background-color: #000000;
    border: 1px solid #D4AF37;
    margin-bottom: 8px;
    border-radius: 6px;
    padding: 10px;
    color: #ffffff;
}

/* ===========================
   YARDIMCI KUTULAR VE METINLER
   =========================== */
.boxestext, .boxestextbl, .newstext, .pmboxheader, .frametext, .pmtexttable, .newprivatemessage, .boxgizem {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    padding: 4px;
}

.newsline {
    border-bottom: 1px dotted #D4AF37;
}

.filebox {
    border: 1px solid #D4AF37;
    margin-bottom: 8px;
    border-radius: 6px;
    padding: 6px;
    background-color: #111111;
}

.fileboxheader {
    background: #FFFFFF url(images/tblbar3.png);
    color: #000000;
    font-family: Oswald, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    padding: 4px 6px;
    margin: 2px 0;
    border-radius: 4px;
}

/* ===========================
   PROJE KARTLARI
   =========================== */
.browseproje {
    background: #1C1C1C;
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 13px;
    color: #ccc;
    text-align: left;
    padding: 12px;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(255, 215, 0, 0.1);
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
}

.browseproje::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 4px;
    background: linear-gradient(90deg, #ffb400, #ffd700);
    transition: width 0.35s ease;
}

.browseproje:hover::after {
    width: 100%;
}

.browseproje:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 15px rgba(255, 215, 0, 0.25);
}
.browseproje img {
    border-radius: 15px;
    display: block;
}
.browseproje img:hover {
    transform: scale(1.05);
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.75);
    transition: all 0.3s ease;
}


/* ===========================
   PROJE LINKLERI
   =========================== */
.projelink {
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.35s ease;
}

.projelink:hover {
    color: #FFD700;
}

.projelink:visited {
    color: #ffffff;
}

/* ===========================
   DIGER STILLER
   =========================== */
.pagenumbers {
    font-family: Arial, sans-serif;
    font-size: 15px;
    color: #ccc;
    text-align: center;
    padding: 4px;
}

.played {
    font-family: Arial, sans-serif;
    font-size: 9px;
    color: #ccc;
}

.bottom {
	background-image: url(images/tblbar3.png);
	/* height: 21px; */
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}	
.bottom-text {
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding-top: 14px;
    text-align: center;
}

.bottom-link:link, .bottom-link:visited {
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
}

.bottom-link:hover {
    color: #FFD700;
    text-decoration: none;
    font-weight: bold;
}

.quote {
    border: 1px dotted #D4AF37;
    margin: 2px;
    margin-bottom: 6px;
    padding: 3px;
    text-align: left;
}

.framelink:link, .framelink:visited {
    color: #ffffff;
    text-decoration: underline;
}

.framelink:hover {
    color: #FFD700;
    text-decoration: none;