/* main */
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; color: black; }
a { font-family:Tahoma; text-decoration: none; color: black; }
img { border: 0; }

.obas { 
background: url('http://www.oyuntak.com/oyun_adi_baslik.gif');
width:728px;
margin-top:10px;
float:left;
padding-top:10px;
margin-bottom:10px;
height:40px;
text-align:center;
}

.obas2 { 
width:250px;float:left;padding-top:8px;
}

.obas2 a{
color:white;
margin-right:10px;
}
.obas2 a:hover
{
color:yellow;
}

.obas h1{
font-size:22px;
font-family:arial;
color:white;
}

/* form */
form { margin: 0; }
input,select,textarea { font-family: Tahoma; font-size: 11px; color: black; }

.input_01 { background: url('http://icerik.oyuntak.com/images/input_01.gif') no-repeat; width: 150px; height: 20px; border: 0; padding: 5px 0 0 10px; }
.input_02 { background: url('http://icerik.oyuntak.com/images/input_02.gif') no-repeat; width: 150px; height: 20px; border: 0; padding: 5px 0 0 30px; }

.button_01 { background: url('http://icerik.oyuntak.com/images/button_01.gif') no-repeat; color: white; border: 0; width: 25px; height: 25px; }
.button_02 { background: url('http://icerik.oyuntak.com/images/button_02.gif') no-repeat; color: white; border: 0; width: 25px; height: 25px; }

/* general */
.general { font-family: Tahoma; font-size: 11px; }
.general a { font-family: Tahoma; }
.general a:hover { text-decoration: underline; }

