@import url(autocomplete.css);
@import url(reset.css);
@import url(ajax.progress.css);
@import url(form.css);
html {
    height: 100%;
}
body {
    height: 100%;
    text-align: center;
    background: #000 url(/images/header.jpg) no-repeat center 0;
    font-family: Tahoma;
    font-size: 12px;
}
#wrapper {
    text-align: left;
    width: 1000px;
    margin: 0 auto -80px;
    height: 100%;
    min-height: 100%;
}
html>body #wrapper {
    height: auto;
}
    #footer-clear {
        height: 170px;
        clear: left;
    }
/* elements */
.thumb {
	overflow: hidden;
	display: block;
}
	.thumb img {
		display: block;
		border: 1px solid #686868;
	}
h1, h2 {
    font-weight: normal;
    padding: 0 0 13px;
    line-height: 1.5em;
}
h1 {
	font-size: 24px;
}
h2 {
    font-size: 18px;
	/*padding-top: 39px;*/
}
h2.light {
	color: #ffc !important;
	font-size: 24px !important;
	padding-top: 10px !important;
}
h4 {
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #666;
    padding: 2px 0;
    margin: 0 0 10px;
}
.mark {
    display: -moz-inline-block;
    display: inline-block;
    background: #EA514B;
    color: #ffc;
    overflow: hidden;
    padding: 5px 3px 2px;
    line-height: 1em;
    font-size: 11px;
    vertical-align: middle;
}
    .mark big {
        font-size: 18px;
        font-weight: bold;
    }
form div.field {
	overflow: hidden;
	padding: 0 0 3px;
}
input.text {
	border:1px solid #949185;
	color: #6e6e6e;
	background: #c6d5da url(/images/text-bg.png) no-repeat 0 0;
}
#content input.text, textarea {
	background: #c6d5da;
	border:1px solid #949185;
	font-size: 110%;
	color: #6e6e6e;
}
input.button, button, a.button {
	display: -moz-inline-block;
	display: inline-block;
    background: url(/images/button-bg.png) 0 0;
    padding: 0 11px !important;
    overflow: hidden;
    line-height: 17px;
    font-size: 12px;
    color: #ffc;
    font-weight: bold;
    border: 1px solid #872626;
	text-decoration: none;
	vertical-align: bottom;
	/*display: inline-block;
	border: 1px solid #872626;
	color: #ffffcc;
	font-weight: bold;
	background: #e57575 url(/images/button-bg.png);
	height: 18px;
	padding: 0 11px !important;
	font-size: 12px;*/
}
.actions {
	overflow: hidden;
}
.actions .button, button {
    margin: 0 5px 9px 0;
	float: left;
}
a {
    color: #0051a3;
}
a.archive {
    display: block;
    font-weight: bold;
    color: #000;
    padding: 28px 0 0;
}
ul.cycle {
    font-size: 11px;
}
    ul.cycle li {
        line-height: 20px;
        padding: 0 12px;
    }
    ul.cycle .even {
        background: #cfd8d6;
    }
ol {
    list-style: decimal;
    margin: 0 0 0 22px;
}
    ol li {
    }
