body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	font-size: 12px;
	color: #CCC;
	font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
	background-color: #000;
	text-align:center;
}

a {
	font-size: 12px;
	text-decoration: none;
	color: #FCE79C;
}

a:hover {
	color: #FBA34D;
}


#frame {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	margin-bottom: 0;
	padding: 0;
	text-align:left;
	background-color: #3E4957;
}

#banner {
	margin: 0;
	padding: 0;
	height: 77px;
	background: #3E4957 url(images/bannerbg.png) top left repeat-x;
}

#banner2 {
	margin: 0;
	padding: 3px 5px;
	height: 22px;
	color:#fff;
	background: #3E4957 url(images/bannerbg2.png) top left repeat-x;
}

#datum {
}

#logo {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 77px;
	width: 1000px;
	display: block;
	background: #3E4957 url(images/logo.jpg) top left no-repeat;
	overflow: hidden;
}

#logo span {
	display: none;
}

#leftmenu {
	float: left;
	padding: 0;
	width: 200px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#rightmenu {
	float: right;
	padding: 0;
	width: 200px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#main {
	float: left;
	color: #fff;
	padding: 0;
	width: 600px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#footer {
	clear: both;
	margin: 0;
	padding: 20px 5px 0 0;
	height: 30px;
	font-size: 11px;
	color:#fff;
	background: #3E4957 url(images/footerbg.png) top left repeat-x;
	vertical-align: middle;
	text-align: center;
}

#footer img {
	margin: 0;
	vertical-align: middle;
}

#footer span {
}

table.box {
	table-layout: fixed;
	color: #CCCCCC;
	background-color: #3E4957;
	width: 100%;
	border: 0;
	border-collapse: collapse;
	text-align: justify;
}

table.box thead {
	margin: 0;
	padding: 0;
}

table.box thead tr {
	margin: 0;
	padding: 0;
}

table.box thead tr th.left {
	margin: 0;
	padding: 0;
	background-image: url(images/box_top_left.png);
	width: 21px;
	height: 33px;
}

table.box thead tr th.middle, table.box thead tr th.middlel, table.box thead tr th.middlec, table.box thead tr th.middler {
	margin: 0;
	padding: 0 5px;
	background: #3E4957 url(images/box_top_center.png) top left repeat-x;
	height: 33px;
	white-space: nowrap;
}

table.box thead tr th.middlel {
	text-align: left;
}

table.box thead tr th.middlec {
	text-align: center;
}

table.box thead tr th.middler {
	text-align: right;
}

.zero {
	width: 0;
}

table.box thead tr th.middle2 {
	margin: 0;
	padding: 0 5px;
	background: #3E4957 url(images/box_top_center.png) top left repeat-x;
	height: 33px;
	text-align: right;
}

table.box thead tr th.right {
	margin: 0;
	padding: 0;
	background-image: url(images/box_top_right.png);
	width: 28px;
	height: 33px;
}

table.box tfoot {
	margin: 0;
	padding: 0;
}

table.box tfoot tr {
	margin: 0;
	padding: 0;
}

table.box tfoot tr td.left {
	margin: 0;
	padding: 0;
	background-image: url(images/box_bottom_left.png);
	width: 21px;
	height: 19px;
}

table.box tfoot tr td.middle {
	margin: 0;
	padding: 0 5px;
	background: #3E4957 url(images/box_bottom_center.png) top left repeat-x;
	height: 19px;
}

table.box tfoot tr td.right {
	margin: 0;
	padding: 0;
	background-image: url(images/box_bottom_right.png);
	width: 28px;
	height: 19px;
}

table.box tbody {
	margin: 0;
	padding: 0;
}

table.box tbody tr {
	margin: 0;
	padding: 0;
}

table.box tbody tr td.left {
	margin: 0;
	padding: 0;
	background: #3E4957 url(images/box_middle_left.png) top left repeat-y;
	width: 21px;
}

table.box tbody tr td.middle {
	margin: 0;
	padding: 0 5px;
	background-color: #2D343E;
}

table.box tbody tr td.right {
	margin: 0;
	padding: 0;
	background: #3E4957 url(images/box_middle_right.png) top left repeat-y;
	width: 28px;
}

#loginbox label {
	width: 100%;
	display: block;
	margin: 5px 0;;
	font-weight: bold;
}

#loginbox label.inline {
	width: auto;
	display: inline;
	margin-bottom: 3px;
	font-weight: bold;
}

#loginbox input {
	margin: 0 0 5px 0;;
	vertical-align: middle;
}

#leftmenu ul, #rightmenu ul {
	padding: 0;
	margin: 0;
}

#leftmenu li, #rightmenu li {
	list-style-type: none;
	list-style-image: url(images/bullet.gif);
	margin-left: 15px;
	zoom: 100%;									/* fixes IE whitespace bug */
}

#leftmenu ul li a, #rightmenu ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 3px 15px 3px 0;
}

#leftmenu ul li a:hover, #rightmenu ul li a:hover {
	color: #FAA52C;
}

#leftmenu h3, #rightmenu h3 {
	font-size: 12px;
	color: #FAA52C;
	margin: 3px 0;
	padding: 3px 0;
}

#main table.box tbody tr td.middle {
	font-size: 14px;
}

#main table.box img {
	clear: left;
	float: left;
	display: inline;
	border: 0;
	padding: 0 15px 10px 0;
}

#main table.box p {
	clear: left;
}

#main table.box img.nofloat {
	float: none;
	display: inline;
}

#welcome p {
	text-align: justify;
}

#welcome q, #welcome cite {
	font-style: italic;
	font-size: 130%;
}

div.counter {
	margin-top: 50px;
	text-align: center;
}

