/* GENEL (GENERIC) */

* {
margin: 0;
padding: 0;
}

html { 
/* Sayfa kısa dahi olsa kaydırma çubuğu etkin. IE de çalışmaz. */
margin-bottom: 10px;
}

body {
margin: 0;
padding: 0;
background-color: #fff;
font: 400 10pt/11pt Arial, Sans-Serif; 
color: #222;
font-stretch: condensed;
text-indent: 1em;  /* IE 12pt */
}

.medred         { color: #7f0050; }
.medgreen       { color: #007f50; }
.medblue        { color: #00507f; }
.lightgray      { color: #777; }
.darkgray       { color: #444; }
.cursorpointer  { cursor: pointer; }
.cursorhelp     { cursor: help; }
.fontsize08     { font-size: 0.8em; }
.fontsize07     { font-size: 0.7em; }
.fontsize06     { font-size: 0.6em; font-weight: 400; }
.italic         { font-style: italic; }
.bold           { font-weight: 700; }
.nobold         { font-weight: 400; }
.indent         { margin-left: 25px; }
.clearleft      { clear: left; }
.clearright     { clear: right; }
.clearboth      { clear: both; }

h1, h2, h3, h4 {
font-family: Arial, Sans-Serif;
font-weight: 400;
letter-spacing: -0.02em;
word-spacing: 1%;
line-height: 110%;
}
 
a:link, a:visited { 
color: #00077f;
text-decoration: none;
}

a, :focus, :active {
outline: none; 
-moz-outline-style: none;
}
 
a img {
border: none;
}

a:hover { 
color: #0033cc;
text-decoration: none;
}
 
p {
line-height: 120%;
}
 
small {
font-size: 1em;
font-family: Arial, 'Helvetica', Sans-Serif;
color: #333; 
}

em, cite { 
font-family: 'Courier New', Courier, Fixed;
font-style: oblique; 
}

em, code, pre, acronym, abbr, cite, strike {
color: #777;
}

acronym, abbr {
border-bottom: 1px dotted #999;
font-size: 0.9em;
cursor: help;
}

hr {
width: 99%;
height: 3px;
margin: 3px 1px;
padding: 0;
background-color: #ddd; 
}

.space {
margin: 0;
padding: 3px 0;
clear: both;
display: block; 
}

.alignleft {
float: left;
}
 
.alignright {
float: right;
}
 
.aligncenter {
text-align: center;
}
 
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

ol {
list-style-type: decimal outside;
}
	
ul {
list-style-type: square inside;
}


/* GÖVDE (WRAP) */

#wrap {
width: 936px;
margin: 0 auto;
padding: 0;
background: #fff url('images/header.jpg') repeat-x 0 -5px; 
}


/* BAÅžLIK (HEADER) */

#header {
width: 936px;
height: 220px;
margin: 0 auto;
padding: 0;
position: relative;
}

#header h1 {
top: 180px;
left: -7px;
padding: 5px;
font-size: -3em;
font-variant: Tahoma; 
color: #ffffff;
text-align: left;
overflow: auto;
position: relative;
display: block;
z-index: 2;
}

#header h1 a {
color: #00FFFF;
}

#header p.slogan {
top: 3px;
left: 0;
padding: 5px;
font-size: 1.2em;
font-family: Courier;
color: #ddd;
text-align: left;
letter-spacing: -0.02em;
overflow: auto;
position: relative;
display: block;
z-index: 2;
}

#header p.advert {
top: 25px;
right: 10px;
padding: 6px;
font-size: 1em;
font-family: Arial;
color: #666;
text-align: right;
overflow: auto;
position: absolute;
display: block;
z-index: 2;
}


/* ANA SAYFA (MAIN) */

#main {
width: 936px;
margin: 0 auto;
padding: 15px 0 15px 0;
float: left;
text-align: left;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}


/* SAYFALAR (PAGES) */

#pages {
width: 645px;
margin: -5px 7px 10px 5px;
float: left;
}

#pages h2 {
margin: 0 0 -4px 0;
padding: 0 0 4px 0;
color: #222;
background: #fff url('images/gradient.gif') repeat-x 0 0;
font-size: 1.5em;
font-weight: 700;
text-align: left;
text-indent: 3px;
clear: both;
}

#pages h2 a {
color: #777;
}

#pages ul {
margin: 4px 0 1px 0;
padding: 5px 0 5px 0;
font-size: 0.9em;
list-style-type: none;
clear: both;
}

#pages ul li {
margin: 0 2px 0 2px;
padding: 0;
float: left;
display: block;
text-indent: 0;
}

#pages ul li p {
margin: 0;
padding: 11px 1px 0 1px;
text-align: center;
display: block;
}

#pages .categoryback {
width: 125px;
height: 131px;
margin: 0;
padding: 0;
background: url('images/category_bg.jpg') no-repeat 0 0;
}

#pages .gameback {
width: 125px;
height: 155px;
margin: 0;
padding: 0;
background: #eee;
}

#pages .gameback:hover {
background: #ccccff;
}

#pages .stars {
width: 90px;
height: 17px;
margin: 0 auto;
}

#pages ul li img, #pages ul li img a {
width: 118px;
height: 88px;
margin: 6px 0 0 5px;
padding: 0;
}

#pages ul li a {
color: #333;
font-weight: 700;
}

#pages ul li a:hover {
color: #000099;
}

table.pagenav {
width: 99%;
margin: 5px 0 5px 10px;
padding: 0 5px 0 0;
}

