/* Tüm elementlere uygulanacak stiller */
*                                                                                                                    
{
        margin: 0;
        padding: 0;
}

/* Sayfayı içinde bulunduran body */
body
{
        width: 100%;
        font-family: arial, helvetica, tahoma, verdana, sans-serif;
        font-size: 12px;
	      color: #333;
        background: #fff url(resimler/body_ap.jpg) repeat-x left top;
}

/* Bağlantılar */
a
{
	color: #05467a;
	text-decoration: none;
}
a:hover
{
	color: #000;
}

/* Başlıkların bold olmamasını sağlamak için */
h1, h2, h3, h4, h5
{
	font-weight: 100;
}

/* Paragraflar */
p
{
	line-height: 140%;
	margin-bottom: 15px;
}

/* Formlar */
input, textarea, select
{
	margin: 0;
}
input
{
	font-size: 85%;
}
textarea
{
	font-size: 11px;
	width: 97%;
}
input, textarea
{
	padding: 5px;
	border: 1px #ccc solid;
	background: #f9fcff;
	margin: 0 0 10px 0;
}
input.buton
{
	font-weight: bold;
	font-size: 11px;
	color: #999;
	padding: 5px 7px;
	display: block;
}
input.tik
{
	margin: 0 10px 0 0;
	display: block;
	float: left;
	border: 0;
	background: #fff;
	clear: both;
}
label
{
	font-size: 85%;
	display: block;
	margin: 0 0 5px 0;
}
form fieldset
{
	margin: 0;
	padding: 0;
	border: 0px;
}

/* Erişilebilirlik sebebiyle normal kullanıcıya gösterilmeyecekler */
#ust h1 span, #alt li a span, #alt li span
{
	position: absolute;
	left: -9999px;
}

/* Siteyi ortalamak için gerekli kodlar */
#ust, #orta, #alt
{
	width: 1002px;
	margin: 0 auto;
}

/* Sitenin ana bağlantılarını ve logoyu içeren başlık bölümü */
#ust
{
	background: url(resimler/ust_ap.jpg) no-repeat left top;
	height: 406px;
}

/* Site logosu - eysis.com */
#ust h1
{
	background: url(resimler/ust_h1_ap.jpg) no-repeat;
	width: 159px;
	height: 43px;
	float: left;
	font-family: arial, sans-serif;
	padding: 40px 0 0 0;
	color: #f0f0f0;
	font-size: 250%;
}

/* Üst tarafta bulunan küçük menü */
ul#ustmenu
{
	width: 728px;
	float: right;
	list-style-type: none;
	font-family: Arial, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 110px;
}
ul#ustmenu li
{
	float: left;
	display: block;
	padding: 0 20px;
	border-right: 1px #19609e solid;
}
ul#ustmenu li.son
{
	border-right: 0px;
}
ul#ustmenu li a
{
	color: #fff;
	display: block;
	padding: 5px 37px;
}
ul#ustmenu li a:hover
{
	color: #05467a;
	background-color: #fff;
}

/* Üst tarafta bulunan sol menü */
ul#solmenu
{
	width: 195px;
	list-style-type: none;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 14px;
	padding: 32px 0 0 48px;
}
ul#solmenu li
{
	display: block;
	padding: 0 8px;
	margin-bottom: 17px;
}
ul#solmenu li a
{
	color: #255988;
	display: block;
}
ul#solmenu li a:hover
{
	color: #000;
}

/* Sayfa bazlı değişen içerik işte burada */
#anaicerik
{
	background: url(resimler/sag_ap.jpg) no-repeat top;
	width: 692px;
	float: right;
	margin-right: 11px;
	margin-top: 15px;
	padding: 50px 12px 10px 12px;
}
h2
{
	font-size: 16px;
	font-weight: bold;
	color: #05467a;
}

#anaicerik p
{
	clear: both;
}
#yan
{
	background: url(resimler/sol_blok_ap.jpg) no-repeat top;
	width: 243px;
	float: left;
  padding: 10px;
	margin-top: 15px;
}
#yan h3
{
	font-size: 12px;
	font-weight: bold;
	color: #05467a;
	text-align: right;
	margin-bottom: 30px;
}
#yan ul
{
	padding: 10px;
	list-style-type: none;
	font-size: 11px;
}
#yan ul li
{
	margin-bottom: 5px;
}

/* Makalelerin yazıldığı tarihin stilleri */
ul.tarih
{
	float: left;
	width: 32px;
	height: 35px;
	list-style-type: none;
	font-family: Arial, verdana, sans-serif;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin: 0px 10px 0 0;
}
ul.tarih li
{
	width: 32px;
	float: left;
}
ul.tarih li.gun
{
	height: 20px;
	margin: 0 0 1px 0;
	padding: 3px 0 0 0;
	background: #717171 url(resimler/tarih_gun.gif) no-repeat;
	font-size: 15px;
}
ul.tarih li.ay
{
	height: 11px;
	background: #5382bf url(resimler/tarih_ay.gif) no-repeat;
	font-size: 8px;
	font-family: verdana, sans-serif;
	text-align: center;
}
ul.tarih2
{
	list-style-type: none;
	float: right;
	margin-top: 10px;
}
ul.tarih2 li
{
	display: inline;
	margin: 0 0 0 5px;
	font-size: 130%;
	font-weight: bold;
	color: #ccc;
	font-style: italic;
}

