/*******************************************************************************
 * TArcade CMS- versiyon 1.0
 * Telif 2008 © Taylan Net. Tüm Hakları Saklıdır.
 * Telif ve kullanım hakları için (lisans.txt) dosyasına bakınız.
 * Sistem ile ilgili tüm açıklamalar için (benioku.txt) dosyasına bakınız.
 * Soru, görüş ve önerileriniz için (forum) sayfamızı ziyaret ediniz.
 * E-posta ile iletişim için (bilgi@taylannet.com) adresine mesaj gönderiniz.
 * Taylan Net Forum: http://www.taylannet.com/forum 
 * Web Site: http://www.taylannet.com 
 * theme/T1/css/default.css - 19 Nisan 2008 
*******************************************************************************/

/* body */
body {
  margin: 0;
  padding: 0;
  background: #fff url('../images/bg.jpg') left top no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 70%;
  color: #333;
  } 
  /* a */
  a { text-decoration: none; cursor: pointer; color: navy; font-size: 12px; }
  a:hover { color: red; }
  a.help { text-decoration: none; cursor: help; }
  /* h1, h2, h3, h4 */
  h1, h2, h3, h4 { font-family: "Trebuchet MS", Garamond, Georgia; }
  h1 { font-size: 3.5em; }
  h2 { font-size: 2.8em; }
  h3 { font-size: 18px; }
  h4 { font-size: 16px; }
  /* br */
  br { clear: both; }
  /* hr */
  hr { width: 99%; margin: 0; padding: 0; background-color: #ccc; height: 5px; border: 0; }
  /* input, select boxes */
  input, select { font-weight: bold; color: #3366cc; padding-top: 0.3em; 
  font-size: 1.2em; }
  /* p */
  p { margin: 0.1em; }
  /* Boşluk */
  .space { clear: both; margin: 1em 0 1em 0; }

/* Site başlığı: logo, slogan, üst menü... */
#tarcade1 {
  width: 1024px;
  height: 216px;
  margin: 0;
  padding: 0;
  clear: both;
  }

/* Site logo */
#logo {
  margin: 1em 0 -1em 3.5em;
  padding: 0;
  height: 200px;
  width: 190px;
  background: url('../../../../images/logodeneme2.jpg') left top no-repeat;
  float: left;
  }
  #logo h2 { margin: 0; padding: 2.7em 0 0 0.3em; color: silver; }
  #logo h1 { margin: -0.5em 0; padding-left: 1em; color: silver; }

/* Site sloganı */
#slogan {
  margin: -16.9em 0 0 17em;
  padding: 0 0 0 6em;
  float: left;
  }

/* Site üst menü */
#topbar {
  margin: -8.1em 0 0 23.1em;
  padding: 0;
  float: left;
  }
  #topbar ul { width: 725px; margin: 0 0.7em; padding: 0; list-style-type: none; }
  #topbar li { float: left; margin: 0; padding: 0 1.2em 0 1.2em; font-weight: 700; 
  border-right: 1px dotted silver; text-transform: lowercase; color: white; 
  line-height: 2em; display: block; }
  #topbar li a { color: white; font-size: 1.5em; display: inline; }
  #topbar li a:hover { color: black; }
  
#ad1 {
  width: 728px;
  height: 90px;
  margin: -5.1em 0 0 23em;
  padding: 0;
  float: left;
  }
  
#ad2 {
  width: 160px;
  height: 600px;
  margin: 10px 0 0 9px;
  padding: 0;
  }
  
/* Site başlığı bitiş */

/* Menü ve oyunların yerleşimi başlıyor! */
#tarcade2 { 
  width: 1024px;
  height: 100%;
  clear: both;
  margin: 0;
  padding: 0;
  } 

/* Küçük sütun: kategoriler, istatistikler vs... */
#sidebar {
  width: 22%;
  float: left;
  margin: 0 0 1em 2.3em;
  padding: 0;
  }
  #sidebar h3 { background: white url('../images/tab1.png') left top no-repeat;
  width: 210px; height: 24px; margin: 0.1em; padding: 0.3em 0 0.3em 0.3em; color: white; }
  #sidebar ul { width: 210px; margin: 0 0.1em; padding: 0.3em 0 0.3em 0; 
  list-style-type: none; }
  #sidebar li a { margin-bottom: 0.1em; padding: 0.2em 0 0.2em 0.2em;  color: #666;
  font-size: 1.5em; font-weight: 700; text-decoration: none; text-transform: lowercase;
  border: 1px dotted silver; display: block; }
  #sidebar li img { border: 0; vertical-align: middle; }
  #sidebar li a:hover { color: blue; border: 1px dotted #6699ff; }

/* Tüm işlemler için "pages" adı altında tek bir sayfa stili oluşturuldu. */
/* Anasayfa, tüm oyunlar, kategoriler, arama, üyelik, üye özel, iletişim, download */  
#pages {
  width: 73.5%;
  float: left;
  margin: 0 0 1em 0.5em;
  padding: 0;
  }
  
