﻿/* PUT YOUR STYLES HERE */
.intro-loader {
	margin-left: -48px;
	margin-top: -48px;
}

body {
	background-color: #000;
	color: #c0c0c0;
	font-family: 'zxspectrum',monospace;
	font-weight: normal;
	font-size: 43px;
	font-smooth: never;
	-webkit-font-smoothing : none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 43px;
	font-weight: bolder;
}

a, a:active, a:visited {
	color: #0000c0;
	font-weight: bolder;
}

a:hover {
	color: #c00000;
}

.bright a, .bright a:active, .bright a:visited {
	color: #0000FF;
}

.bright a:hover {
	color: #FF0000;
}

ul {
	padding: 0;
}

ul.bullet {
	padding-left: 24px;
}

ol {
	padding-left: 12px;
}

ul.outstand li, ol.outstand li {
	margin-top: 24px;
}

ul.bullet li:before {
	content: "•";
	margin-left: -24px;
	width: 24px;
	text-align: center;
	display: inline-block;
}

ol li {
	text-indent: -12px;
	margin-left: 48px;
}

/* Spectrum Colors */

.bg-black {
	background-color: #000;
}

.bg-blue {
	background-color: #0000c0;
}

.bg-red {
	background-color: #c00000;
}

.bg-purple {
	background-color: #c000c0;
}

.bg-green {
	background-color: #00c000;
}

.bg-teal {
	background-color: #00c0c0;
}

.bg-yellow {
	background-color: #c0c000;
}

.bg-white {
	background-color: #c0c0c0;
}

.fg-black {
	color: #000;
}

.fg-blue {
	color: #0000c0;
}

.fg-red {
	color: #c00000;
}

.fg-purple {
	color: #c000c0;
}

.fg-green {
	color: #00c000;
}

.fg-teal {
	color: #00c0c0;
}

.fg-yellow {
	color: #c0c000;
}

.fg-white {
	color: #c0c0c0;
}

.bg-blue.bright {
	background-color: #0000ff;
}

.bg-red.bright {
	background-color: #ff0000;
}

.bg-purple.bright {
	background-color: #ff00ff;
}

.bg-green.bright {
	background-color: #00ff00;
}

.bg-teal.bright {
	background-color: #00ffff;
}

.bg-yellow.bright {
	background-color: #ffff00;
}

.bg-white.bright {
	background-color: #fff;
}

.fg-blue.bright {
	color: #0000ff;
}

.fg-red.bright {
	color: #ff0000;
}

.fg-purple.bright {
	color: #ff00ff;
}

.fg-green.bright {
	color: #00ff00;
}

.fg-teal.bright {
	color: #00ffff;
}

.fg-yellow.bright {
	color: #ffff00;
}

.fg-white.bright {
	color: #fff;
}

/* /Colors */

.screen {
	width: 960px;
	height: 720px;
	padding: 0;
	border: 1px solid #c0c0c0;
	border-top-width: 72px;
	border-bottom-width: 72px;
	border-left-width: 96px;
	border-right-width: 96px;
	margin-top: -72px;
}

.progress-bar {
	width: 720px;
	border: 3px solid #000;
	padding: 3px;
	margin: 0 18px;
	bottom: 18px;
}

.progress-bar #progress {
	background-color: #c00000;
	height: 24px;
	max-width: 100%;
}

.logo {
	margin: 12px 12px 15px 24px;
}

.fest-title {
	position: absolute;
	top: 24px;
	left: 384px;
}

.nav-menu {
	position: absolute;
	top: 24px;
	right: 24px;
}

.button, .button:active, .button:visited {
	background-color: #c0c0c0;
	color: #000;
	border-color: #000;
	height: 48px;
	padding: 12px;
	margin-bottom: 0;
	margin-top: 24px;
}

.sysAlert {
	padding: 24px;
}

.shr-0 {
	height: 96px;
}

.screen-content {
	padding: 24px;
}

.screen-half {
	width: 50%;
	float: left;
}

.menu-left {
	display: inline-block;
	width: 264px;
	vertical-align: top;
	float: left;
}

.menu-left a:hover:after {
	content: " >";
}

.menu-left li {
	margin-bottom: 24px;
}

.menu-right {
	display: inline-block;
	width: 432px;
	vertical-align: top;
	height: 432px;
}

.menu-right > ul {
	display: none;
}

.partners {
	margin-top: 144px;
}

.partners a {
	display: block;
	position: absolute;
}

.partners a img {
	float: left;
}

.map-container {
	position: relative;
}

.tooltip {
	position: absolute;
	width: 24px;
	height: 24px;
	padding-left: 24px;
	overflow: hidden;
}

.tooltip.big {
	width: 48px;
	height: 48px;
	padding-left: 48px;
}

.tooltip span {
	display: inline-block;
	background-color: #fff;
	height: 24px;
	line-height: 24px;
	width: 336px;
}

.tooltip.big span {
	height: 48px;
}

.tooltip:hover {
	overflow: visible;
}

.pixelart {
	display: inline-block;
	height: 24px;
	line-height: 24px;
}

.pixelart.color-0 {
	background-color: #fff;
	color: #000;
}

.pixelart.color-1 {
	background-color: #fda63f;
	color: #000;
}

.pixelart.color-2 {
	background-color: #c74f1d;
	color: #000;
}

.pixelart.color-3 {
	background-color: #dc3f2e;
	color: #000;
}

.pixelart.color-4 {
	background-color: #9a301a;
	color: #000;
}

.pixelart.color-5 {
	background-color: #161614;
	color: #fff;
}

.pixelart.color-6 {
	background-color: #3e6222;
	color: #fff;
}

.pixelart.color-7 {
	background-color: #1d524c;
	color: #fff;
}

.pixelart.color-8 {
	background-color: #6b9a7a;
	color: #fff;
}

.pixelart.color-9 {
	background-color: #57645d;
	color: #fff;
}

.pixelart.color-10 {
	background-color: #a4e8fc;
	color: #000;
}

.pixelart.color-11 {
	background-color: #38c0fc;
	color: #fff;
}

.pixelart.color-12 {
	background-color: #004058;
	color: #fff;
}

.pixelart.color-13 {
	background-color: #ebbabc;
	color: #fff;
}

.pixelart.color-14 {
	background-color: #988dd0;
	color: #fff;
}

.pixelart.color-15 {
	background-color: #874761;
	color: #fff;
}

.hidden {
	display: none;
}

.news p {
	margin-bottom: 24px;
}