@charset "utf-8";
/* CSS Document */

html, body
{
	height: 100%;
	min-height: 100%;
}

body
{
	background-color: #8d0000;
	width: 100%;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px; 	
	overflow-x: hidden;
}

#logoText
{
	/* position: absolute; 
	left: 10px;
	top: 10px;*/
	width: 100%;
	height: auto;
	/*width: auto;*/
	/*margin-left:20%;
	margin-right:80%;*/
	max-width: 979px;
}

.logoText
{
	text-align: center;
}

.languageButtonsTopRight
{
	float: right;
	margin-right:20px;
}

.descriptionCenter
{	
	/*display: block;*/
	margin-left: auto;
	margin-right: auto;
	/*margin: auto;*/
	width: 800px;	
	/*margin-top: 200px;*/
}

.centerizer
{
	position: relative;
	top: 30%;
	transform: translateY(-50%);
}

.block
{
	/*display: inline;*/
	/*display: table-cell;*/
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;	
	background-color: rgba(0, 0, 0, .8);
	padding: 10px;
	margin-top: 25px;
	box-shadow: 5px 5px 5px #200404;
}

.blockYoutube
{
	margin-left: auto;
	margin-right: auto;
	max-width: 640px;
	background-color: rgba(0, 0, 0, .8);
	padding: 10px;
	margin-top: 25px;
	box-shadow: 5px 5px 5px #200404;
}

.centerComradeBlocks
{
	/*margin-left: auto;
	margin-right: auto;*/
}

.blockComradeMain
{
	/*display: inline;*/
	/*display: table-cell;*/	
	/*max-width: 600px;	*/
	background-color: rgba(0, 0, 0, .8);
	padding: 10px;
	/*margin-top: 25px;*/
	margin-right: 25px;
	box-shadow: 5px 5px 5px #200404;
	margin-left: 270px;
	margin-bottom: 25px;
}

.blockComradeMain a
{
        color: #8e1111;
}

.blockComradeMain a:hover
{
        color: #a41515;
}

.blockComradeNav
{
	/*display: inline;*/
	/*display: table-cell;*/
	/*margin-left: auto;
	margin-right: auto;*/
	/*max-width: 200px;	*/
	width: 220px;	
	background-color: rgba(0, 0, 0, .8);
	padding: 10px;
	/*margin-top: 25px;*/
	box-shadow: 5px 5px 5px #200404;
	float: left;
}

.blockComradeNav ul
{
	padding-left: 20px;
	color: #AAA;
}

.blockComradeNav a
{
	color: #AAA;
	text-decoration-style: dotted;
}

.blockComradeNav a:hover
{
	color: #FFF;
	text-decoration: underline;
	text-decoration-style: solid;
	/*color: #a41515;*/
}

tr:nth-child(odd)
{
	background-color: #3f0707;
}

tr:nth-child(even)
{
	background-color: #300505;
}

td{
	padding: 5px;
}

h1
{
	margin-top: 2px;
}

@-webkit-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: -1024px 0; }
}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: -1024px 0; }
}

#clouds
{
	position:fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url("clouds.png");
	background-repeat: repeat;
	background-attachment: fixed;
	z-index: -999;
	
	animation: animatedBackground 20s linear infinite;
    -ms-animation: animatedBackground 20s linear infinite;
    -moz-animation: animatedBackground 20s linear infinite;
    -webkit-animation: animatedBackground 20s linear infinite;

}

#arrows
{
	position:fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url("arrows.png");
	background-attachment: fixed;
	z-index: -900;
}

.links
{
	font-style: italic;
	color: #8e1111;
}

.links a
{
	color: #8e1111;
}

.links a:hover
{
	color: #a41515;
}

.copyright
{
	float: right;
	position: relative;
	color: #8e1111;
	font-size: 10px;
	bottom: 10px;
	right: 10px;
	
	background-color: rgba(0, 0, 0, .8);
	padding: 2px;
}

.block a
{
        color: #8e1111;
}

.block a:hover
{
        color: #a41515;
}


.copyright a
{
        color: #8e1111;
}

.copyright a:hover
{
        color: #a41515;
}

.beta
{
	font-size: 20px;
	text-align: center;
	width: 100%;
	display: block;
}

.beta a
{
        color: #8e1111;
}

.beta a:hover
{
        color: #a41515;
}

.button {
  color: #000;
  background: #FFF;
  padding: 2px 4px 2px 4px;
  border: solid #000 0px;
  text-decoration: none;
  font-family: Verdana, Geneva, sans-serif;
}

.button:hover {
  color: #000;
  background: #CCC;
  text-decoration: none;
}

input, textarea {
  color: #111;
  background: #EEE;
  padding: 2px 4px 2px 4px;
  border: solid #000 1px;
  text-decoration: none;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}

input:FOCUS {
  color: #000;
  background: #FFF;
  padding: 2px 4px 2px 4px;
  border: solid #000 1px;
  text-decoration: none;
  font-family: Verdana, Geneva, sans-serif;
}

.blockComradeMain a
{
	color: #EEE;
}

.blockComradeMain a:hover
{
	color: #CCC;
}

.registerSubtitle
{
	font-size: 12px;
}