html {
	font-size: 62.5%;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 1.2em/1.4 "Trebuchet MS", Arial, sans-serif;
	color: #ffffff;
	background: #2e362f;
}
h1 {
	margin: 0 0 .75em 0;
	padding: 0 5px;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: #000000 0 2px 0;
	background: url('/img/bg_h.png') 0 0 repeat-x;
}
h1 sup {
	font-size: .5em;
}
h2 {
	margin: 0 0 .75em 0;
	font-size: 1.2em;
	font-weight: bold;
}
a {
	color: #ffd42a;
	text-decoration: none;
}
p {
	margin: 0 0 1em 0;
}
ul, ol {
	margin: 0 0 1em 0;
}
table {
	border-collapse: collapse;
	border: 1px solid #333333;
}
th {
	padding: 3px 1px;
	text-align: left;
	font-size: .8em;
	font-weight: normal;
	color: #ffffff;
	background-color: #000000;
}
td {
	padding: 0;
	border-top: 1px dashed #333333;
}
img {
	border: 0;
}
#shadow {
	width: 1000px;
	margin: 0 auto;
	background: url('/img/bg_shadow.png') 50% 0 repeat-y;
}
#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
#header {
	height: 200px;
	background: #000000 url('/img/bg_header.png') 0 0 no-repeat;
}
#header .headerTop {
	height: 90px;
}
#header .headerTop .box {
	float: left;
	width: 468px;
	height: 60px;
	margin: 10px 2px 0 10px;
	padding: 10px 3px 3px 3px;
	background: url('/img/bg_fullbanner.png') 0 0 no-repeat;
}
#header	.logo {
	height: 60px;
	padding: 10px;
}
#header .menu {
	height: 30px;
	font-size: 15px;
	background: #ffffff;
}
#header .menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#header .menu ul li {
	float: left;
}
#header .menu ul li a {
	display: block;
	float: left;
	height: 20px;
	padding: 5px 15px;
	text-align: center;
	color: #666666;
	text-shadow: #ffffff 0 1px 0;
	text-transform: uppercase;
	font-weight: bold;
	border-right: 1px solid #000000;
	background: #ffffff;
}
#header .menu ul li:first-child a {
	width: 149px;
}
#header .menu ul li a.active-1-list,
#header .menu ul li a.active-1-detail-serveru,
#header .menu ul li a.active-3-pravidla,
#header .menu ul li a.active-4-pridani-serveru,
#header .menu ul li a.active-5-kontakty,
#header .menu ul li a.active-6-podporte-nas {
	color: #000000;
	background: #ffd42a url('/img/bg_menu_active.png') 0 0 repeat-x;
}
#header .menu ul li a:hover {
	color: #990000;
	background: #ffd42a url('/img/bg_menu_active.png') 0 0 repeat-x;
}
#main {
	background: #191919 url('/img/bg_main.png') 50% 0 repeat-y;
	border-top: 1px solid #000000;
}
#content a {
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
#content {
	float: left;
	width: 560px;
	padding: 10px;
	margin-left: 180px;
	background-color: #2a2a2a;
}
#content h2 {
	text-transform: uppercase;
}
#content div.text {
	padding: 0 5px;
}
/* ######### list ######### */
.serverCount {
	margin: 0 0 .5em 0;
	padding: 0 5px 0 0;
	text-align: right;
	font-size: .8em;
	color: #aaaaaa;
}
.serverCount strong {
	color: #ffffff;
}
#serverTable {
	width: 560px;
	margin: 0 0 1em 0;
}
#serverTable img {
	margin: 0 1px;
	vertical-align: middle;
}
#serverTable th.serverName {
	padding-left: 20px;
}
#serverTable th.connect {
	width: 34px;
}
#serverTable th.info {
	width: 34px;
}
#serverTable td {
	padding: 2px 0;
}
.button {
	display: block;
	float: left;
	height: 16px;
	margin: 1px;
	background-position: 0 0;
}
.buttonCs16 {
	width: 16px;
	cursor: help;
	background-image: url('/img/button_cs16.png');
}
.buttonCss {
	width: 16px;
	cursor: help;
	background-image: url('/img/button_css.png');
}
.buttonTip {
	width: 28px;
	cursor: help;
	background-image: url('/img/button_tip.png');
}
.buttonNew {
	width: 28px;
	cursor: help;
	background-image: url('/img/button_new.png');
}
.buttonSteam {
	width: 16px;
	background-image: url('/img/button_steam.png');
}
.buttonHlsw {
	width: 16px;
	background-image: url('/img/button_hlsw.png');
}
.buttonDetail {
	width: 40px;
	background-image: url('/img/button_detail.png');
}
.pager {
	margin: 0 0 1em 0;
}
.pager strong {
	color: #000000;
	padding: 2px 5px;
	background: #ffd42a url('/img/bg_menu_active.png') 0 0 repeat-x;
}
.pager a {
	padding: 2px 5px;
	background-color: #000000;
}
.pager a:hover {
	color: #333333;
	background: #ffd42a url('/img/bg_menu_active.png') 0 0 repeat-x;
}
/* ######### detail ######### */
.tw {
	float: left;
	width: 100px;
}
.fb {
	float: left;
	width: 80px;
}
.mainInfo, .maiInfo1, .mainInfo2 {
	clear: left;
	width: 100%;
	margin: 0 0 1em 0;
}
.mainInfo td, .maiInfo1 td, .mainInfo2 td {
	padding: 1px 10px 0 10px;
	vertical-align: top;
}
.mainInfo th, .maiInfo1 th, .mainInfo2 th {
	padding: 3px 10px;
}
.mainInfo {
	background: url('/img/maps/nomap.gif') 0 0 no-repeat;
}
th.mapImg {
	width: 238px;
	height: 150px;
	padding: 0;
	background-color: transparent;
}
#mainInfo2, #mainInfo2Hide {
	display: none;
}
/* ######### add server ######### */
#addServer fieldset {
	margin: 0 0 1em 0;
	padding: 1em;
	border: 1px solid #666666;
}
#addServer legend {
	padding: 0 1em;
	font-style: italic;
}
#addServer label {
	display: block;
	float: left;
	clear: left;
	width: 100px;
	padding: 0.25em 24px .75em 0;
}
#addServer input[type=text] {
	display: block;
	float: left;
	padding: 2px 4px;
	border: 0px solid black;
}
#addServer select {
	display: block;
	float: left;
}
#addServer .help {
	padding: .25em 0 .75em 300px;
}
a#addServerSubmit {
	display: block;
	width: 200px;
	margin: 1em 0 0 126px;
	padding: 5px 0;
	text-shadow: #ffffff 0 1px 0;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	background: #ffd42a url('/img/bg_menu_active.png') 0 0 repeat-x;
}
a:hover#addServerSubmit {
	color: #990000;
}
/* ######### pages ######### */
ol.rules li {
	margin: 0 0 1em 0;
}
/* ######### columns ######### */
#leftColumn {
	float: left;
	width: 180px;
	padding: 10px 0;
	margin-left: -760px;
}
#leftColumn h2 {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0 3px;
	text-shadow: #000000 0 2px 0;
	background: url('/img/bg_h.png') 0 0 repeat-x;
}
#leftColumn .submenu ul {
	padding: 0;
	list-style-type: none;
}
#leftColumn .submenu a {
	display: block;
	margin: 0 10px 0 10px;
	padding: 1px 10px 1px 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: #000000 0 1px 0;
	background: url('/img/bg_submenu.png') 0 50% repeat-x;
}
#leftColumn .submenu a.menuItemActive {
	color: #000000;
	background: #ffd42a url('/img/bg_submenu_hover.png') 0 50% repeat-x;
	text-shadow: #ffffff 0 1px 0;
}
#leftColumn .submenu a:hover {
	color: #990000;
	background: #ffd42a url('/img/bg_submenu_hover.png') 0 50% repeat-x;
	text-shadow: #ffffff 0 1px 0;
}
#leftColumn .submenu a span {
	font-size: .8em;
	font-weight: normal;
}
#rightColumn {
	float: left;
	width: 200px;
	padding: 10px;
}
#rightColumn h2 {
	padding: 0 3px;
	text-shadow: #000000 0 2px 0;
	background: url('/img/bg_h.png') 0 0 repeat-x;
}
/* ######### search form ######### */
#searchForm {
	margin: 0 0 1em 0;
}
#searchIp {
	width: 100px;
}
#searchPort {
	width: 50px;
}
#searchForm input[type=text] {
	padding: 4px;
	border: 0px solid #000000;
}
#searchForm a#formSubmit {
	display: block;
	width: 200px;
	margin: 1em 0 0 0;
	padding: 5px 0;
	text-shadow: #ffffff 0 1px 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
	background: #ffd42a url('/img/bg_menu_active.png') 0 0 repeat-x;
}
#searchForm a:hover#formSubmit {
	color: #990000;
}
/* ######### footer ######### */
#footer {
	padding: 10px 0 20px 0;
	background-color: #000000;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .copyright {
	padding: 10px 0;
	text-align: center;
}
#footer .otherLinks {
	text-align: center;
	font-size: .8em;
	color: #666666;
}
#footer .otherLinks a {
	color: #666666;
}
/* ######### twitter ######### */
#twitter_update_list {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
	font-size: .85em;
}
#twitter_update_list li {
 padding: 5px 3px;
}
#twitter_update_list li a {
 white-space: nowrap;
}
a#followUs {
	display: block;
	width: 200px;
	margin: 1em 0 0 0;
	padding: 5px 0;
	text-shadow: #ffffff 0 1px 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
	background: #1d88b4 url('/img/bg_menu_active.png') 0 0 repeat-x;
}
a:hover#followUs {
	color: #990000;
}
/* ######### disqus ######### */
#disqus_thread table {
	border: 0;
}
#recentcomments {
	font-size: .85em;
}
/* ######### FB ######### */
#fbLikeBox {
	background-color: #eeeeee;
}
/* ######### helpers ######### */
.stickyGreen {
	padding: 10px;
	text-align: center;
	color: #00ff00;
	background-color: #001a00;
	border: 1px solid #006600;
}
.stickyRed {
	padding: 10px;
	text-align: center;
	color: #ff0000;
	background-color: #1a0000;
	border: 1px solid #660000;
}
.external {
	padding-right: 14px;
	background: url('/img/external_link.png') 100% 50% no-repeat;
}
.clear {
	clear: both;
}
.tal {
	text-align: left;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.taj {
	text-align: justify;
}
.fll {
	float: left;
}
.flr {
	float: right;
}
.fln {
	float: none;
}

