/* Body */

body {
  margin: 0px;
  padding: 10px;
  background: #575757 url(../../resim/ana/sayfa_artalani.jpg);
  text-align: center;
}

#temizlik {
  margin-bottom: 10px;
}

/* Fontlar */

body, div, td, span, font, select, option, input, submit, reset, textarea {
  font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Sans-Serif;
  font-size: 13px;
}

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

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

.gizli, .gizle, .logo_yazisi {
  display: none;
}

/* Form Elemanlari */

input[type=text], input[type=password], textarea, select {
  border: 1px solid #c3c3c3;
  border-bottom-color: #dddddd;
  border-top-color: #7c7c7c;
  background: white url(../../resim/ana/input_bg.gif) repeat-x;
  color: #666666;
}

option {
  border-bottom: 1px dotted silver;
  color: black;
}

input.buton {
  height: 38px;
  padding-bottom: 2px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  background: transparent no-repeat;
  cursor: pointer;
  cursor: hand;
}

input.buton.kucuk {  width: 119px;  }
input.buton.buyuk {  width: 167px;  }

input.buton.kucuk.mavi    {  background-image: url(../../resim/butonlar/100_mavi.png);   }
input.buton.kucuk.gri     {  background-image: url(../../resim/butonlar/100_gri.png);   }
input.buton.kucuk.kirmizi {  background-image: url(../../resim/butonlar/100_kirmizi.png);    }
input.buton.kucuk.yesil   {  background-image: url(../../resim/butonlar/100_yesil.png);  }
input.buton.buyuk.mavi    {  background-image: url(../../resim/butonlar/150_mavi.png);   }
input.buton.buyuk.gri     {  background-image: url(../../resim/butonlar/150_gri.png);   }
input.buton.buyuk.kirmizi {  background-image: url(../../resim/butonlar/150_kirmizi.png);    }
input.buton.buyuk.yesil   {  background-image: url(../../resim/butonlar/150_yesil.png);  }

/* Ana taslak parcalari */

#arayuz {
  width: 770px;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
}

#kafa {
  position: absolute;
  z-index: 350;
}

#kafa_cevreleyicisi {
  height: 115px;
}

#kafa .logo {
  float: left;
  background: url(../../resim/ana/kafa/logo.png) no-repeat;
  width: 495px;
  height: 79px;
}

#kafa .sag {
  float: left;
  background: url(../../resim/ana/kafa/sag.png) no-repeat;
  width: 262px;
  height: 70px;
  padding-top: 9px;
  padding-left: 13px;
}

#kafa .sag ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#kafa .sag ul li {
  float: left;
}

#kafa .sag ul li a {
  float: left;
  display: block;
  height: 28px;
}

#kafa .sag ul li a.ev, #kafa .sag ul li a.hakkinda { width: 85px; }
#kafa .sag ul li a.iletisim { width: 80px; }

#kafa .sag ul li a b {
  display: none;
}

#kafa .menu {
  background: url(../../resim/ana/kafa/menu.png) no-repeat;
  z-index: 0;
  width: 770px;
  height: 41px;
  clear: both;
}

#kafa .menu .linkler {
  float: left;
  width: 560px;
  padding-left: 10px;
}

#kafa .menu .linkler ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#kafa .menu .linkler ul li {
  float: left;
}

#kafa .menu .linkler ul li a {
  float: left;
  display: block;
  height: 30px;
  position: relative;
  z-index: 300;
}

/* Menu baglanti genislikleri */
#ml_dokumanlar {  width: 135px;  }
#ml_projeler   {  width: 105px;  }
#ml_dosyalar   {  width: 115px;  }
#ml_galeri     {  width: 103px;  }
#ml_forum      {  width: 100px;  }

#kafa .menu .linkler ul li a b {
  display: none;
}


/* Uye Paneli */

#kafa .menu .uye {
  float: right;
  position: relative;
  top: -62px;
  right: 20px;
}

#kafa .menu .uye, #kafa .menu .uye a {
  color: #fff;
  font-weight: bold;
}