/* background */
.b_white { background: white; }
.b_black { background: black; }
.b_gray { background: #f1f1f2; }
.b_game { background: #dcddde; }
.b_green { background: #5eae16; }
.b_menu { background: url('http://www.oyuntak.com/images/menu_01.gif') no-repeat; width: 210px; height: 16px; padding-top: 4px; margin-top: -1px;}
.b_minigame { background: url('http://icerik.oyuntak.com/images/back_minigame.gif') no-repeat; width: 130px; height: 100px; }
.b_left { background: white url('http://icerik.oyuntak.com/images/top_left.gif') no-repeat; width: 205px; height: 90px; padding: 15px 0 0 25px; }
.b_right { background: white url('http://icerik.oyuntak.com/images/top_right.gif') no-repeat; width: 730px; height: 47px; }

.b_globe { background: white url('http://icerik.oyuntak.com/images/back_globe.gif') no-repeat; width: 80px; height: 87px; }
.b_globe:hover { background: white url('http://www.oyuntak.com/back_globe_on.gif') no-repeat; width: 80px; height: 87px; }

.b_middle { background: url('http://icerik.oyuntak.com/images/back_middle.gif') repeat-x; }
.b_line { background: white url('http://icerik.oyuntak.com/images/back_line.gif') repeat-x; height: 19px; }
.b_gametop { background: url('http://icerik.oyuntak.com/images/back_gametop.gif') repeat-x; width: 730px; height: 60px; }
.b_lgray { background: #eeeeef url('http://icerik.oyuntak.com/images/lgray_right.gif') right no-repeat; width: 500px; height: 40px; }


.offpage {padding:5px;width:15px;float:left;text-align:center;margin-bottom:4px;margin-right:5px;background:url('http://www.oyuntak.com/sayfa_off.gif');}
.offpage a{color:white;}
.offpage:hover {background:url('http://www.oyuntak.com/sayfa_on.gif');}

.onpage {padding:5px;width:15px;float:left;color:white;background:url('http://www.oyuntak.com/sayfa_tik.gif');margin-right:5px;margin-bottom:4px;text-align:center;}


.ustliste {width:125px;padding-top:5px;height:82px;float:left;text-align:center;background:url('http://www.oyuntak.com/ust_oyunfonu_off.gif');margin-right:5px;margin-bottom:5px;}
.ustliste:hover {background:white}
.ustliste img {border:1px solid white}
.ustliste a{color:white;}
.ustliste a:hover{color:black;}

.altliste {font-size:11px;font-weight:bold;background:url('http://www.oyuntak.com/alt_oyunfonu_off.gif');width:140px;padding-top:5px;height:90px;float:left;text-align:center;margin-right:5px;margin-bottom:5px;}
.altliste:hover {background:white;}
.google_300 {float:left;width:305px;text-align:center;height:274px;margin-top:10px;background:#f1f1f1;border:1px solid gray;}
h2 {margin:0px 0px 3px 0px;padding:0;background:gray;color:white;font-size:13px;}


.menum {font-size:20px;}
.menum img {float:left;margin-right:5px;width:15px;height:15px;}
.menum a{color:blue;float:left;width:182px;height:17px;background:#f8f8f8;border-bottom:1px solid gray;padding-top:2px;padding-left:5px;border-right:1px dotted gray;}
.menum a:hover {float:left;width:182px;height:17px;background:black;border-right:1px dotted white;}

/* font-size */
.fs_12 { font-size: 12px; }

/* letter spacing */
.ls_m1 { letter-spacing: -1px; }

/* font-family */
.ff_arial { font-family: Arial; }

/* text-link */
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.none { text-decoration: none; }
.underline { text-decoration: underline; }

.c_white { color: white; }
.c_black { color: black; }
.c_gray { color: #dcddde; }
.c_green { color: #5eae16; }

.l_white { color: white; }
.l_white a { color: white; }
.l_black { color: black; }
.l_black a { color: black; }
.l_gray { color: #dcddde; }
.l_gray a { color: #dcddde; }
.l_wg { color: white; }
.l_wg a { color: white; }
.l_wg a:hover { color: #ccfa5e; text-decoration: none; }

.l_bg a { color: black; font-size: 11px; font-weight: bold;font-family:verdana; }
.l_bg a:hover { color: white; text-decoration: none; }

/* padding */
.p_0 { padding: 0; }

.p_1 { padding: 1px; }
.p_5 { padding: 5px; }
.p_10 { padding: 10px; }
.p_20 { padding: 20px; }

.pt_5 { padding-top: 5px; }
.pr_5 { padding-right: 5px; }
.pb_5 { padding-bottom: 5px; }
.pl_5 { padding-left: 5px; }

.pt_10 { padding-top: 10px; }
.pr_10 { padding-right: 10px; }
.pb_10 { padding-bottom: 10px; }
.pl_10 { padding-left: 10px; }

.pt_15 { padding-top: 15px; }
.pr_15 { padding-right: 15px; }
.pb_15 { padding-bottom: 15px; }
.pl_15 { padding-left: 15px; }

.pt_20 { padding-top: 20px; }
.pr_20 { padding-right: 20px; }
.pb_20 { padding-bottom: 20px; }
.pl_20 { padding-left: 20px; }

.pt_7 { padding-top: 7px; }
.pt_9 { padding-top: 9px; }
.pt_25 { padding-top: 25px; }
.pl_13 { padding-left: 13px; }
.p_5_0 { padding: 5px 0; }
.p_5_10 { padding: 5px 10px; }
.p_10_0 { padding: 10px 0; }
.p_20_0 { padding: 20px 0; }
.pb_7 { padding-bottom: 7px; }

.ps_1 { padding: 3px 13px 0 13px; }
.ps_2 { padding: 4px 0 4px 20px; }
.ps_3 { padding: 3px 0 3px 6px; }
.ps_4 { padding: 4px; }
.ps_5 { padding: 15px 0 0 25px; }
.ps_6 { padding: 61px 0 0 230px; }

/* margin */
.auto { margin-left: auto; margin-right: auto; }

.m_0 { margin: 0; }

.mt_5 { margin-top: 5px; }
.mr_5 { margin-right: 5px; }
.mb_5 { margin-bottom: 5px; }
.ml_5 { margin-left: 5px; }

.mt_10 { margin-top: 10px; }
.mr_10 { margin-right: 10px; }
.mb_10 { margin-bottom: 10px; }
.ml_10 { margin-left: 10px; }

.mt_20 { margin-top: 20px; }
.mr_20 { margin-right: 20px; }
.mb_20 { margin-bottom: 20px; }
.ml_20 { margin-left: 20px; }

.mt_7 { margin-top: 7px; }
.mt_50 { margin-top: 50px; }

.m_5_0 { margin: 5px 0; }
.m_10_0 { margin: 10px 0; }

/* text-align */
.t_left { text-align: left; }
.t_center { text-align: center; }
.t_right { text-align: right; }

/* border */
.br_avatar { border: 5px solid white; }
.br_game { border: 2px solid white; }

/* seperator */
.s_ver { padding: 5px 15px; border-left: 1px solid #a7a9ac; }

/* h */
h1 { font-size: 20px; font-weight: normal; margin: 0; }

/* line-height */
.lh_15 { line-height: 15px; }
.lh_16 { line-height: 16px; }
.lh_18 { line-height: 18px; }

/* div */
.left { float: left; }
.right { float: right; }
.hidden { overflow: hidden; }
.block { display: block; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }

/* z-index */
z2 { z-index: 2; }

/* position */
.p_absolute { position: absolute; }
.p_relative { position: relative; }

/* width */
.w_general { width: 100%; }
.w_960 { width: 960px; }
.w_730 { width: 730px; }
.w_710 { width: 710px; }
.w_660 { width: 660px; }
.w_650 { width: 650px; }
.w_510 { width: 510px; }
.w_400 { width: 400px; }
.w_360 { width: 360px; }
.w_350 { width: 350px; }
.w_300 { width: 300px; }
.w_280 { width: 280px; }
.w_270 { width: 270px; }
.w_230 { width: 230px; }
.w_210 { width: 210px; }
.w_205 { width: 205px; }
.w_180 { width: 180px; }
.w_170 { width: 170px; }
.w_160 { width: 160px; }
.w_140 { width: 140px; }
.w_130 { width: 130px; }
.w_110 { width: 110px; }
.w_100 { width: 100px; }
.w_80 { width: 80px; }
.w_70 { width: 70px; }
.w_35 { width: 35px; }
.w_60 { width: 60px; }
.w_50 { width: 50px; }
.w_40 { width: 40px; }
.w_20 { width: 20px; }
.w_10 { width: 10px; }
.w_1 { width: 1px; }

/* height */
.h_general { height: 100%; }
.h_min420 { min-height: 420px; }
.h_210 { height: 210px; }
.h_110 { height: 110px; }
.h_100 { height: 100px; }
.h_90 { height: 90px; }
.h_87 { height: 87px; }
.h_62 { height: 62px; }
.h_20 { height: 20px; }
.h_18 { height: 18px; }
.h_1 { height: 1px; }

/* others */
.p1 { padding: 0 0 5px 0; margin: 0; }
.p2 { padding: 10px 0 0 0; margin: 0; }
.p3 { padding: 2px 0 0 0; margin: 0; }

.paging { font-weight: normal; }
.paging span { margin: 0 3px; }

.span_5 span { margin: 0 5px; }