#content p {
    margin: 0 0 1em;
}
/* HEADER */
#header {
    height: 250px;
}
	#header .logo {
		width: 257px;
		height: 79px;
		background: url(/images/logo_game.png) no-repeat 0 0;
		display: block;
		position: relative;
		z-index: 2;
		margin: 15px 0 0 26px;
	}
	#dragon {
		display: block;
		width: 100;
		height: 247px;
		background: url(/images/dragon.png) no-repeat 0 0;
		position: relative;
		margin: -62px 0 0 -29px;
		_margin: -61px 0 0 -29px;
		z-index: 1;
	}
	#header .c1 {
		float: left;
		padding: 0 69px 0 0;
	}
	#header .c2 {
		padding: 26px 0 0;
		float: left;
	}
            #search {
                padding-top: 14px !important;
		margin: 0 0 16px;
		color: #FFFFCC;
            }
	#header form {
		width: 400px;
		
	}
		#header form a {
			color: #ffffcc;
		}
		#search input.text {
			width: 312px;
			float: left;
		}
		#search input.button {
			float: right;
		}
		#auth {
			padding: 0 0 0 100px;
			color: #fff;
		}
			#auth .field {
				line-height: 20px;
			}
			#auth form {
				width: 300px;
			}
				#auth input.text {
					width: 213px;
					float: left;
				}
				#auth input.button {
					float: right;
				}
				#auth a {
					padding: 0 0.4em 0 0;
					color: #FFFFCC;
				}
				#auth a.auth{
				    color: #daa55c !important;
				}
    ul.alph {
		margin: 0 0 13px;
                white-space: nowrap;
    }
        ul.alph li {
            display: inline;
        }
			ul.alph li a {
				color: #ffffcc;
				font-weight: bold;
				/*padding: 1px 6px 1px 5px;*/
                                padding: 1px 3px 1px 2px;
				text-align: center;
                                position: relative;
			}
			ul.alph li a:hover {
				background: #cb2321;
				text-decoration: none;
                                margin: 0 -3px;
                                padding-right: 6px;
                                padding-left: 5px;
			}
	#header .banner-menu {
		clear: both;
		margin: 0 0 0 221px;
		position: relative;
		top: -53px;
	}	
    #header .menu {
        clear: both;
        margin: 0 0 0 221px;
        position: relative;
        top: -53px;
	overflow: hidden;
    }
        #header .menu li {
            display: inline;
            line-height: 24px;
        }
        #header .menu li:before {
            content: '|';
            color: #DAA55C;
        }
        #header .menu li:first-child:before {
            content: '' !important;
        }
            #header .menu a {
                color: #DAA55C;
                padding: 0 15px 0 27px;
                vertical-align: top;
                background: url(/images/header-menu-li-arrow.gif) no-repeat 17px 0.6em;
		position: relative;
		z-index: 2;
            }
/* LEFT */
#left {
    width: 200px;
    float: left;
	margin: -30px 0 0;
	clear: left;
	_position: relative;
	_top: -24px;
}
#left .feeds {
	margin: -55px 0 0 50px;
	_margin-left: 65px;
	position: absolute;
	z-index: 3;
	font-size: 11px;
}
    #left .feeds .rss a, #left .feeds .twitter a {
	display: -moz-inline-block;
	display: inline-block;
        padding: 0 26px 0 0;
	margin: 0 0 3px;
    }
    #left .feeds .rss a {
        background: url(/images/rss.png) no-repeat right center;
    }
    #left .feeds .twitter a {
        background: url(/images/twitter.png) no-repeat right center;
    }
    #left .feeds .rss a, #left .feeds .twitter a {
        color: #daa55c;
        line-height: 21px;
    }
	#add {
		display: block;
		height: 320px;
		background: url(/images/add-material.jpg) no-repeat right 0;
	}
/* CONTENT */
#content {
    width: 540px;
    margin: -30px 10px 0;
    float: left;
    _margin-top: -54px;
}
/* RIGHT */
#right {
	margin: -30px 0 0;
	_margin-top: -54px;
    width: 240px;
    float: left;
}
/* FOOTER */
#footer {
    height: 155px;
    overflow: hidden;
    color: #daa55c;
    padding: 20px 0;
}
    #footer .inner {
        width: 1000px;
        text-align: left;
        margin: 0 auto;
        background: url(/images/skull.jpg) no-repeat right center;
        overflow: hidden;
        height: 65px;
    }
    #footer .links{
        width: 1000px;
        text-align: left;
        margin: 0 auto;
        overflow: hidden;
        height: 20px;
    }
    #footer .links a{
        color: #DAA55C
    }
	#footer .gekos {
	    display: block;
            background: url(/images/gekos.png) no-repeat 0 0;
            width: 73px;
            height: 18px;
            margin: 0 0 0 2px;
	}
        #footer .c1 {
            width: 209px;
            float: left;
        }
        #footer .c2 {
            float: left;
			width: 540px;
        }
        #footer .c3 {
            float: left;
            padding: 0 0 0 15px;
        }
        #footer .menu {
        }
            #footer .menu li {
                display: inline;
            }
		#footer .copy{
			float: left;
                        line-height: 1.5em;
		}
        #footer .counters {
			float: right;
        }
            #footer .counters li {
                display: inline;
                padding: 0 3px 0 0;
            }
