body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#1e1e1e; font-size:14px; background:#DDD}
#site{ width:980px; margin:0 auto; background:#fff; min-height:600px; overflow:hidden}
.middle{ width:980px; overflow:hidden;}
.ust_bg{background:url(/tema/ana/tepe_bg.gif); background-repeat:repeat-x;}
.aciklar p{ padding:10px}
p{ margin:5px}

#sag_bar,#sol_bar{overflow:hidden; float:left; margin-top:5px}
#sag_bar{ width:250px}
#sol_bar{ width:728px}
.oyunhane{  margin:10px 0 0 10px; width:760px; float:left; overflow:hidden}
.oyna{min-height:500px;}
#oyun_sag{ width:210px; float:left; overflow:hidden}
#oyun_sag div{width:100px; height:130px; float:left; font-size:10px; overflow:hidden; margin-left:3px; margin-bottom:5px}
#oyun_sag div b{ display:block; text-align:center}
.gamimg{ border-top:1px solid #DDD}
.gamimg img{ display:block; float:left; width:100px; height:100px; padding:5px}

#sol_rek,#sag_rek{ width:160px; float:left; height:600px; margin-top:1px}
#orta_rek{ width:660px; float:left}
#mid_rek{ width:336px; height:280px; margin:10px auto}
#mid_start .baslat{ display:block; width:300px; height:50px; margin:80px auto 0 auto; border:1px solid #c04e29; border-radius:5px; text-align:center; line-height:50px}

#orta_rek h1{ text-align:center}
#orta_rek ul{ list-style:none; margin:0 ; padding:0; margin-left:10px}
#orta_rek li{ display:block; width:106px; height:140px; float:left}
#orta_rek ul li img{ display:block; width:100px; margin:0 auto}
#orta_rek li b{ text-align:center; display:block; font-size:11px}

h1,h2,h3{margin:0; padding:0}
h1{ color:#1e1e1e; font-size:19px; }
h2{ color:#1e1e1e; font-size:16px; margin:0;}
h3{ color:#2d7fa4; font-size:15px; margin:0;}
a{ color:#c04e29}
a:hover{ color:#faa73f}
.oynah1 h1{ font-size:15px; margin-left:50px; color:#1e1e1e;}

#bant_1{ background:#373737 url(/tema/ana/head_bg.gif) repeat-x; height:15px}
#header{ height:100px; }
#uye_islem{ list-style:none; margin:0; padding:0; padding-top:3px}
#uye_islem li{ display:inline; float:right; }
#uye_islem li a{ color:#c04e2a; text-decoration:none; font-size:12px; border-left:1px solid #c04e2a; padding:3px; margin-right:5px; font-weight:bold}
#uye_islem li a:hover{ text-decoration:underline; color:#faa741}
#uye_islem li .nb{ border-left:none !important}
#head_bg{ height:100px; background:url(/tema/ana/banner_bg.png) no-repeat; background-position:5px 5px; position:relative;}

.logo{ display:block; width:430px; height:70px; position:absolute; left:10px; top:10px}
.logo span{ width:200px; height:20px; display:block; overflow:hidden}
.logo b{font-size:30px; line-height:100px; text-align:center}

#ara_bg{ width:200px; height:39px; background:url(/tema/ana/ara_bg2.png) no-repeat; position:absolute; right:5px; bottom:10px}
#ara_frm{ display:block; width:200px; height:39px; margin:0; padding:0; position:relative}
#ara_text{display:block; position:absolute; width:160px; height:20px; left:3px; top:10px; border:0; font-size:15px; background:#f3f3f3; color:#333}
#ara_btn{ display:block; width:35px; height:38px; position:absolute; right:0; top:2px; border:0; cursor:pointer; background:none}

#footer{ height:180px; border-top:2px solid #DDD; width:998px; margin:0 auto; background:url(/tema/ana/foot_bg.png) no-repeat; background-position:center bottom}
#f_mid{ width:980px; margin:0 auto; background:#fff; height:160px; overflow:hidden;}
#f_mid div{ padding-top:7px}

#f_ort_1{ width:760px; margin-left:5px; float:left;}
#f_ort_2{ width:180px; float:left}
#f_mid h3,#f_mid h4,#f_mid ul{ margin:0; padding:0}
#f_mid ul{ margin-left:20px}

#f_ort_1 ul{ list-style:none; margin:0; padding:0}
#f_ort_1 ul li{ display:block; margin:0; padding:0; margin-left:5px; height:150px; width:103px; float:left}
#f_ort_1 b{ display:block; font-size:11px; text-align:center}
#f_ort_1 img{ display:block; margin:0 auto; border:1px solid #fff; width:100px ; height:100px}
#f_ort_1 a{ text-decoration:none}
#f_ort_1 a:hover img{ border:1px solid #faa73f}

#sag_bar ul{ margin:0; padding:0}


.field{ border:1px solid #CCC}
.buton{display: block; width:86px; height:37px; text-align:center ;background:#555 url(/tema/ana/buton.png); color: #fff; text-decoration: none;cursor: pointer; border:0}
.itext{ border: 1px solid #999; width: 200px;}
.iselect{border: 1px solid #999; width: 220px;}
textarea{ border: 1px solid #999;}
.iyazi{ color: #666; margin-bottom: 7px; display: block;}


.uyari { display:block; font-size:12px; font-weight:bold; display:block; overflow:hidden; margin:20px auto 10px auto; padding:15px 5px 15px 55px; background-position: 3px center; background-repeat: no-repeat; background-color: #F4FAFF; width:50%; border-radius:5px; box-shadow:#777 0px 0px 5px; }
.uyari span { margin:0; padding:0; font-size:inherit; font-weight:bold; display:block; }
.uyari p { font-weight:normal; padding:0; margin:0; }
.uyari a { text-decoration:underline; font-weight:bold; color:#F33 !important; }
.uyari a:hover { text-decoration:none; }
.uyari .onay { display:block; text-align:center; margin:15px 0 0; }
.uyari .onay a { display:inline-block; width:60px; line-height:30px; text-align:center; background:#F60; color:#FFF !important; border-radius:7px; margin-right:20px; text-decoration:none; }
.uyari .onay a:hover { background:#F90; box-shadow:#F60 0px 0px 2px; text-decoration:underline; }
.hata		{ border:3px solid #F00; color:#C00; background-image:url(/tema/ana/uyari_hata.png); }
.ikaz		{ border:3px solid #F90; color:#F60; background-image:url(/tema/ana/uyari_ikaz.png); }
.basarili	{ border:3px solid #3F3; color:#3C6; background-image:url(/tema/ana/uyari_basarili.png); }
.info		{ border:3px solid #0CC; color:#39C; background-image:url(/tema/ana/uyari_mesaj.png); }

#toc{ display:block; height:25px; width:630px; float:left; margin-bottom:5px }
#toc ul{ margin:0; padding:0; list-style:none}
#toc ul li{ display:inline;}
#toc a{ text-decoration:none; font-size:11px; line-height:13px; margin-right:5px; color:#c04e2a; border-right:1px solid #ccc; padding-right:3px}
#toc a:hover{ text-decoration:underline; }
#toc .qacx{ border-left:1px solid #ccc; padding-left:3px}
.date{ margin-left:5px}
.cdurum p{ font-size:12px}
.cdurum a{ color:#c04e2a; padding:0 3px; font-size:12px}
.cdurum a:hover{ color:#faa741}


#yorum_title{ width:600px; height:44px; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat; margin-left:10px ; line-height:45px; text-align:center}

#yorumlar{ width:600px; margin-left:10px; float:left}
#oyun_sagrek{ width:305px; float:left; margin-left:10px; margin-top:10px}

.yorum{ border:1px solid #d4d4d4; border-radius:5px; padding:10px; margin-top:10px}
.yorum h2{ border-bottom:1px solid #d4d4d4; background:url(/tema/ana/yorum.png) no-repeat; height:35px; padding-left:40px}
.yorum p{ border:0; margin:0}
.yorum h2 i{ font-size:13px; color:#f00; margin-left:10px}

#yorum_form{ display:block;}
#yorum_form label{ display:block; margin:5px auto}
#yorum_form label span{ display:block; width:80px; color:#c04e2a; float:left; line-height:35px}
#yorum_form .inpp{ background:url(/tema/ana/input_bg.png); border:1px solid #b0b0b0; color: #444; font: 14px "Lucida Sans Unicode","Lucida Grande",sans-serif; letter-spacing: -0.1px; padding: 8px; width: 380px;
}
#yorum_form .btn{display:block; background:url(/tema/ana/sorbuton.png) no-repeat; width:89px; height:46px; border:none; margin-top:10px; cursor:pointer; margin-left:80px}
.yorum .datetime{ text-align:right; color:#888; font-size: 12px;}
.sr_x{ color:#777}
.hava{height:10px}

.bul{ display:block; margin-bottom:7px}
.bul2{ padding:5px}
.bul2 p{ margin:5px 0}
.cvp_yaz{ background: url(/tema/ana/yaz.png) no-repeat; height: 75px; line-height: 65px; width: 100px; display: block; margin: 0 auto; padding-top: 60px;}

.tekrari{border: 1px solid #f00; padding: 10px; color:#f00; font-weight:bold; margin:20px auto; width:500px;}
.butce{ text-align:right; display:block; height:20px; margin:10px}

.ana_list{margin-bottom:10px; overflow:hidden; width:590px}
.ana_list a img{ width:100px; border:1px solid #666; margin-right:5px; float:left; margin-top:-15px}
.ana_list a:hover img{ border:1px solid #faa741}
.ana_list h2{padding:0; margin-left:106px; font-size:14px}
.ana_list p{ margin:0; padding:0; text-align:justify; font-size:13px}

.cevap_dar{ width:550px; overflow:hidden}
.error{color:#f00; font-weight:bold;padding-left:5px}

#ort_reklam,#ort_reklam div{ height:255px}
#ort_reklam div{ width:300px; float:left; margin-right:10px}
.hreview-aggregate .rating{ font-size:12px; text-align:right}

.oyunlistx{ overflow:hidden; display:block; width:650px; font-size: 12px;}
.oyunlistx tr{ display:block; width:105px; float:left; height:220px}
.oyunlistx td{ display:block; text-align:center}
.oyunlistx h2{ font-size:12px}

.pgn{display:block; height:30px; width:300px; margin:6px auto;}
.pgn a{ font-size:14px; font-family:Arial, Helvetica, sans-serif; display:block; width:22px; height:22px; background:#EEE no-repeat; overflow:hidden; text-align:center; float:left; margin-right:2px; text-decoration:none; color:#444; line-height:22px; font-weight:bold; border:1px solid #CCC}
.pgn a:hover{ background-color:#fcddb8; color:#444}
.pgn a.aktifsayfa, .pgn a.aktifsayfa:hover{	background-color:#c04e29 !important; color: #EEE !important;cursor: default;}


#oyunll{ width: 980px; overflow: hidden;}

.oyunlist {width: 980px; margin:5px auto 0 auto}
.oyundiplist{width: 980px; float:left; margin:5px 0 0 10px}
.oyunlist div,.oyundiplist div{ border:1px solid #abc9ff; width:131px; margin:0 auto;float:left;margin:0 5px 5px 0; text-decoration:none; overflow:hidden; color:#22007a}
.oyunlist a,.oyundiplist a{ padding:2px; display:block;text-decoration:none}
.oyunlist a:hover,.oyundiplist a:hover{background:#ffff80}
.oyunlist img,.oyundiplist img{width:127px; height:105px; display:block}
.oyunlist span,.oyundiplist span{ display:block; font-size:13px; line-height:15px;  text-align:center; margin:2px 0 0 0; height:32px; overflow:hidden}
#mesut a{ display: block; float: left; margin-left: 5px; margin-bottom: 5px; width: 100px; height: 120px; border: 1px solid #AAA; overflow: hidden; border-radius:5px; padding-top: 3px ;}
#mesut a:hover{ border: 1px solid #666;}
#mesut img{ width: 75px; height: 75px; margin-left: 12px;}
#mesut span{ display: block; text-align: center; font-size: 11px;}

#oyun{ display:block; width:800px; height:573px}
#oyunalan{ display:block; width:728px; height:570px; background:#abcbf1 url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat; text-align:center; border:1px solid #06C; background-position:center 470px}
#oyunalan #gerisay{ display:block; padding-top:220px}
#oyunhid{ display:block; width:1px; height:1px; overflow:hidden; visibility:hidden; background:#C39}
#reklamalan{ display:block; width:728px; padding-top:20px; margin:0 auto}