#kafa .menu .uye span, #kafa .menu .uye a {
  float: left;
  display: block;
  height: 19px;
  line-height: 19px;
  padding: 2px 5px;
  color: #fff;
  font-size: 11px; 
  margin-right: 3px;
}

#kafa .menu .uye a {
  font-weight: bold;
  padding-left: 25px;
  background: none no-repeat;
}

#kafa .menu .uye a.giris {  background-image: url(../../resim/ikonlar/uye-paneli/giris.png);  }
#kafa .menu .uye a.ayar { 
  padding-left:  3px;
  padding-right: 27px;
  background: url(../../resim/ikonlar/uye-paneli/ayar.png) no-repeat right;
  margin-right: 6px;
}
#kafa .menu .uye a.mesajlar {  background-image: url(../../resim/ikonlar/uye-paneli/mesaj.png); padding-left: 26px;
  padding-right: 0;
}
#kafa .menu .uye a.kayit {  background-image: url(../../resim/ikonlar/uye-paneli/kayit.png);  }
#kafa .menu .uye a.cikis {  background-image: url(../../resim/ikonlar/uye-paneli/cikis.png);  }

#kafa .menu .uye a.mesajlar b {  display: none;  }


/* Arama kutusu */

#kafa .menu .arama {
  float: left;
  width: 140px;
  padding-left: 40px;
  padding-top: 6px;
}

#kafa .menu .arama .ara_input {
  border: 0px;
  background-color: transparent;
  font-size: 11px;
  width: 110px;
  height: 14px;
  overflow: hidden;
  position: relative;
  z-index: 305;
  float: left;
  background-image: none;
}

#kafa .menu .arama .ara_buton {
  position: relative;
  top: -3px;
  left: 7px;
  z-index: 305;
  float: left;
}


/* Sayfa icerik bolumu */

#sayfa_kafasi {
  background: url(../../resim/ana/ayak/sayfa_kafasi.png) no-repeat;
  width: 770px;
  height: 26px;
  clear: both;
}

#icerik {
  background: url(../../resim/ana/ayak/sayfa_artalani.png) repeat-y;
  width: 770px;
}

#icerik .iceri {
  padding-left: 16px;
  padding-right: 14px;
  margin-left: 9px;
  margin-right: 11px;
  padding-top: 5px;
  background-color: white;
}

#sayfa_secenekleri {
  padding-top: 30px;
  padding-bottom: 3px;
  clear: both;
}

#sayfa_secenekleri ul, #sayfa_secenekleri ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#sayfa_secenekleri ul.ana li {
  float: left;
  display: block;
}

#sayfa_secenekleri ul.ana li a {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-right: 8px;
  height: 22px;
  line-height: 22px;
  padding-left: 5px;
  padding-right: 5px;
}

#sayfa_secenekleri ul.ana li.arayuz a {
  background: url(../../resim/ana/ayak/combobox.png) no-repeat;
  width: 135px;
  padding-left: 10px;
}

#sayfa_secenekleri ul.ana li.arayuz:hover a {
  background-image: url(../../resim/ana/ayak/combobox_uzeri.png);
  text-decoration: none;
}

#sayfa_secenekleri ul.ana li.arayuz:hover ul {
  position: absolute;
  display: block;
}

#sayfa_secenekleri ul.ana li.arayuz:hover ul li {
  float: left;
  clear: both;
}

#sayfa_secenekleri ul.ana li.arayuz:hover ul li a {
  background-image: none;
  background-color: #191919;
  opacity: 0.95;
  color: white;
  font-size: 12px;
  font-weight: bold;
  width: 120px;
  margin-left: 8px;
  border-top: 1px solid #222;
}

#sayfa_secenekleri ul.ana li.arayuz:hover ul li a:hover {
  background-color: black;
}

#sayfa_secenekleri ul.ana li.arayuz:hover ul {
  display: block;
}

#sayfa_secenekleri ul.ana li span, #sayfa_secenekleri ul.ana li ul, #sayfa_secenekleri ul.ana li.imle a.kafa, #sayfa_secenekleri ul.ana li.imle ul li a b {
  display: none;
}

#sayfa_secenekleri ul.ana li.imle ul {
  display: block;
}