/* Makalelere ait bilgi satırının stilleri */
ul.bilgisatiri
{
	list-style-type: none;
	float: left;
	width: 80%;
	font-size: 85%;
	color: #999;
	margin: 2px 0 15px 0;
}
ul.bilgisatiri li
{
	display: block;
	float: left;
	padding: 0 18px 0 0;
}
ul.bilgisatiri li a
{
	color: #999;
}
ul.bilgisatiri li a:hover
{
	color: #000;
}
ul.bilgisatiri li.son
{
	background: none;
	padding: 0;
}

/* Kategoriye ait içerik listesinin stilleri */
dl#iceriklistesi
{
	margin: 0 0 15px 0;
	overflow: auto;
}
dl#iceriklistesi dt
{
	float: left;
  margin-bottom: 10px;
	width: 68%;
}
dl#iceriklistesi dt a
{
	border: 1px #ccc solid;
	background: #fff;
	display: block;
	padding: 10px;
}
dl#iceriklistesi dt a:hover
{
	border: 1px #333 solid;
	color: #000;
}
dl#iceriklistesi dd
{
	float: right;
	padding: 5px 0;
	font-size: 90%;
	color: #999;
	width: 30%;
	text-align: right;
}

/* Makalele paragraflarının aralarındaki boşluğu ayarlamak için... */
p.ayir
{
	margin-bottom: 20px;
}

/* Hata iletileri */
div#hata
{
	border: 1px #ccc solid;
	background: #fffceb url(resimler/ikonlar/hata.gif) no-repeat top left;
	margin: 0 0 20px 0;
	padding: 20px 10px 20px 65px;
	letter-spacing: 0.5px;
	background-position: 15px 20px;
}
div#hata:hover
{
	background-color: #fffbe0;
}
div#hata h2
{
	color: #000;
	font-weight: bold;
	letter-spacing: 0px;
	font-size: 120%;
	margin: 8px 0 20px 0;

}
div#hata a
{
	color: #666;
	font-weight: bold;
}
div#hata a:hover
{
	color: #000;
}

/* Ara bilgilendirme iletileri (hata ve tamam) */
div#basari, div#bilhata
{
	padding: 14px 20px;
	margin: 0 0 20px 0;
}
div#basari
{
	background: #fafffa;
	border: 1px dashed #649364;
}
div#bilhata
{
	background: #fffafa;
	border: 1px dashed #b46666;
}

/* Üyelik Sistemi */
form#uyegiris fieldset.tik label
{
	display: inline;
	font-weight: bold;
	color: #999;
	position: relative;
	bottom: 14px;
	margin-bottom: 15px;
}
form#uyegiris fieldset.tik input
{
	margin-right: 5px;
	margin-bottom: 15px;
}
form#uyekayit
{
	margin: 20px 0 0 0;
}
form#uyekayit fieldset#bilgiler
{
	width: 27%;
	float: left;
}
form#uyekayit input.buton
{
	clear: both;
	margin: 5px 0 20px 0;
}
form#uyekayit div#sozlesme
{
	font-size: 85%;
	overflow: auto;
	color: #999;
	border-left: 5px #f0f0f0 solid;
	height: 203px;
	float: right;
	width: 71%;
	margin: 0 0 20px 0;
}
form#uyekayit fieldset input
{
	width: 80%;
}
form#uyekayit div#sozlesme p
{
	margin: 0;
	padding: 0 5%;
	width: 85%;
	line-height: 145%;
}
form#uyeprofil h3
{
	margin: 10px 0 15px 0;
}
form#uyeprofil fieldset#tanitim textarea, form#profileposta textarea
{
	height: 75px;
}
form#uyeprofil fieldset#tanitim h3
{
	background: #fffceb url(resimler/ikonlar/uye_tanitim.gif) no-repeat right;
}
form#uyeprofil fieldset#resim h3
{
	background: #fffceb url(resimler/ikonlar/uye_resim.gif) no-repeat right;
}
form#uyeprofil fieldset#resim img, #uyeresmi
{
	float: left;
	border: 1px #ccc solid;
	padding: 5px;
	margin: 0 15px 0 0;
	vertical-align: middle;
}
form#uyeprofil fieldset#eposta h3
{
	background: #fffceb url(resimler/ikonlar/iletisim_form.gif) no-repeat right;
}
form#uyeprofil fieldset#sifreler h3
{
	background: #fffceb url(resimler/ikonlar/uye_sifre.gif) no-repeat right;
}
form#uyeprofil fieldset#dogrula h3
{
	background: #fffceb url(resimler/ikonlar/uye_dogrula.gif) no-repeat right;
}
form#uyeprofil input.buton
{
	margin: 0 0 15px 0;
}
ul#profilicerik, ul#anketlistesi
{
	list-style-type: none;
	margin-bottom: 20px;
}
ul#profilicerik li, ul#anketlistesi li
{
	margin: 0 0;
}
ul#profilicerik li a, ul#anketlistesi li a
{
	display: block;
}
form#profileposta
{
	padding: 10px 0;
}