table.pagenav select {
padding: 2px;
}

#pages .play {
width: 100%;
margin: 10px auto auto -15px;
padding: 0;
}

#pages .backto {
margin: 3px 0 0 13px;
padding: 3px;
background-color: #ddd;
border: 1px solid #ccc;
float: left;
cursor: pointer;
}

#pages .reload {
margin: 3px 0 0 17px;
padding: 3px;
background-color: #ddd;
border: 1px solid #ccc;
float: left;
cursor: pointer;
}

#pages .fullscreen {
margin: 3px 0 0 5px;
padding: 3px;
background-color: #ddd;
border: 1px solid #ccc;
float: left;
cursor: pointer;
}

#pages .rating {
margin: 1px 0 0 0;
padding: 3px;
float: left;
cursor: pointer;
}

#pages .comment {
width: 100%;
margin: 0;
padding: 15px 0;
clear: both;
}

#pages form {
display: block;
}

#pages form p {
margin: 5px 0;
line-height: 110%;
}

#pages .inputname {
width: 70%;
padding: 3px 0 2px 17px;
color: #444;
background: url('images/user.gif') no-repeat 1% 50%;
border: 1px solid #777;
vertical-align: middle;
}

#pages .inputemail {
width: 70%;
padding: 3px 0 2px 20px;
color: #444;
background: url('images/email.gif') no-repeat 1% 50%;
border: 1px solid #777;
vertical-align: middle;
}

#pages .textarea {
width: 71.5%;
height: 150px;
padding: 3px;
color: #444;
border: 1px solid #777;
vertical-align: middle;
}

#pages .inputsecurity {
width: 20%;
padding: 3px;
color: #444;
border: 1px solid #777;
vertical-align: middle;
}

#pages .inputnormal {
width: 70%;
padding: 3px;
color: #444;
border: 1px solid #777;
vertical-align: middle;
}

#pages .inputsubmit {
height: 24px;
padding: 3px;
background-color: #ddd;
font-family: Arial;
border: 1px solid #ccc;
vertical-align: middle;
cursor: pointer;
}

#pages .selectbox {
height: 24px;
margin: 0 3px 0 0;
padding: 2px;
border: 1px solid #bbb;
vertical-align: top;
}

#pages .inputcheckbox, .inputradio {
vertical-align: middle;
display: inline;
}

#pages .notice {
margin: 10px 0 5px 0;
padding: 5px;
background: #ffffcc;
border: 1px solid #eee;
font-size: 0.9em;
color: #666;
clear: both;
}

#pages .contentbox {
margin: 6px 0 0 0;
padding: 5px;
background: #ccffff;
border: 1px solid #ddd;
font-size: 0.9em;
color: #444;
clear: both;
text-indent: 0;
}

#pages .contentpage {
margin: 10px 0 0 0;
padding: 10px 20px 10px 20px;
background: #fff;
border: 1px solid #eee;
-moz-border-radius: 8px;
font-size: 0.9em;
color: #444;
clear: both;
text-indent: 0;
}

/* KENAR (SIDEBAR) */

#sidebar {
width: 202px;
margin: 0;
padding: 0 5px 10px 6px;
float: left;
}

#sidebar h2 {
margin: 0;
padding: 0 0 5px 0;
background: #fff url('images/gradient.gif') repeat-x 0 0;
color: #222;
font-size: 1.1em;
font-weight: 700;
text-align: left;
text-indent: 3px;
}

#sidebar ul {
margin: 3px 0 10px 0;
padding: 0 0 0 8px;
list-style-type: none;
}

#sidebar ul li {
margin: 0;
padding: 3px 0 5px 0;
text-indent: 0;
display: block;
}

#sidebar ul li a {
color: #444;
}

#sidebar ul li a:hover {
color: #000099;
}

#sidebar form {
display: block;
}

#sidebar form p {
margin: 2px 0;
line-height: 110%;
}

#sidebar .inputsearch {
width: 130px;
padding: 3px 0 2px 13px;
color: #444;
background: url('images/search.gif') no-repeat 1% 50%;
border: 1px solid #777;
vertical-align: middle;
}

#sidebar .inputusername {
width: 130px;
padding: 3px 0 2px 12px;
color: #444;
background: url('images/user.gif') no-repeat 1% 50%;
border: 1px solid #777;
vertical-align: middle;
}

#sidebar .inputpassword {
width: 130px;
padding: 3px 0 2px 12px;
color: #444;
background: url('images/key.gif') no-repeat 1% 50%;
border: 1px solid #777;
vertical-align: middle;
}

#sidebar .inputsubmit {
width: 40px;
height: 24px;
background-color: #ddd;
font-family: Arial;
border: 1px solid #ccc;
vertical-align: middle;
cursor: pointer;
}

#sidebar .inputcheckbox, .inputradio {
vertical-align: middle;
display: inline;
}


/* ALT (FOOTER) */

#footer {
width: 936px;
height: 164px;
margin: auto;
clear: both;
background: url('images/footer_bg.gif') no-repeat left top; 
}

#footer .footercontent {
width: 25%;
margin: 10px 0;
float: left;
}

.footercontent h3 {
padding: 0 0 3px 0;
color: #666;
font-weight: 400;
font-size: 1.1em;
}

.footercontent ul {
list-style-type: none;
}

.footercontent ul li {
margin: 1px;
line-height: 120%;
font-size: 0.9em;
}


/* EKLENTÝLER (PLUGINS) */

/* default/style.css sonu --------------------------------------------------- */