/* BLOCK */
.blocks {
    width: 100%;
    overflow: hidden;
    background: url(/images/blocks-bg.png) repeat-y;
    margin-bottom: 10px;
}
    .blocks .block {
	margin-bottom: 0;
    }
.block {
    background: #F2F2EA;
    margin: 0 0 10px;
    padding: 0 10px 10px 10px;
	line-height: 1.3em;
}
    .block h1.title, .block h2.title, .block h3.title {
        display: block;
        margin: 0 -10px 8px;
        line-height: 23px;
        padding: 1px 0 4px 11px;
        color: #ffc;
		font-size: 12px;
		font-weight: bold;
    }
    .title-count {
        text-align: right;
        display: block;
        top: -2.6em;
        position: relative;
        color: #ffc;
		float: right;
    }
        .title-count a {
            color: #ffc;
            font-weight: bold;
        }
    .block h1.title, .block h2.title, .block h3.title {
        background: url(/images/block-title-red.png) no-repeat;
    }
    .red-title{
        background: url(/images/block-title-red.png) no-repeat;
    }
    #left .block h2.title{
        background: url(/images/block-title-blue-left.png) no-repeat;
    }
    #right .block h2.title{
        background: url(/images/block-title-blue-right.png) no-repeat;
    }
.block.banner, .block.feeds {
    background: transparent;
}
.block.half-column {
    width: 245px;
    float: left;
    margin-right: 10px;
}
.block.add {
	padding: 0;
	background: none;
}
.block.last {
    margin-right: 0;
}
.block-button {
    background: url(/images/block-button.png) no-repeat;
    width: 200px;height: 25px;
    overflow: hidden;
    margin: 0 0 10px;
}
.block-button h3, .block-button h2 {
    line-height: 25px;
    text-align: center;
}
/* LIST */
table.list {
	width: 100%;
}
	table.list td {
		/*white-space: nowrap;*/
		padding: 2px 9px 2px 0;
		background: #fff;
	}
	table.list tr.even td {
		background: #e2e2dd;
	}
	table.list td:first-child {
		padding-left: 9px;
	}
	table.list td.data {
		white-space: normal;
		/*width: 100%;*/
	}
	table.list td.number {
		color: #666;
	}
/* NEWS-ARTICLE */
.news-article {
	overflow: hidden;
}
	.news-article .thumb {
		display: block;
		float: left;
		margin: 0 8px 3px 0;
	}
	.news-article .descr {
	}
    div.descr {
        text-align: justify !important;
	}
	.news-article .nav {
		border-top: 1px dashed #a9a9a3;
		padding: 10px 0 0;
		margin: 5px 0 0;
		clear: both;
		overflow: hidden;
	}
		.news-article .prev {
			float: left;
			display: block;
		}
		.news-article .next {
			float: right;
			display: block;
		}
/* NEWSLIST-FULL */
.newslist-full {
	padding: 0 10px 2px;
	margin: 0;
}
	.newslist-full .article {
		padding: 0 0 10px 131px;
		border-bottom: 1px dashed #a9a9a3;
		margin: 0 0 10px;
	    overflow: hidden;
	    clear: left;
	}
		.newslist-full .title {
			display: block;
			font-weight: bold;
			margin: 0 0 4px;
		}
		.newslist-full .date {
			color: #666;
			display: block;
			font-size: 11px;
			padding: 0 0 2px;
		}
		.newslist-full .next {
			font-size: 11px;
			font-weight: bold;
			color: #c00;
			padding: 4px 0 0;
			display: block;
		}
		.newslist-full .mark {
			float: left;
			margin: 2px 0 0 -115px;
			clear: left;
			width: 95px;
		}
		.newslist-full .thumb {
			display: block;
			float: left;
			margin: 0 0 0 -130px;
			position: relative;
			_margin: 0 0 0 -55px;
		}
			.newslist-full .thumb img {
				display: block;
			}