#sayfa_secenekleri ul.ana li.imle ul li a {
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 0;
  padding-right: 1px;
  padding-left: 1px;
}

#sayfa_secenekleri ul.ana li.imle ul li a.delicious  {  background-image: url(../../resim/ikonlar/sosyal-link/delicious.png);  }
#sayfa_secenekleri ul.ana li.imle ul li a.furl       {  background-image: url(../../resim/ikonlar/sosyal-link/furl.gif);  }
#sayfa_secenekleri ul.ana li.imle ul li a.digg       {  background-image: url(../../resim/ikonlar/sosyal-link/digg.png);  }
#sayfa_secenekleri ul.ana li.imle ul li a.technorati {  background-image: url(../../resim/ikonlar/sosyal-link/technorati.png);  }
#sayfa_secenekleri ul.ana li.imle ul li a.reddit     {  background-image: url(../../resim/ikonlar/sosyal-link/reddit.gif);  }
#sayfa_secenekleri ul.ana li.imle ul li a.google     {  background-image: url(../../resim/ikonlar/sosyal-link/google.png);  }
#sayfa_secenekleri ul.ana li.imle ul li a.simpy      {  background-image: url(../../resim/ikonlar/sosyal-link/simpy.png);  }

.yukari_cevreleyici {
  height: 32px;
}

.yukari {
  background: url(../../resim/ana/ayak/yukari.png) no-repeat;
  width: 103px;
  height: 29px;
  display: block;
  float: right;
}

.yukari span {
  display: none;
}

#ayak {
  clear: both;
}

#ayak .bar {
  background: url(../../resim/ana/ayak/ayak_bar.png) no-repeat;
  width: 750px;
  height: 28px;
  padding-left: 20px;
  color: #FFFFFF;
  line-height: 27px;
}

#ayak .bar * {
  color: white;
  text-decoration: none;
}

#ayak .sol {
  float: left;
  width: 184px;
  padding-left: 15px;
  height: 114px;
  padding-top: 5px;
  background: url(../../resim/ana/ayak/ayak_sol.png) no-repeat;
  color: #FFFFFF;
  font-size: 11px;
}

#ayak .center {
  float: left;
  width: 390px;
  height: 119px;
}

#ayak .butonlar {
  width: 390px;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  background: url(../../resim/ana/ayak/ayak_butonlari.png) no-repeat;
}

#ayak .butonlar ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 10px;
}

#ayak .butonlar ul li {
  list-style-type: none;
  padding: 0;
  float: left;
  margin: 2px 0 0 12px;
}

#ayak .butonlar ul li a {
  display: block;
  height: 45px;
}

#ayak .butonlar ul li a b {
  display: none;
}

#ayak .butonlar ul li.rss a        { width: 70px; }
#ayak .butonlar ul li.host a       { width: 50px; }
#ayak .butonlar ul li.cc a         { width: 43px; }
#ayak .butonlar ul li.istatistik a { width: 43px; }
#ayak .butonlar ul li.hakkinda a   { width: 43px; }
#ayak .butonlar ul li.iletisim a   { width: 45px; }

#ayak .butonlar ul li span {
  position: absolute;
  display: block;
  margin-top: -142px;
  background: url(../../resim/ana/ayak/ayak_ikon_bilgi_kutusu.png) no-repeat;
  width: 205px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  visibility: hidden;
  padding-top: 13px;
  margin-left: -82px;
  padding-left: 15px;
  padding-right: 15px;
  height: 81px;
}

#ayak .butonlar ul li.host span       { margin-left: -92px; font-size: 13px; }
#ayak .butonlar ul li.cc span         { margin-left: -98px; font-size: 11px; line-height: 13px;  }
#ayak .butonlar ul li.istatistik span { margin-left: -98px; }
#ayak .butonlar ul li.hakkinda span   { margin-left: -99px; }
#ayak .butonlar ul li.iletisim span   { margin-left: -98px; font-size: 18px;
}

/* Eger Javascript'i kullanmazsak anlik gorunup-kaybolmayi saglar
#footer .buttons ul li:hover span {
  visibility: visible;
}*/

#ayak .bilgi {
  width: 390px;
  height: 39px;
  background: url(../../resim/ana/ayak/ayak_bilgi.png) no-repeat;
}

