/* GENEL (GENERIC) */

* {
font-family:Verdana, Arial, 'Helvetica', sans-serif;
margin:0;
outline:0;
padding:0;
}

html {
margin-bottom: 10px;
}

body {
margin: 0;
padding: 0;
background: #fec12e url('images/body.png') repeat-x 0 0;
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: #925703;
text-decoration: none;
}

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

a:hover { 
color: #744603;
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 {
margin: 0 auto;
width: 982px;
background: url('images/1.png') top left no-repeat;
}


/* BAŞLIK (HEADER) */

#header {
width: 982px;
height: 127px;
margin: 0 auto;
padding: 0;
position: relative;
}

#header h1 {
top: 35px;
left: -3px;
padding: 5px;
font-size: 2.5em;
color: #ff9a09;
text-align: left;
overflow: auto;
position: relative;
display: block;
z-index: 2;
}

#header h1 a {
color: #ff9a09;
font-weight: 700;
display: block;
}

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


/* ANA SAYFA (MAIN) */

#main {
width: 980px;
margin: 0 auto;
padding: 0;
float: left;
text-align: left;
background: url('images/2.png') repeat-y 0 0;
}


/* SAYFALAR (PAGES) */

#pages {
width: 730px;
margin: 0 7px 10px 8px;
float: left;
}

#pages h2 {
margin: 0 0 -4px 3px;
padding: 0 0 4px 0;
color: #222;
border-bottom: 1px solid #ba6f04;
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 20px 0;
padding: 5px 0 5px 13px;
font-size: 0.9em;
list-style-type: none;
clear: both;
}

#pages ul li {
margin: 0 2px 0 4px;
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: 135px;
height: 140px;
margin: 0;
padding: 0;
background: url('images/6.png') no-repeat 0 0;
}

#pages .gameback {
width: 135px;
height: 155px;
margin: 0;
padding: 0;
background: url('images/7.png') no-repeat 0 0;
}

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

#pages ul li img, #pages ul li img a {
width: 127px;
height: 90px;
margin: 6px 0 0 4px;
padding: 0;
}

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

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

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: #febf27;
border: 1px solid #aa7904;
float: left;
cursor: pointer;
}

#pages .reload {
margin: 3px 0 0 19px;
padding: 3px;
background-color: #febf27;
border: 1px solid #aa7904;
float: left;
cursor: pointer;
}

#pages .fullscreen {
margin: 3px 0 0 5px;
padding: 3px;
background-color: #febf27;
border: 1px solid #aa7904;
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 1px;
color: #444;
border: 1px solid #aa7904;
vertical-align: middle;
}

#pages .inputemail {
width: 70%;
padding: 3px 0 2px 1px;
color: #444;
border: 1px solid #aa7904;
vertical-align: middle;
}

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

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

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

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

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

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

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

#pages .contentbox {
margin: 6px 0 0 3px;
padding: 5px;
background: #facf68;
border: 1px solid #aa7904;
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: 218px;
margin: 0;
padding: 0 5px 10px 10px;
float: left;
}

#sidebar h2 {
width: 210px;
height: 27px;
margin: 0;
padding: 6px 0 0 5px;
background: #fff url('images/5.png') no-repeat 0 0;
color: #844f03;
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: #925703;
font-weight: 700;
}

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

#sidebar form {
display: block;
}

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

#sidebar .inputsearch {
width: 130px;
padding: 3px 0 2px 1px;
color: #444;
border: 1px solid #aa7904;
vertical-align: middle;
}

#sidebar .inputusername {
width: 130px;
padding: 3px 0 2px 1px;
color: #444;
border: 1px solid #aa7904;
vertical-align: middle;
}

#sidebar .inputpassword {
width: 130px;
padding: 3px 0 2px 1px;
color: #444;
border: 1px solid #aa7904;
vertical-align: middle;
}

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

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

/* SAYFA ALTI (PAGES BOTTOM) */

#pagesbottom {
width: 982px;
height: 160px;
margin: auto;
padding: 40px 0 0 13px;
clear: both;
background: url('images/4.png') no-repeat 0 0;
}

#pagesbottom .randomgames {
width: 130px;
margin: 5px 0 0 3px;
padding: 3px 0 0 0;
float: left;
}

#pagesbottom h3 {
font-weight: 700;
text-indent: 3px;
}


/* ALT (FOOTER) */

#footer {
width: 982px;
height: 196px;
margin: auto;
clear: both;
background: url('images/3.png') no-repeat 0 0; 
}

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

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

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

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

.footercontent ul li a {
color: #925703;
font-weight: 400;
}

.footercontent ul li a:hover {
color: #744603;
}


/* EKLENTİLER İÇİN STİLLER (PLUGINS) */



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