/* 
Author	: MrSySt3ms (Nuri UYAR)
Title	: Flash Oyun Tasarımı
*/
/* Üst ve Kalıp */
* { margin: 0; padding: 0; outline: 0; }
body {background: #70ddfa;font: 11px Tahoma;color: #333;}
h1,h2,h3,h4,h5,h6{font-size: 11;}
a{font-family:Tahoma, Arial; font-size:11px; color: #333; text-decoration:none;}
a:hover{text-decoration:underline;}
ul {list-style: none;}
img {border: none;}
input{border:1px solid #a8a8a8;}
input:focus{background:url(images/form_bg.gif) #fef9da top left repeat-x;border:1px solid #5d5d5d;}
textarea{border:1px solid #a8a8a8;}
textarea:focus{background:url(images/form_bg.gif) #fef9da top left repeat-x;border:1px solid #5d5d5d;}

#sayfa_link a {margin-bottom: 5px;display: block; float: left; padding: 3px 5px; color: #fff; font-weight: normal; border: 1px solid #ff9900; background: url(images/sayfalamabg.png) no-repeat 50% 50%;}
#sayfa_link a:hover {background: url(images/sayfalamaaktif.png) no-repeat 50% 50%;}
#secili {margin-bottom: 5px;display: block; float: left; padding: 3px 5px; border: 1px solid #ff9900; background: url(images/sayfalamaaktif.png) no-repeat 50% 50%; font-weight: bold; color: #fff; }

::-moz-selection{background:#c00; color:#fff;}
::selection {background:#c00; color:#fff;}
a::-moz-selection{background:#c00; color:#fff;}
a::selection{background:#c00; color:#fff;}
	
.genislik {width: 930px;text-align:left;}
.ustlink {text-align:left;padding: 12px 0px 0px 10px;font-weight: 900;font: 13px;text-shadow: 1px 1px 2px black;}
.ustlink a {color: #fff; padding: 0 5px;text-decoration: none;}
.ustlink a:hover {text-decoration: underline;}

/* Üst */
.header {background: url(images/header.png);width:930px;height:40px; margin: 5px 5px 5px 0px;}
.header-left {float:left;}
.header-right {float:right;}

#logo {background: url(images/logo.png);width:220px;height:80px;}
#arama-input {background: url(images/arama-kutu.png);border: none;margin: 5px 5px 5px 10px;padding: 5px 2px 2px 28px;width:151px;height:27px;float:right;}
#arama-buton{background: url(images/arama-buton.png);margin: 5px 5px 5px 1px;width: 52px; height: 27px;float:right;border: none;}


/* Panel */
#panelbaslik {background-image: url(images/kategoribaslik.jpg);background-repeat: repeat-x;text-shadow: 1px 1px 1px black;border-left:1px solid #87e3fa;border-right:1px solid #87e3fa;border-top:1px solid #87e3fa;color: #fff;width:185px;font-weight: 900;height: 27px;line-height: 27px;text-indent: 5px}
#panelbaslik .panelbaslik h1{font-weight: 900;color: #fff;text-shadow: 1px 1px 1px black;}
.panel {border-left:1px solid #87e3fa;border-right:1px solid #87e3fa;border-bottom:1px solid #87e3fa;background-image: url(images/kategori.jpg);background-repeat: repeat-x;margin-bottom: 5px;width:185px;}
.panel-ic {margin: 0 5px 8px;padding: 3px 0 0}
#panel-kullanici {background: url(images/kullanici.png);border: none;margin: 2px 0px 0px 5px;padding: 5px 2px 2px 28px;width:165px;height:27px;float:right;}
#panel-sifre {background: url(images/sifre.png);border: none;margin: 2px 0px 10px 5px;padding: 5px 2px 2px 28px;width:165px;height:27px;float:right;}


/* Kategoriler */
.kategoribaslik {background-image: url(images/kategoribaslik.jpg);background-repeat: repeat-x;text-shadow: 1px 1px 1px black;border-left:1px solid #87e3fa;border-right:1px solid #87e3fa;border-top:1px solid #87e3fa;color: #fff;width:185px;font-weight: 900;height: 27px;line-height: 27px;text-indent: 5px}
.kategori {border-left:1px solid #87e3fa;border-right:1px solid #87e3fa;border-bottom:1px solid #87e3fa;background-image: url(images/kategori.jpg);background-repeat: repeat-x;margin-bottom: 5px;width:185px;}
.kategori-ic {margin: 0 10px 8px;padding: 3px 0 0}
.kategori-liste {padding: 2px 0 0;}
.kategori-liste  li {background: url(images/kategori.gif) no-repeat 1px 1px;border-bottom: 1px dashed #ccc;height: 18px;list-style-type: none;margin: 1px;}
.kategori-liste  a{margin: 15px;font-family:Tahoma, Arial; font-size:11px; color: #333; text-decoration:none; font-weight:bold;}
.kategori-liste  a:hover{text-decoration:underline;}

/* Gövde Alanı */
#ust {background: url(images/ust.png);width:930px;height:22px;}
#ust .baslik{background: url(images/navigasyon.gif) no-repeat ;float:left; text-align:center;margin:4px 0px 0px 5px;padding-left:15px;}
#ust .baslik a{font-family:Tahoma, Arial; font-size:11px; color: #222; text-decoration:none; font-weight:bold;}
#ust .baslik a:hover{text-decoration:underline;}
#alt {margin-bottom: 5px;background: url(images/alt.png);width:930px;height:22px;}
#govde {width: 930px; text-align: left; background-color: #fff; padding:0px 0px 0px 0px;}
#sag {padding-left:2px;float: left; width: 170px;}
#sol {float: right; width: 735px;}

/* Footer */
.footer{background: url(images/footer.png);width:930px;height:99px;}
.footer h1{text-align: center;padding: 10px 5px 5px 10px;font: 11px Tahoma;}
.footer a {color: #333; padding: 0 5px;text-decoration: none;}
.footer a:hover {text-decoration: underline;}

/* Son Oyunlar */
#sonoyunlar{margin-bottom: 5px;width:730px;background-image: url(images/kategori.jpg);background-repeat: repeat-x;float:left;}
#sonoyunlar .tabloust{background:url(images/kategoribaslik.jpg);width:730px;height:27px;float:left;border:1px solid #AADDFF;}
#sonoyunlar .tablobaslik{float:left;margin:5px 0px 0px 7px;}
#sonoyunlar .tablobaslik h1{font-weight: 900;color: #fff;text-shadow: 1px 1px 1px black;}
#sonoyunlar .tablo{padding:0px 0px 5px 0px;width:730px;float:left;border:1px solid #87e3fa;border-top:none;}
#sonoyunlar .resim{margin:6px 0px 0px 9px;float:left;}
#sonoyunlar .baslik{float:left; text-align:center;text-shadow: 1px 1px 1px black;width:130px; margin:1px 0px 0px 0px;}
#sonoyunlar .baslik a{font-family:Tahoma, Arial; font-size:11px; color: #fff; text-decoration:none; font-weight:bold;}
#sonoyunlar .baslik a:hover{text-decoration:underline;}
#sonoyunlar .cerceve{background: url(images/cerceve.png); width:135px;height:93px;float:left;margin:5px 0px 5px 9px;}
#sonoyunlar .cerceve img{border:1px solid #FFFFFF;width:110px;height:60px;}
#sonoyunlar .cerceve img:hover{border:1px dashed #333;width:110px;height:60px;}

/* Seçtiklerimiz */
#sectiklerimiz{margin-bottom: 5px;width:425px;background-image: url(images/kategori.jpg);background-repeat: repeat-x;float:left;}
#sectiklerimiz .tabloust{background:url(images/kategoribaslik.jpg);width:426px;height:27px;margin:0px 0px 0px 0px;float:left;border:1px solid #AADDFF;}
#sectiklerimiz .tablobaslik{float:left;margin:5px 0px 0px 7px;}
#sectiklerimiz .tablobaslik h1{font-weight: 900;color: #fff;text-shadow: 1px 1px 1px black;}
#sectiklerimiz .tablo{padding:0px 0px 5px 0px;width:426px;height:215px;float:left;border:1px solid #87e3fa;border-top:none;}
#sectiklerimiz .resim{margin:6px 0px 0px 9px;float:left;}
#sectiklerimiz .baslik{float:left; text-align:center;text-shadow: 1px 1px 1px black;width:130px; margin:1px 0px 0px 0px;}
#sectiklerimiz .baslik a{font-family:Tahoma, Arial; font-size:11px; color: #fff; text-decoration:none; font-weight:bold;}
#sectiklerimiz .baslik a:hover{text-decoration:underline;}
#sectiklerimiz .cerceve{background: url(images/cerceve.png); width:135px;height:93px;float:left;margin:5px 0px 5px 5px;}
#sectiklerimiz .cerceve img{border:1px solid #FFFFFF;width:110px;height:60px;}
#sectiklerimiz .cerceve img:hover{border:1px dashed #333;width:110px;height:60px;}

/* Oyun Başlat */
#oyunbaslat{margin-bottom: 5px;width:730px;background-image: url(images/kategori.jpg);background-repeat: repeat-x;float:left;}
#oyunbaslat .tabloust{background:url(images/kategoribaslik.jpg);width:730px;height:27px;margin:0px 0px 0px 0px;float:left;border:1px solid #AADDFF;}
#oyunbaslat .tablobaslik{float:left;margin:5px 0px 0px 7px;}
#oyunbaslat .tablobaslik h1{font-weight: 900;color: #fff;text-shadow: 1px 1px 1px black;}
#oyunbaslat .tablo{padding:0px 0px 5px 0px;	width:730px; float:left;border:1px solid #87e3fa;border-top:none;}
#oyunbaslat .buyukresim{margin:6px 0px 0px 9px;float:left;}
#oyunbaslat .nasil{width:322px;float:right;text-align:left;margin:5px 20px 0px 0px;}
#oyunbaslat .cerceve{width:359px;height:250px;float:left;}
#oyunbaslat .cerceve img{border:1px solid #FFFFFF;width:150px;height:100px;}
#oyunbaslat .cerceve img:hover{border:1px dashed #333333;width:150px;height:100px;}

/* Oyun Oyna */
#oyunoyna{margin-bottom: 5px;width:730px;background-image: url(images/kategori.jpg);background-repeat: repeat-x;float:left;}
#oyunoyna .tabloust{background:url(images/kategoribaslik.jpg);width:730px;height:27px;margin:0px 0px 0px 0px;float:left;border:1px solid #AADDFF;}
#oyunoyna .tablobaslik{float:left;margin:5px 0px 0px 7px;}
#oyunoyna .tablobaslik h1{font-weight: 900;color: #fff;text-shadow: 1px 1px 1px black;}
#oyunoyna .tablo{padding:0px 0px 5px 0px;width:730px; float:left;border:1px solid #87e3fa;border-top:none;}

/* Kategori */
#kategori{margin-bottom: 5px;width:730px;background-image: url(images/kategori.jpg);background-repeat: repeat-x;float:left;}
#kategori .tabloust{background:url(images/kategoribaslik.jpg);width:730px;height:27px;float:left;border:1px solid #AADDFF;}
#kategori .tablobaslik{float:left;margin:5px 0px 0px 7px;}
#kategori .tablobaslik h1{font-weight: 900;color: #fff;text-shadow: 1px 1px 1px black;}
#kategori .tablo{padding:0px 0px 5px 0px;width:730px;float:left;border:1px solid #87e3fa;border-top:none;}
#kategori .resim{margin:6px 0px 0px 9px;float:left;}
#kategori .baslik{float:left; text-align:center;text-shadow: 1px 1px 1px black;width:130px; margin:1px 0px 0px 0px;}
#kategori .baslik a{font-family:Tahoma, Arial; font-size:11px; color: #fff; text-decoration:none; font-weight:bold;}
#kategori .baslik a:hover{text-decoration:underline;}
#kategori .cerceve{background: url(images/cerceve.png); width:135px;height:93px;float:left;margin:5px 0px 5px 9px;}
#kategori .cerceve img{border:1px solid #FFFFFF;width:110px;height:60px;}
#kategori .cerceve img:hover{border:1px dashed #333;width:110px;height:60px;}