@import url("http://fnt.webink.com/wfs/webink.css?project=7ACF8FF2-BD7F-4F32-B4DA-45EB7704BEDC&fonts=2FC9CE64-C144-69CC-B08E-F38F68DE4394:family=GravostyleBasic-Regular,E18DEA62-10E1-216B-B659-2B06B8571D3A:family=GravostyleBasic-Bold");


@font-face {
    font-family: 'ZXSpectrum';
    src: url('/fonts/zxspectrum.eot');
    src: url('/fonts/zxspectrum.woff') format('woff'),
         url('/fonts/zxspectrum.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body, input, textarea { font-family:'GravostyleBasic-Regular', 'courier new'; font-size:21px; }
b, div.field_title, h1, #header { font-family:'GravostyleBasic-Bold'; } 

body {
  color:#999;  
  background:#191919 url("/images/bg.jpg") center center repeat;
  padding:0px;
  margin:0px;  
  line-height:25px;
  text-align:center;
}

a { color:#F00; text-decoration:none; }
a:hover { color:#FFF; }

h1 { color:#FFF; text-transform:uppercase; font-size:36px; font-weight:normal; }
.left { text-align:left; }

input.text, textarea {  font-family:'GravostyleBasic-Regular' ; font-size:18px; background:#2A2A2A; border:1px solid #333; color:#FFF; }
input.text { height:30px; width:200px; }
input.checkbox { width:25px; height:25px; background:#191919; }
input.submit { background:#A00; color:#FFF; text-transform:uppercase; border:2px solid #900; height:30px; }
input.button { background:#333; color:#888; text-transform:uppercase; border:2px solid #222; height:30px; }
input.submit:hover { background:#D33; }
input.button:hover { background:#A00; }

#topline { width:100%; height:2px; font-size:0px; background:#A00; }
#topbar { width:100%; height:80px; margin-top:25px; background:#A00; }
#topbar div.logo { width:940px; font-size:45px; text-align:left; margin:auto; }
#topbar span { display:inline-block; margin:30px 0px 0px 100px; }
#topbar img { position:absolute; margin-top:-20px; }
#topbar a { color:#FFF; }
#topbar a img { border:none; }


#login { text-align:right; padding-top:10px; }
#nav { float:left; text-transform:uppercase; padding-top:10px; }

#wrapper { 
  width:940px;
  margin:auto; 
  text-align:left;
}

#header { height:345px; }
#header div { float:left; text-align:left; width:500px; font-size:22px; line-height:40px; font-weight:bold; color:#FFF; }
#header #gorilla { width:370px; text-align:center; }
#header .title { color:#A00; font-size:95px; margin-top:70px; }
#header .description { font-size:32px; }
#header span { display:block; margin-top:10px; color:#999; }

/*#header .title, #header .description { font-family:'ZXSpectrum', 'courier new'; }*/

#content { text-align:center; }

hr { height:1px; color:#A00; border:0px; border-top:1px solid #A00; }

#participate { background:url("/images/hr.png") top left repeat-x; margin:auto; width:940px; }
#participate span { display:inline-block; width:313px; height:181px; padding-top:20px; vertical-align:middle; margin:0px; text-align:center; }
#participate span.tab { background:url("/images/tab.png") top center no-repeat; color:#FFF; padding-top:25px; }
#participate h1 { font-size:20px; margin:0px 0px 5px 0px; }

.center { text-align:center; }
.small_caps { font-size:12px; text-transform:uppercase; }
.uppercase { text-transform:uppercase; }

div.field_title { padding-top:5px; text-transform:uppercase; width:180px; color:#FFF; }
div.field_title, div.field_value { float:left; margin-top:8px; }
div.clear { clear:both; }
div.clearfx { float:left; clear:both; }

#flash {
  background:#BDC;
  border:1px solid #444;
  color:#000;
}
#flash .wrapper { 
  border:8px solid #8DA; 
  padding:5px 10px;
}

#errors {
  position:absolute;
  width:940px;
  color:#FFF;
  background:#700;
  border:1px solid #444;
}
#errors .wrapper { 
  border:8px solid #A00; 
  padding:5px 10px;
}

#short_form {
  width:520px;
  text-align:left;
  margin:auto;
}

.fleft { float:left; }
.fright { float:right; }

table.headed { border:1px solid #AAA; }
table.headed td { border:1px solid #666; padding:3px; font-size:14px; }
table.headed .header { background:#AAA; color:#FFF; font-weight:bold; }
table.headed .header td { border-color:#AAA; }
table.headed .header a { color:#FFF; }
table.headed .header a:hover { color:#F00; }

td.controls { text-align:center; }
td.controls img { margin:0px 1px; }