/* Bu CSS dökümanı Seyhan Gürsoy tarafından kodlanmıştır. */

body {background: #118198 url(images/body.jpg) repeat-x top center; margin: 0px auto; font-family: Sans-serif;}
a {text-decoration: none; margin: 0; padding: 0;}
img {border: 0;}
input {margin: 0; padding: 0;}
:focus {outline: 0;}

#genel {width: 973px;}

/* Header */
.header {text-align: left; margin-bottom: -65px; margin-left: -13px; position: relative;}

/* Orta */
.orta-ust {background: url(images/orta-ust.png); width: 973px; height: 25px;}
.orta-alt {background: url(images/orta-alt.png); width: 973px; height: 25px; margin-top: -4px;}
#orta {background: url(images/orta-bg.png); width: 973px;}

	/* Yeni Eklenen Oyunlar */
	#sag {margin-left: 15px; float: right; margin-right: 4px; text-align: left; position: relative; cursor: default; width: 768px;}
	#yeo-baslik {margin-left: -20px; background: url(images/yeo.png); width: 788px; height: 35px; margin-top: 10px; font-size: 28px; color: #656464; font-weight: bold;}
	.yeo-baslik {padding: 0 25px;}
		.tab {float: right;}
		.tab a {color: #fff; background: url(images/tab.png); padding: 2px 9px; font-size: 22px;}
		.tab a:hover {background: url(images/tab-hover.png);}
		
		/* Arama Kutusu */
		#arama-kutusu {float: left; width: 290px; height: 276px; background: url(images/arama-kutusu-bg.png); margin: 10px 10px 0 10px; text-align: center;}
		.arama-kutusu {padding: 20px 10px;}
		input.arama {background: url(images/arama-bg.png); width: 238px; height: 20px; border: 0; padding: 10px;}
		input.ara {background: url(images/ara-bg.png); width: 134px; height: 41px; border: 0; margin-top: 5px;}
		
		/* Oyun */
		.oyun {background: url(images/oyun-bg.png); width: 140px; height: 133px; float: left; margin: 7px 5px 5px 5px; text-align: center;}
		.oyun:hover {background: url(images/oyun-bg-hover.png);}
		.oyun a {color: #fff; font-weight: bold; display: block;}
		.oyun img {border: 3px solid #000;}
		
	/* Kategoriler */
	#kat-baslik {width: 788px; height: 35px; margin-top: 10px; font-size: 28px; color: #656464; font-weight: bold;}
	.kat-baslik {padding: 0 25px;}
	
	/* Reklam */
	#reklam {float: left; margin: 15px 2px;}
	
	/* Listeleme */
	#listeleme {height: 25px; padding: 20px 0 0 0; text-align: center;}
	#listeleme a {color: #000; font-size: 20px; padding: 0 7px;}
	#listeleme a:hover {text-decoration: underline;}
	
	/* Bilgi */
	#bilgi {background: url(images/bilgi-bg.png); width: 700px; height: 90px; margin: 20px 15px 15px 15px;}
	#bilgi2 {background: url(images/bilgi-bg2.png); width: 700px; height: 90px; margin: 20px 15px 15px 15px;}
	a.buton {margin-top: -8px; margin-left: 30px; background: transparent url(images/m-sol.png) no-repeat top left; display: block; float: left; font-size: 20px; font-weight: bold; font-family: sans-serif; line-height: 41px; height: 41px; padding-left: 14px; text-decoration: none;}
	a:link.buton, a:visited.buton, a:active.buton{font-weight: bold; color: #fff;}
	a.buton span{margin-left: -10px; background: transparent url(images/m-sag.png) no-repeat top right; display: block; padding: 0 20px 0 10px;}
	.oynandi {text-align: right; padding: 7px 7px 2px 7px; font-weight: bold;}
	.kat {text-align: right; color: #898989; font-weight: bold;}
		
		/* Puan */
		#puan {float: right; background: url(images/puan-bg.png); width: 62px; height: 63px; text-align: center; color: #fff; margin: -25px 10px 0 10px;}
		.puan {padding: 4px;}
		
		/* Puanla */
		#puanla {text-align: right; padding: 8px 35px; font-weight: bold;}
		#puanla a {background: url(images/puanla.png); color: #fff; padding: 6px 11px; margin-left: 3px;}
		#puanla a:hover {background: url(images/puanla-hover.png);}
		
	/* Reklam 2 */
	#reklam2 {padding: 0 0 10px 0;}
	
	/* Play */
	#play {text-align: center;}
	
	/* Reklam 3 */
	#reklam3 {padding: 10px 0;}
	
	/* Oyun Açıklaması */
	#oac {background: url(images/oac-bg.png); width: 700px; font-size: 12px;}
	.oac {padding: 10px;}
	.oac-ust {background: url(images/oac-ust.png); width: 700px; height: 19px;}
	.oac-alt {background: url(images/oac-alt.png); width: 700px; height: 19px;}
	
		/* OAC Başlık */
		a.baton {margin-left: 25px; background: transparent url(images/oac-sol.png) no-repeat top left; display: block; float: left; font-size: 20px; font-weight: bold; font-family: sans-serif; line-height: 28px; height: 28px; padding-left: 14px; text-decoration: none;}
		a:link.baton, a:visited.baton, a:active.baton{font-weight: bold; color: #fff;}
		a.baton span{margin-left: 4px; background: transparent url(images/oac-sag.png) no-repeat top right; display: block; padding: 0 20px 0 0;}
		
		/* Gerekli */
		#gerekli {color: #797979; background: #fff url(images/gerekli.png) no-repeat 5px; border: 1px solid #ddddde; padding: 5px 30px; margin-top: -10px; font-weight: bold; font-size: 12px;}
		.flash {background: url(images/flash.png) no-repeat 5px; padding: 3px 5px 3px 30px; color: #325b9e;}
		.shockwave {background: url(images/shockwave.png) no-repeat 5px; padding: 3px 5px 3px 30px; color: #325b9e;}
		.java {background: url(images/java.png) no-repeat 5px; padding: 3px 5px 3px 30px; color: #325b9e;}

	/* Menü */
	#m {float: left; margin-left: -25px;}
	.menu-ust {background: url(images/menu-ust.png); width: 206px; height: 40px;}
	.menu-alt {background: url(images/menu-alt.png); width: 206px; height: 28px;}
	#menu {background: url(images/menu-bg.png); width: 206px; font-size: 16px; font-weight: bold;}
	.menu {padding: 4px;}
	.menu a {color: #fff; display: block; text-align: left; padding: 7px 0 7px 10px; letter-spacing: -1px;}
	.menu a:hover {background: url(images/menu-hover.png);}
	.menu img {vertical-align: middle; margin-top: -3px; float: left; margin-right: 5px;}
	
/* En İyi Oyunlar */
.eio {padding: 20px;}
.eio table {color: #269924; font-weight: bold; text-align: left;}
.e1 img {border: 2px solid #000; width: 70px; height: 50px;}

/* Footer */
#footer {color: #fff; font-size: 14px; padding: 15px 0;}
#footer a {color: #fff;}
#footer a:hover {text-decoration: underline;}