img {
	border: 0 none;
}

ul.thumbs {
	padding: 0;
	margin: 0 0 0 28px;
}

ul.thumbs li {
	display: inline;
	list-style-type: none;
}

ul.thumbs li a {
	display: inline;
	/* width: 120px; */
	height: 190px;
	text-align: center;
	vertical-align: middle;
}

#main table.box ul.thumbs li a img {
	float: none;
	display: inline;
	border: 0;
	padding: 10px 3px;
	margin-right: 20px;
}

ul.download {
	padding: 0;
	margin: 0 0 0 30px;
}

ul.download li {
	display: inline;
	list-style-type: none;
	padding: 0;
}

ul.download li a {
	display: inline;
	text-align: left;
	color: #fff;
	text-decoration: none;
}

ul.download li a:hover {
	color: #fa6f2a;
}

ul.avatars {
	padding: 0;
	margin: 0 0 0 28px;
}

ul.avatars li {
	display: inline;
	list-style-type: none;
}

#main table.box ul.avatars li img {
	float: none;
	display: inline;
	border: 0;
	padding: 0;
	margin: 21px;
/*
	padding: 10px 3px;
	margin-right: 30px;
*/
	width: 82px;
	height: 130px;
}

ul.pager {
	padding: 0;
	margin: 0 30px;
}

ul.pager li {
	display: inline;
	list-style-type: none;
	padding: 0 3px 0 0;
}

ul.pager li a {
	display: inline;
	text-align: left;
	color: #fff;
	text-decoration: none;
}

ul.pager li a:hover {
	color: #fa6f2a;
}

#main h1 {
	font-size: 16px;
	color: white;
	margin: 10px;
}

#main h3 {
	font-size: 14px;
	color: #fa6f2a;
	margin: 3px 0 0 30px;
	padding: 3px 0;
}

#body.kepek {
	text-align: center;
}

#body.kepek img {
	border: 0;
}

.justify {
	text-align: justify;
}

.center {
	text-align: center;
}

#uzenoablak {
	text-align: center;
}

#uzenoablak textarea {
	margin-top: 20px;
	width: 90%;
	height: 150px;
}

#warning {
	color: #FAA52C;
	font-weight: bold;
	padding: 10px 50px;
	margin: 5px 10px;
	text-align: center;
	font-size: 16px;
}

form.uzenet {
	display: block;
	text-align: right;
	margin: 5px 0 0 0;
}

#settings table, #registerinfo table, #comic table, #game table {
	width:100%;
	table-layout: fixed;
}

#settings a {
	background-color: #eee;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	display: block;
	border: 1px outset;
	text-align: center;
	padding: 3px;
	margin: 0 -4px 0 0;
}

#settings a:hover {
	border: 1px inset;
}

#settings th, #settings td, #registerinfo th, #registerinfo td, #pwchange th, #pwchange td, #register th, #register td, #comic th, #comic td {
	vertical-align: middle;
	padding: 3px;
}

#settings th, #registerinfo th, #register th, #comic th, #game th {
	width: 30%;
}


#settings input, #register input, #comic input, #game input {
	width: 100%;
}

#comic textarea, #game textarea {
	width: 100%;
	height: 60px;
}

#settings select {
	width: 40px;
}

#settings input.button, #register input.button, #comic input.button, #game input.button {
	width: 150px;
}

#forgotpw {
	text-align: center;
}

#forgotpw label {
	font-weight: bold;
}

#forgotpw #email {
	width: 300px;
}

label {
	text-align: left;
}

.buttons {
	width: 60px;
}

.buttons input, .buttons2 input {
	width: 16px;
	height: 16px;
}

.buttons form, .buttons2 form {
	display: inline;
	padding: 0;
	margin: 0;
	width: 16px;
}

.buttons form span, .buttons2 form span, .rbuttons span {
	display: none;
}

.buttons2 {
	width: 40px;
}

table.list {
	width: 100%;
}

#settings .checkbox, #comic .checkbox {
	padding-left: 0;
	width: auto;
	text-align: left;
}

tr.list:hover, tr.listHover {
	background-color: #3E4957;
}

#parent th, #parent th input {
	padding-left: 0;
	text-align: left;
	width: 16px;
}

table.list a {
	display: block;
	text-decoration: none;
	color: #ccc;
	padding: 3px 15px 3px 0;
}

#buttons {
	/* display: none; */
	text-align: center;
	margin: 20px 0;
}

#buttons ul {
	padding: 0;
	margin: 0;
}

#buttons li {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}

#buttons ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
	zoom: 100%;
}

#conditions input {
	width: 300px;
}

.szamlalo {
	width: 30px;
	font-weight: bold;
}

.questions li {
	font-size: 14px;
	color: #FDD80B;
	margin-bottom: 40px;
}

.rbuttons {
	float: right;
	width: 40px;
	height:16px;
	vertical-align: middle;
	overflow: hidden;
}

.rbuttons form {
	display: inline;
}

.questions li ul {
	margin-top: 10px;
}
.questions li ul li {
	font-weight:normal;
	font-size: 14px;
	color: #fff;
	margin-bottom: 5px;
}

.questions .tbox {
	color: #fff;
	background-color: #3E4957;
	border: 1px solid white;
}

.questions .tbox2 {
	color: #fff;
	background-color: #2D343E;
	border: 0;
}

.submission li {
	font-size: 14px;
	color: #FDD80B;
	margin-bottom: 40px;
}

.submission li ul {
	margin-top: 10px;
	padding: 0;
}

.submission li ul li {
	list-style-type: none;
	font-weight:normal;
	font-size: 14px;
	color: #fff;
	margin-bottom: 5px;
	padding: 0;
}