/* PAGINATOR */
.paginator {
	/* margin: 12px 0 0; */
	padding: 0 0 10px 0;
	background: none;
	text-align: center;
	margin: 12px 0 0;
}
	.paginator a {
		color: #ffc;
	}
	.paginator.dark a {
		color: #0051a3;
	}
	.paginator .prev {
		float: left;
	}
	.paginator .pages {
		display: -moz-inline-block;
		display: inline-block;
		position: relative;
	}
		.paginator .pages a {
			padding: 2px 4px 3px 4px;
		}
		.paginator .pages .active {
			color: #010101;
			background: #ffc;
			text-decoration: none;
		}
		.paginator.dark .pages .active {
			background: #e2e2dd;
		}
	.paginator .next {
		float: right;
	}
/* DISCUSION */
.discusion li {
    padding: 0 0 13px;
}
/* GAMESLIST */
.block.gameslist {
    background: none;
    overflow: hidden;
    padding: 0;
}
    .block.gameslist li {
        float: left;
        border: 1px solid #B82520;
        width: 132px;
        text-align: center;
        font-size: 11px;
        padding: 8px 0;
        background: #000;
    }
        .block.gameslist .thumb {
            display: -moz-inline-block;
            display: inline-block;
            width: 115px;
            overflow: hidden;
        }
            .block.gameslist .thumb img {
                display: -moz-inline-block;
		display: inline-block;
            }
        .block.gameslist .title {
            display: block;
            text-align: left;
            color: #c00;
            font-weight: bold;
            padding: 0 3px 2px 9px;
        }
        .block.gameslist .descr {
            display: block;
            text-align: left;
            color: #959594;
            padding: 0 3px 0 9px;
        }
/* BANNER */
.block.banner {
    padding: 0;
    text-align: center;
}
/* MENU */
.sidebar .block.menu {
    padding: 0 1px;
    background: url(/images/menu-bg1.png);
	position: relative;
}
    .sidebar .block.menu .block-header {
	overflow: hidden;
        background: url(/images/menu-header.png) no-repeat 0 0;
        height: 1px;
    }
    .sidebar .block.menu .block-footer {
        background: url(/images/menu-footer.png) no-repeat 0 0;
        height: 1px;
	overflow: hidden;
    }
    .sidebar .block.menu .block-content {
        background: url(/images/menu-bg2.png);
        padding: 4px;
	_padding: 4px 4px 0 4px;
    }
        .sidebar .block.menu li {
            border: 1px solid #875B2E;
            margin: 0 0 3px;
            background: url(/images/submenu-bg.png) no-repeat 0 0;
	    position: relative;
	    z-index: 2;
        }
            .sidebar .block.menu li a {
                display: block;
                margin: 1px 0;
                background: url(/images/menu-ul-li-arrow.png) no-repeat 0 0.4em;
                padding: 3px 0 4px 16px;
                font-weight: bold;
		text-transform: uppercase;
            }
	    .sidebar .block.menu li span.link {
		display: block;
                margin: 1px 0;
                padding: 3px 0 4px 16px;
                font-weight: bold;
	    }
			.sidebar .block.menu li a.active {
				color: #b82520;
				font-weight: bold;
                background: url(/images/menu-ul-li-arrow-active.png) no-repeat 0 0.4em;
			}
            .sidebar .block.menu li div {
                background: url(/images/submenu-bg.png) no-repeat 0 bottom;
                margin: 3px 0 0;
                padding: 0 12px 3px;
            }
                .sidebar .block.menu ul ul {
                    margin: 0 -12px;
                }
                    .sidebar .block.menu ul ul li {
                        background: none;
                        border-top: 1px solid #D8A35B;
                        border-bottom: none;
                        border-left: none;
                        border-right: none;
                        margin: 0;
			_height: 1%;
                    }
                        .sidebar .block.menu ul ul li a {
                            padding: 4px 0 4px 16px;
                            margin: 0 0 0 28px;
                            background: url(/images/menu-ul-ul-li-arrow.png) no-repeat 0 center;
			    text-transform: none;
                        }
						.sidebar .block.menu ul ul li a.active {
							color: #b82520;
							font-weight: bold;
                            background: url(/images/menu-ul-ul-li-arrow-active.png) no-repeat 0 center;
						}
    .sidebar .block.menu a {
        color: #000;
        text-decoration: none;
    }
