/* atillamutlu.com.tr — 2005 tarzı tablo tasarımı */

body {
  margin: 0; padding: 12px 0 30px;
  background: #5d7fa6 linear-gradient(#3f6491, #9bb4d1 420px, #c9d7e8 900px) no-repeat;
  background-color: #c9d7e8;
  font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #222;
}
a { color: #0b3d91; }
a:visited { color: #5b2a86; }
a:hover { color: #d40000; text-decoration: none; }
img { border: 0; max-width: 100%; }
.gri { color: #777; }
.ok { color: #e07000; font-weight: bold; }

.sayfa { background: #fff; border: 1px solid #1f3d63; box-shadow: 0 0 0 4px rgba(255, 255, 255, .45); }

/* Banner */
.banner {
  height: 92px; padding: 0 16px;
  background: linear-gradient(#5a8ac6 0%, #2d5a96 48%, #1d4680 52%, #2f62a3 100%);
  border-bottom: 1px solid #0f2c55;
}
.logo { padding: 18px 0 0; }
.logo a { text-decoration: none; }
.logo-ad {
  font-family: "Trebuchet MS", Georgia, serif; font-size: 34px; font-weight: bold; color: #fff; letter-spacing: -1px;
  text-shadow: 2px 2px 0 #0f2c55, 0 0 12px rgba(255, 255, 255, .35);
}
.logo-alt { font-family: Georgia, serif; font-style: italic; font-size: 13px; color: #cfe0ff; }
.banner-sag { color: #dbe7fb; padding-bottom: 10px; font-size: 10px; }

/* Menü */
.menu {
  background: linear-gradient(#f6f6f6, #d9d9d9); border-bottom: 1px solid #a5a5a5; border-top: 1px solid #fff;
  padding: 6px 12px; font-weight: bold; color: #888;
}
.menu a { color: #1d3f6e; text-decoration: none; padding: 0 3px; }
.menu a:hover { color: #d40000; text-decoration: underline; }
.menu a.secili { color: #d40000; }
.kayan { background: #fffbe0; border-bottom: 1px solid #e3d98a; padding: 3px 8px; color: #555; }

/* Kolonlar */
.sol { background: #eef3f9; border-right: 1px solid #c3d1e3; padding: 8px; }
.sag { background: #eef3f9; border-left: 1px solid #c3d1e3; padding: 8px; }
.orta { padding: 10px 12px 20px; line-height: 1.55; }

/* Kenar kutuları */
.kutu { border: 1px solid #9cb3d1; background: #fff; margin-bottom: 9px; }
.kutu-baslik {
  background: linear-gradient(#7fa3d1, #4a76b0); color: #fff; font-weight: bold; padding: 4px 6px;
  border-bottom: 1px solid #3a6297; text-shadow: 1px 1px 0 #2a4f80;
}
.kutu-ic { padding: 6px; }
.liste { line-height: 1.75; }
.avatar {
  width: 64px; height: 64px; margin: 4px auto 6px; border: 2px solid #9cb3d1;
  background: linear-gradient(135deg, #ffd36b, #f08a24); color: #fff; font: bold 24px/64px Georgia, serif;
  text-shadow: 1px 1px 0 #a35a00;
}
.sayac { display: inline-block; margin: 5px 0; background: #000; padding: 2px; border: 2px inset #888; }
.sayac span { display: inline-block; width: 13px; font: bold 15px/20px "Courier New", monospace; color: #39ff14; background: #111; margin: 0 1px; text-align: center; }

/* 88x31 rozetler */
.rozet {
  display: inline-block; width: 70px; height: 24px; margin: 2px 1px; border: 1px solid #000; overflow: hidden;
  font: bold 9px/12px Verdana, sans-serif; color: #fff; text-align: left; padding: 0 0 0 4px; vertical-align: top;
}
.rozet b { display: block; font-size: 8px; font-weight: normal; }
.r-php { background: linear-gradient(#8892bf, #4f5b93); }
.r-sql { background: linear-gradient(#5aa1d8, #0f6aa8); }
.r-ff { background: linear-gradient(#ff9d2e, #c2410c); }
.r-css { background: linear-gradient(#6fbf4a, #2f7d1b); }
.cozunurluk { margin-top: 6px; color: #777; font-size: 9px; }

/* İçerik kutuları (orta) */
.icerik { border: 1px solid #b7c8de; margin-bottom: 12px; }
.icerik-baslik {
  background: linear-gradient(#f3f7fc, #dbe6f4); border-bottom: 1px solid #b7c8de; padding: 5px 8px;
  font: bold 14px "Trebuchet MS", Verdana, sans-serif; color: #1d3f6e;
}
.icerik-baslik a { color: #1d3f6e; text-decoration: none; }
.icerik-baslik a:hover { color: #d40000; text-decoration: underline; }
.icerik-bilgi { background: #fafafa; border-bottom: 1px dotted #ccc; padding: 3px 8px; color: #777; font-size: 10px; }
.icerik-ic { padding: 8px; font-size: 12px; }
.icerik-alt { padding: 4px 8px; text-align: right; border-top: 1px dotted #ccc; background: #fcfcfc; font-size: 10px; }
.kucuk-resim { float: left; width: 96px; height: 72px; object-fit: cover; margin: 2px 9px 4px 0; border: 1px solid #999; padding: 2px; background: #fff; }
.temizle { clear: both; }
.yeni { color: #fff; background: #e00; font: bold 9px Verdana; padding: 0 3px; margin-left: 4px; vertical-align: middle; animation: yanip 1s steps(1) infinite; }
@keyframes yanip { 50% { visibility: hidden; } }
.etiket { color: #2f7d1b; }
.sayfa-baslik { font: bold 18px "Trebuchet MS", Verdana, sans-serif; color: #1d3f6e; border-bottom: 2px solid #4a76b0; padding-bottom: 3px; margin: 2px 0 10px; }

/* Yazı içeriği (Markdown) */
.yazi { font-size: 12.5px; line-height: 1.65; }
.yazi h1, .yazi h2, .yazi h3, .yazi h4 { font-family: "Trebuchet MS", Verdana, sans-serif; color: #1d3f6e; margin: 16px 0 6px; }
.yazi h1 { font-size: 18px; } .yazi h2 { font-size: 16px; border-bottom: 1px solid #c3d1e3; padding-bottom: 2px; } .yazi h3 { font-size: 14px; } .yazi h4 { font-size: 13px; }
.yazi p { margin: 0 0 10px; }
.yazi ul, .yazi ol { margin: 0 0 10px; padding-left: 22px; }
.yazi blockquote { margin: 10px 0; padding: 6px 10px; background: #fffbe0; border: 1px dashed #e3d98a; color: #555; }
.yazi pre { background: #f6f6f6; border: 1px dashed #999; padding: 0; margin: 10px 0; overflow-x: auto; font-size: 11.5px; }
.yazi pre code, .yazi pre code.hljs { display: block; padding: 8px 10px; font-family: "Courier New", Courier, monospace; background: #f6f6f6; }
.yazi :not(pre) > code { font-family: "Courier New", monospace; background: #f0f0f0; border: 1px solid #ddd; padding: 0 3px; font-size: 12px; }
.yazi img { border: 1px solid #999; padding: 2px; background: #fff; }
.yazi table { border-collapse: collapse; margin: 10px 0; }
.yazi th, .yazi td { border: 1px solid #b7c8de; padding: 3px 6px; }
.yazi th { background: #dbe6f4; }
.yazi hr { border: 0; border-top: 1px dashed #b7c8de; margin: 14px 0; }
.kapak { border: 1px solid #999; padding: 3px; background: #fff; margin: 0 0 10px; }

/* Formlar */
.form-tablo td { padding: 4px 4px; font-size: 11px; vertical-align: top; }
.form-tablo .etiket-hucre { width: 110px; font-weight: bold; color: #1d3f6e; padding-top: 7px; }
.girdi { width: 98%; font: 12px Verdana, sans-serif; border: 1px solid #7f9db9; padding: 3px; background: #fff; }
.girdi:focus { background: #ffffe8; border-color: #3a6297; }
textarea.girdi { height: 150px; }
textarea.girdi.kod { height: 300px; font: 12px "Courier New", monospace; }
.dugme {
  font: bold 11px Verdana, sans-serif; color: #1d3f6e; cursor: pointer; padding: 3px 12px;
  background: linear-gradient(#ffffff, #dcdcdc); border: 1px solid #7f9db9; border-radius: 3px;
}
.dugme:hover { background: linear-gradient(#fff, #ffe6a8); border-color: #e0a100; }
.dugme-kirmizi { color: #b00; }
.ipucu { color: #888; font-size: 10px; }
.uyari { border: 1px solid #e3a3a3; background: #ffecec; color: #b00; padding: 6px 8px; margin-bottom: 10px; font-weight: bold; }
.basari { border: 1px solid #9fd39f; background: #ecffec; color: #1b6e1b; padding: 6px 8px; margin-bottom: 10px; font-weight: bold; }

/* Mesajlar */
.mesaj-okunmadi .icerik-baslik { background: linear-gradient(#fff8d8, #ffe9a0); }

.alt { background: linear-gradient(#e9eef5, #cdd8e6); border-top: 1px solid #9cb3d1; padding: 9px; line-height: 1.8; font-size: 10px; color: #444; }