/**
 * GENEL (GENERIC)
 * FOS Pro Teması  
 */

body {
margin: 0;
padding: 0;
background: #000 url('images/back_1.png') repeat-x left top;
font-size: 0.9em;
font-family: Arial, Helvetica, Sans-Serif; 
color: #000;
}

.medred         { color: #7f0050; }
.medgreen       { color: #007f50; }
.medblue        { color: #00507f; }
.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; }
 
a:link, a:visited { 
color: #00077f;
text-decoration: none;
cursor: pointer;
}

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

a:hover { 
color: #0033cc;
text-decoration: none;
}

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

p {
margin: 1px 0;
line-height: 110%;
}


/* --- */

#wrap {
width: 900px;
margin: 0 auto;
padding: 0;
}


/* --- */

#header {
width: 900px;
height: 226px;
margin: 0 auto;
padding: 0;
background: url('images/back_2.png') repeat-x left top;

}

#header .header_title {
float: left;
width: 500px;
}

#header .header_image {
float: right;
width: 400px;
height: 226px;
background: transparent url('images/blade.png') no-repeat right top;
}

.header_title h1 {
margin: 0;
padding: 62px 0 2px 20px;
color: #fff;
font-size: 3.2em;
font-family: Myriad Pro, Sans-Serif;
font-weight: 700;
text-align: left;
}

.header_title h1 a {
color: #fff;
}

.header_title p {
margin: 0;
padding: 0;
color: #eee;
font-size: 1.1em;
font-family: Myriad Pro, Sans-Serif;
font-weight: 400;
text-align: center;
}


/* --- */

#main {
width: 900px;
margin: 0 auto;
padding: 0;
float: left;
background: #fff;
}


/* --- */

#main #pages {
float: left;
width: 640px;
margin: 10px;
padding: 0;
}

#pages h2 {
margin: 0;
padding: 0 0 4px 1px;
background: url('images/h_bg.gif') no-repeat left bottom;
color: #194774;
font-size: 1.3em;
font-weight: 700;
display: block;
}

#pages h2 a {
color: #194774;
}

#pages ul {
margin: 6px 0;
padding: 0;
list-style-type: none;
clear: both;
}

#pages ul li {
margin: 0 2px 0 1px;
padding: 0;
color: #fff;
font-size: 0.9em;
font-weight: 700;
float: left;
display: block;
}

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

#pages .categoryback {
width: 124px;
height: 125px;
margin: 0;
padding: 0;
background: url('images/back_1.png') repeat left top;
}

#pages .gameback {
width: 124px;
height: 155px;
margin: 0;
padding: 0;
background: url('images/back_4.png') repeat-x left top;
}

#pages .gameback:hover {

}

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

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

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

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

table.pagenav {
width: 99%;
margin: 5px 0 5px 10px;
padding: 0 5px 0 0;
font-size: 0.9em;
}

table.pagenav select {
padding: 1px;
}

#pages .play {
width: 640px;
margin: 10px auto;
padding: 0;
}

.div_code {
width: 640px;
margin: 10px auto;
padding: 0;
}

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

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

#pages .fullscreen {
margin: 3px 2px;
padding: 2px;
float: left;
cursor: pointer;
}

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

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

#pages form {
font-size: 0.9em;
display: block;
}

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

#pages .inputname {
width: 350px;
padding: 2px;
color: #444;
vertical-align: middle;
display: inline;
}

#pages .inputemail {
width: 350px;
padding: 2px;
color: #444;
vertical-align: middle;
display: inline;
}

#pages .textarea {
width: 350px;
height: 120px;
padding: 2px;
color: #444;
vertical-align: middle;
display: inline;
}

#pages .inputsecurity {
width: 112px;
padding: 2px;
color: #444;
vertical-align: middle;
display: inline;
}

#pages .inputnormal {
width: 300px;
padding: 2px;
color: #444;
vertical-align: middle;
display: inline;
}

#pages .inputsubmit {
padding: 0 2px 1px 2px;
font-family: Arial, Sans-Serif;
vertical-align: middle;
display: inline;
cursor: pointer;
}

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

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

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

#pages .notice h3 {
margin: 3px 0;
padding: 0;
font-size: 1.1em;
font-weight: 700;
}

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

#pages .contentbox h4 {
margin: 2px 0;
padding: 0;
font-size: 1em;
font-weight: 700;
}

#pages .contentpage {
margin: 10px 0;
padding: 10px;
font-size: 0.9em;
color: #333;
clear: both;
text-indent: 0;
}


/* --- */

#sidebar {
float: left;
width: 220px;
margin: 10px;
padding: 0;
}

#sidebar h2 {
margin: 0;
padding: 4px 0 4px 1px;
background: url('images/dotted_black.gif') repeat-x left bottom;
color: #194774;
font-size: 1.1em;
font-weight: 700;
}

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

#sidebar ul li {
margin: 0;
padding: 5px 0;
background: url('images/dotted_grey.gif') repeat-x left bottom;
font-size: 0.9em;
display: block;
}

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

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

#sidebar form {
display: block;
}

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


#sidebar .inputusername {
width: 130px;
padding: 2px;
color: #444;
vertical-align: middle;
display: inline;
}

#sidebar .inputpassword {
width: 130px;
padding: 2px;
vertical-align: middle;
display: inline;
}

#sidebar .inputsearch {
width: 130px;
padding: 2px;
color: #444;
vertical-align: middle;
display: inline;
}

#sidebar .inputsubmit {
margin: 0;
padding: 0 2px 1px 2px;
color: #000;
font-family: Arial, Sans-Serif;
vertical-align: top;
display: inline;
cursor: pointer;
}

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


/* --- */

#footer {
width: 900px;
height: 137px;
margin: 0 auto;
clear: both;
background: url('images/back_3.png') repeat-x left top; 
}

#footer .footercontent {
width: 200px;
margin: 5px 10px;
padding: 0;
float: left;
}

.footercontent h3 {
margin: 3px 0;
padding: 0;
color: #eee;
font-weight: 700;
font-size: 1em;
}

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

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

.footercontent ul li a {
color: #eee;
}

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


/* --- */