/* Listeler */
.toplists {
  width: 100%;
  margin: 0;
  padding: 0;
  }
  h4.top { background: white url('../images/tab1.png') left top repeat;
  margin: 0; padding: 0.1em 0 0.1em 0.2em; color: white; }
  .toplists ul { width: 91%; margin: 0; padding: 0; list-style-type: none; }
  .toplists li a { width: 100%; margin: 0; padding: 0.2em 0 0 1.4em; display: block;
  color: #333; font-size: 13px; font-weight: 400; text-decoration: none; 
  background: white url('../images/square_blue.png') left center no-repeat; }
  .toplists li img { border: 0; vertical-align: middle; }
  .toplists li a:hover { color: blue; 
  background: white url('../images/square_red.png') left center no-repeat; }
  .newest { width: 20%; font-size: 12px; text-align: center; }
  .newest img { border: 3px double #6699ff; width: 113px; height: 100px; }
  td.games { width: 50%; height: 129px; font-size: 12px; padding: 0.9em 0.5em;
  background: url('../images/tab3.png') left top repeat-x; }
  td.games img { border: 3px double white; width: 113px; height: 100px;
  margin-right: 0.3em; }
  .catsgames { border:1px solid silver; }
  .tagcloud { margin: 5px; padding: 0; }
  .tagcloud a { margin: 0; padding: 1px; text-decoration: none; 
  letter-spacing: 1%; color: #333; }
  .tagcloud a:hover { color: white; background: #6699ff; }
  
/* Alt bölüm */
#footer {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #6699ff;
  border-top: 3px double silver; 
  clear: both;
  }
  .ftext { color: #666; margin: 0; padding: 0 2em 1.5em 0; text-align: right; }

#fmenu {
  margin: 2em 1em;
  padding: 0;
  float: left;
  }
  #fmenu ul { width: 725px; margin: 0 0.7em; padding: 0; list-style-type: none; }
  #fmenu li { float: left; margin: 0; padding: 0 0.8em 0 0.8em; color: white;
  border-right: 1px solid silver; font-weight: 700; text-transform: lowercase; }
  #fmenu li a { color: white; text-decoration: underline; }
  #fmenu li a:hover { color: black; text-decoration: none; }

/**
 * FORMLAR 
 * Üye girişi, yeni üye kaydı, detaylı arama. 
 */
#container {
	width: 720px;
	margin: 2px 0 0 4px;
	padding: 5px;
	background: #f7f7f7;
  }

#leftSide {
	width: 530px;
	float: left;
	margin: 0 1px;
  }
  
#rightSide {
	background-color: #fff;
	width: 160px;
	margin: 0;
	padding: 5px;
	float: right;
	border: 1px solid #ccc;
	font: normal 12px Arial;
	color: #666;
  }
  #rightSide h4 { margin: 0.1em 0 0.1em 0; border-bottom: 1px solid silver; }

.clear { clear: both; }
.holder { background-color: #fff; }

fieldset {
	border: 1px dotted #ccc;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
  }
  
legend {
	font-size: 110%;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;
  }

label {
	width: 140px;
	height: 32px;
	margin: 3px 2px 0 0;
	padding: 11px 0 0 6px;
	background-color: #6699ff;
	float: left;
	display: block;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight: 700;
	color: #333;
  }
  
.form { margin: 0; padding: 0; }

.div_texbox {
	width: 347px;
	float: right;
	background-color: #6699ff;
	height: 35px;
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
  }

.textbox {
	background-image: url('../images/silver_arrow.png');
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left;
	width: 310px;
	font: normal 18px Arial;
	color: #999;
	padding: 2px 5px 3px 19px;
  }

.div_texarea {
	width: 347px;
	float: right;
	background-color: #6699ff;
	height: 100px;
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
  }
  
.textarea {
	background-color: #fff;
	width: 329px;
	height: 80px;
	font: normal 18px Arial;
	color: #999;
	padding: 2px 5px 3px 0;
  }
  
.textbox:focus, .textbox:hover { background-color:#f0ffe6; }

.username {
  background-image: url('../images/user.png');
  background-repeat: no-repeat;
  background-position: left;
  background-color: #fff;
	width: 310px;
  font: normal 18px Arial;
  color: #999;
  padding: 3px 5px 3px 19px;
  }
  
.username:focus, .username:hover { background-color:#f0ffe6; }
   
.password {
  background-image: url('../images/sec.png');
  background-repeat: no-repeat;
  background-position: left;
  background-color: #fff;
	width: 310px;
  font: normal 18px Arial;
  color: #999;
  padding: 3px 5px 3px 19px;
  }
  
.password:focus, .password:hover { background-color:#f0ffe6; }

.button_div {
	width: 337px;
	float: right;
	background-color: #fff;
	text-align: right;
	height: 35px;
	margin-top: 1px;
	padding: 5px 10px 3px 5px;
  }
  
.buttons {
	background: #6699ff;
	font-size: 14px; 
	color: #333; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #6699ff #6699ff #fff;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: 700;
	cursor: pointer;
}