/*
Theme Name: eoyunlar
Theme URI: http://www.eoyunlar.org
Description: Oyun Teması Eoyunlar.org
Version: 1.2

*/

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: 945px;}



/* Header */

.header {text-align: left; margin-bottom: -73px; 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: 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 10px 2px 7px; font-weight: bold;}

	.kategorisi{text-align: right; color: #898989; padding: 0px 10px; font-weight: bold;}

	.kat {text-align: right; color: #898989; font-weight: bold;}



	/* 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;}

	.menu ul {list-style-type:none;}

	.menu li {list-style-type:none;}

	

/* 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;}