/* Site Haritası */
ul#siteharitasi
{
	margin: 25px 0 0 0;
	padding: 0 0 5px 0;
	list-style-type: none;
	font-size: 100%;
}
ul#siteharitasi li
{
	margin: 15px 0;
}
ul#siteharitasi li a
{
	color: #000;
	padding: 8px 10px;
	border: 1px #ccc solid;
	background: #fffceb;
	display: block;
	width: 95%;
}
ul#siteharitasi li a:hover
{
	background: #fffbe0;
}


ul#siteharitasi li ul
{
	list-style-type: none;
	margin: 10px 0 0 0;
}
ul#siteharitasi li ul li
{
	margin: 0;
}
ul#siteharitasi li ul li a, ul#profilicerik li a, ul#anketlistesi li a
{
	background: #fff;
	border: 1px #fff solid;
	padding: 3px 10px;
	color: #333;
}
ul#siteharitasi li ul li a:hover, ul#profilicerik li a:hover, ul#anketlistesi li a:hover
{
	background: #fffceb;
	border: 1px #ccc solid;
}

ul#siteharitasi li ul li ul
{
	margin: 5px 25px;
	font-size: 85%;
}
ul#siteharitasi li ul li ul li a
{
	color: #666;
	border: 1px #fff solid;
}
ul#siteharitasi li ul li ul li a:hover
{
	color: #000;
	border: 1px #e0e0e0 solid;
	background: #fafafa;
}

/* İletişim */
h3#ibilgileri
{
	margin-top: 25px;
	background: #fffceb url(resimler/ikonlar/iletisim_bilgileri.gif) no-repeat right;
}
h3#iform
{
	background: #fffceb url(resimler/ikonlar/iletisim_form.gif) no-repeat right;
}
#iletisim dl
{
	margin: 0 0 30px 0;
	font-size: 85%;
	overflow: auto;
}
#iletisim dl dt
{
	float: left;
	width: 25%;
	margin: 0 0 3px 0;
	font-weight: bold;
	color: #999;
}
#iletisim dl dd
{
	float: left;
	width: 73%;
	margin: 0 0 3px 0;
}
#iletisim dl dd#adres2
{
	margin: 0 0 0 25%;
}

#iletisim form
{
	clear: both;
	width: 100%;
}
#iletisim form fieldset#bilgiler
{
	width: 27%;
	float: left;
}
#iletisim form fieldset#ileti
{
	width: 71%;
	float: right;
	margin-bottom: 10px;
}
#iletisim form fieldset input, #iletisim form fieldset textarea
{
	display: block;
}
#iletisim form fieldset input
{
	width: 80%;
}
#iletisim form fieldset textarea
{
	height: 119px;
}
.zorunlu a
{
	font-size: 85%;
	color: #577daf;
}
.zorunlu a:hover
{
	color: #000;
}
#iletisim form input.buton
{
	clear: both;
}

/* Alt bölümde görüntülenecek .... */
#alt
{
	clear: both;
	padding-top: 15px;
}
#alt p
{
	float: left;
	font-size: 100%;
	color: #ccc;
}
#alt li
{
	float: right;
	display: block;
	height: 24px;
	padding-left: 8px;
}
#alt li a
{
	display: block;
	width: 45px;
	height: 20px;
}
#alt li.eysis a
{
	background: url(resimler/alt_eysis.gif) no-repeat left;
}
#alt li.php a
{
	background: url(resimler/alt_php.gif) no-repeat left;
}
#alt li.mysql a
{
	background: url(resimler/alt_mysql.gif) no-repeat left;
}
#alt li.rss a
{
	background: url(resimler/alt_rss.gif) no-repeat left;
}
#alt li a:hover
{
	background-position:  -45px 0;
}
ul#resimler
{
	margin: 0;
	padding: 0;
}
ul#resimler li
{
	list-style-type: none;
	margin-bottom: 65px;
margin-left: 0;
padding-left: 0;
height: 75px;
}
ul#resimler li
{
	width: 20%;
	float: left;
	margin-bottom: 25px;
}
ul#resimler li a img
{
	padding: 4px;
	border: 1px #ccc solid;
}
ul#resimler li a:hover img
{
	border: 1px #666 solid;
}
ul.icerikresimleri { clear: both; list-style-type: none;  }
ul.icerikresimleri li { float: left; padding-bottom: 15px;}
ul.icerikresimleri li img { width: 120px; }
ul.icerikresimleri li a img { border: 1px #ccc solid; padding: 4px; margin-right: 10px; }
ul.icerikresimleri li a:hover img { border: 1px #333 solid;}