#ayak .bilgi span.turk {
  display: none;
}

.validator-html {
  float: right;
  display: block;
  width: 40px;
  height: 15px;
  margin-right: 5px;
}

.validator-css {
  float: right;
  display: block;
  width: 30px;
  height: 15px;
  position: relative;
  left: 78px;
}

.validator-html b, .validator-css b {
  display: none;
}

#ayak .sag {
  float: left;
  width: 181px;
  height: 142px;
  background: url(../../resim/ana/ayak/ayak_yildizlar.png) no-repeat;
}

/* Sayfalama stilleri */
#sayfalama {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
}

#sayfalama a, #sayfalama span {
  padding: 11px;
  display: inline;
  background-position: center center;
  background-repeat: no-repeat;
}

#sayfalama a b, #sayfalama span b, #sayfalama .sayfalar {
  display: none;
}

#sayfalama .onceki, #sayfalama .sonraki {
  margin-right: 8px;
  margin-left: 8px;
}

#sayfalama a.onceki {  background-image: url(../../resim/ana/sayfalama/geri.gif);  }
#sayfalama span.onceki.yok {  background-image: url(../../resim/ana/sayfalama/geri_gri.gif);  }

#sayfalama a.sonraki {  background-image: url(../../resim/ana/sayfalama/ileri.gif);  }
#sayfalama span.sonraki.yok {  background-image: url(../../resim/ana/sayfalama/ileri_gri.gif);  }

#sayfalama a.sayfa {  background-image: url(../../resim/ana/sayfalama/sayfa.gif);  }
#sayfalama a.sayfa.simdiki {  background-image: url(../../resim/ana/sayfalama/sayfa_aktif.gif);  }


/* Gunceller liste stili */

#son-degisimler {
  display: block;
  font-size: 10px;
  color: white;
  text-align: center;
  border-top: 1px dotted #5e5e5e;
  margin-top: 4px;
  padding-top: 2px;
  font-weight: bold;
  margin-right: 5px;
  text-decoration: none;
  margin-left: 3px;
}

#gunceller ul {
  padding: 0;
  height: 77px;
  width: 175px;
  overflow: hidden;
  margin: 2px 0 0 2px;
}

#gunceller li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 11px;
  overflow: hidden;
}

#gunceller * {
  font: 10px "Trebuchet MS", Tahoma, sans-serif;
  line-height: 11px;
}

#gunceller li a {
  color: white;
  white-space: nowrap;
  float: left;
  display: block;
}

#gunceller li a span {
  float: left;
  display: block;
  width: 19px;
  text-align: right;
  margin-right: 3px;
}

#gunceller li a span.yeni  {  color: #ff7e78;  }
#gunceller li a span.cevap {  color: #76d5ff;  }
#gunceller li a span.yorum {  color: #c0c0c0;  }

/* Son degisiklikler pop-up icerik */

#son-degisimler-popup .popup-baslik {
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  background-color: black;
}

#son-degisimler-popup .popup-baslik a {
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

#son-degisimler-icerik {
  background-color: #424242;
  height: 360px;
  padding: 5px;
}

#son-degisimler-icerik * {
  color: white;
  white-space: nowrap;
  font-size: 11px;
}

#son-degisimler-icerik .yukleniyor {
  display: block;
  margin-top: 100px;
  font-size: 24px;
  color: #797979;
  text-align: center;
}

#son-degisimler-icerik .son-degisiklik-basligi {
  display: none;
}

#son-degisimler-icerik ol, #son-degisimler-icerik ol li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#son-degisimler-icerik ol li {
  height: 13px;
  overflow: hidden;
}

#son-degisimler-icerik a h3 {
  padding: 0;
  margin: 0;
}

#son-degisimler-icerik .basliklar b, #son-degisimler-icerik .yazar {
  display: none;
}

#son-degisimler-icerik .basliklar {
  float: left;
  width: 280px;
  overflow: hidden;
}

#son-degisimler-icerik .tarih_yazar {
  float: right;
  width: 55px;
  text-align: right;
}

#son-degisimler-icerik .tarih {
  font-size: 10px;
}