/* other blocks */
.block.static a.title {
	display: block;
	margin: 0 0 16px;
}
/* NEWS */
ul.news {
	width: 100%;
	overflow: hidden;
}
	ul.news.two-column li {
		float: left;
		margin-right: 21px;
		width: 248px;
	}
	ul.news.two-column li.last {
		margin-right: 0;
	}
	ul.news li {
		padding: 0 0 10px;
		margin-bottom: 9px;
		border-bottom: 1px dashed #a9a9a3;
		font-size: 11px;
	}
		ul.news .thumb {
			display: block;
			float: left;
		}
			ul.news .thumb img {
				display: block;
			}
		ul.news .descr {
			padding: 0 0 0 115px;
		}
			ul.news .title {
				font-weight: bold;
				color: #000;
				text-decoration: none;
				margin: 0 0 0.4em;
				font-size: 12px;
			}
			ul.news a.next {
				display: block;
				color: #cc0000;
				font-weight: bold;
				margin: 0.4em 0 0;
			}
/* SUBSCRIBE */
.subscribe .descr {
	padding: 0 0 0.5em;
}
/* POLL */
.poll .descr {
	padding: 0 0 0.5em;
}
    .poll .marks {
        overflow: hidden;
        margin: 0 0 10px;
    }
        .poll .marks li {
            font-weight: bold;
            color: #AE1F19;
            float: left;
            text-align: center;
            padding: 0 5px 0 0;
        }
            .poll .marks label {
                display: block;
            }
            .poll .marks .radio {
                display: block;
            }
/* FORUM */
.forum a {
	color: #000;
}
	.forum a.author {
		background: url(/images/author.gif) no-repeat 0 0.3em;
		padding: 0 0 0 16px;
	}
	.forum a.title {
		color: #0051a3;
	}
/* THUMBS */
ul.thumbs {
    overflow: hidden;
    margin: 0 -2px 0 7px;
	clear: right;
}
    ul.thumbs li {
        float: left;
        padding: 0 0 10px 3px;
    }
        ul.thumbs li a {
            border: 1px solid #686868;
            display: block;
        }
            ul.thumbs li a img {
                display: block;
            }
/* BEHAVIOURS */
h4 + .behaviours {
    margin-top: -10px !important;
}
.behaviours {
    margin: 0 0 10px;
	width: 100%;
}
    .behaviours td {
        border-bottom: 1px solid #BABAB5;
        padding: 2px 1px;
    }
    .behaviours td.name {
        color: #666;
        font-size: 11px;
        width: 20%;
    }
    .behaviours td.value {
    }
/* COMMENTS */
.comments {
}
	.comments li {
		padding: 0 0 1em;
	}
	.comments .data {
		color: #666;
		font-size: 11px;
	}
		.comments .data a {
			color: #666;
		}
		.comments .data .author {
			font-weight: bold;
			text-decoration: none;
		}
/* SCREENSHOT */
.screenshot {
}
	.screenshot .image {
		display: block;
		margin: 0 0 9px;
	}
	.screenshot .descr {
		display: block;
		background: url(/images/screenshot-descr.png) no-repeat 1px 0;
		padding: 0 0 0 30px;
		color: #666;
		line-height: 18px;
		margin: 0 0 24px;
	}
/* review-data */
.review-data {
	width: 100%;
}
	.review-data .c1 {
		width: 50%;
		padding: 0 20px 0 0;
	}
	.review-data .c2 {
		width: 50%;
	}
/* INFO */
span.info {
	display: block;
	color: #666;
	font-size: 11px;
	position: relative;
	float: left;
	top: -9px;
	width: 100%;
}
	span.info a {
		color: #666;
	}
/* STATS */
.stats {
	display: -moz-inline-block;
	display: inline-block;
	padding: 0 0 10px;
}
#center .stats {
	border-bottom: 1px dashed #a9a9a3;
}
	.stats .stat {
/*		display: -moz-inline-block;
		display: inline-block;*/
		background: #e2e2dd;
		padding: 0 10px;
		line-height: 24px;
		width: 100%;
		overflow: hidden;
	}
	.stats .stat.even {
		background: #fff;
	}
	.stats label {
		/* display: inline-block; */
		color: #666;
		/* line-height: 24px;
		width: 115px; */
		float: left;
	}
	.stats .mark {
		display: inline-block;
		background: none;
		color: #ae1f19;
		line-height: 24px;
		overflow: none;
		font-size: 12px;
		padding: 0;
		margin: 0 15px;
		width: 27px;
		float: left;
	}
	.stats .graph {
		display: inline-block;
		background: url(/images/graph-empty.png);
		width: 160px;
		height: 10px;
		line-height: 24px;
		float: right;
		margin-top: 8px;
	}
		.stats .graph-inner {
			display: block;
			background: url(/images/graph-full.png);
			width: 160px;
			height: 10px;
			line-height: 24px;
			overflow: hidden;
		}
	table.stats .graph {
		float: none;
		margin: 0 0 8px;
	}
		
		
.hidden{
    display: none !important;
}
/* progressbar */
.progressbar {
	background: #fff;
	height: 10px;
}
	.progressbar .progress {
		background: #ae1f19;
		height: 10px;
	}
	.progressbar .border-left {
		top: -10px;
		height: 10px;
		padding: 0 0 0 6px;
		position: relative;
		z-index: 1;
	}
	.progressbar .border-right {

		position: relative;
		z-index: 2;
		height: 10px;
	}
	.even .progressbar .border-left {
		background: url(/images/progressbar-white.png) no-repeat 0 0;
	}
	.even .progressbar .border-right {
		background: url(/images/progressbar-white.png) no-repeat right 0;
	}
	.odd .progressbar .border-left {
		background: url(/images/progressbar-grey.png) no-repeat 0 0;
	}
	.odd .progressbar .border-right {
		background: url(/images/progressbar-grey.png) no-repeat right 0;
	}
/* POLLS */
.polls {
}
	.polls li {
		border-bottom: 1px dashed #a9a9a3;
		padding: 0 0 20px;
		margin: 0 0 20px;
	}
	.polls h4 {
		border-bottom: 0;
		margin-bottom: 0;
	}
	.polls .date {
		color: #666;
		font-size: 11px;
	}
	.polls table {
	}
		.polls .odd {
			background: #e2e2dd;
		}
		.polls .even {
			background: #fff;
		}
		.polls td.answer {
			padding: 5px 0 5px 7px;
		}
		.polls td.progress {
			width: 40%;
			padding: 5px 7px;
		}
		.polls td.percents {
			font-weight: bold;
			padding: 5px 0;
			width: 10%;
		}
		.polls th.count {
			text-align: right;
			color: #666;
			font-weight: normal;
			font-size: 11px;
			padding: 0 7px 0 0;
			width: 10%;
		}
		.polls td.count {
			text-align: right;
			padding: 5px 7px 5px 0;
			color: #2e2e2e;
		}
#logined_field {
	padding: 0 39px 0 0;
	text-align: right;
}
#errorExplanation {
    border: 1px solid #ae2c28;
    padding: 10px;
    margin: 0 0 10px;
	background: #fff;
}
    #errorExplanation ul {
    }
        #errorExplanation ul li {
            padding: 0 0 .3em;
            font-weight: bold;
        }
        #errorExplanation ul li:last-child {
            padding: 0;
        }