/**
 * Striker Superstars :: http://www.strikersuperstars.com
 * Copyright (c) 2011 Coli Games Ltd
 * Layout Stylesheet
 */
/** Importing of LESS styles from library **/
/**
 * Striker Superstars :: http://www.strikersuperstars.com
 * Copyright (c) 2011 Coli Games Ltd
 * Library of Reusable Elements
 */
/**
 * Variables
 */
/**
 * Rounded Corners
 */
/**
 * Gradient
 */
/**
 * Positioning + Layout Hacks
 */
.clearIt:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
@font-face {
  font-family: 'Bauhaus93Regular';
  src: url('../../css/fonts/bauhs93-webfont.eot');
  src: url('../../css/fonts/bauhs93-webfont.eot#iefix') format('embedded-opentype'), url('../../css/fonts/bauhs93-webfont.woff') format('woff'), url('../../css/fonts/bauhs93-webfont.ttf') format('truetype'), url('../../css/fonts/bauhs93-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/**
 * General Structure
 */
body {
  /**
  ARW : This causes a white background (duh) which looks crap on sites where the background is black
  Removing it left the white background sites white, but also left the black background sites black
  **/
  /*background: #ffffff;*/
}
#wrapper {
  position: relative;
  width: 750px;
}
#internal-wrapper {
  position: relative;
  width: 750px;
  margin: 0 auto;
}
#main {
  position: relative;
}
#content-frame {
  width: 710px;
  min-height: 520px;
  background: #fff;
  margin: 0 auto;
  border: 20px solid #000;
  padding: 25px;
  color: #343434;
  line-height: 1.5;
}
#unityPlayer {
  position: absolute;
  top: 20px;
  left: 20px;
}
body#index #content-frame {
  height: 520px;
}
body#register #content-frame {
  background: #ffffff url(../../images/temp/registerbg.jpg) bottom center no-repeat;
}
#content-frame h1 {
  width: 710px;
  font-size: 20px;
  text-transform: uppercase;
  padding-bottom: 5px;
  border-bottom: 1px solid #bdbdbd;
  margin-bottom: 15px;
}
#content-frame p {
  margin-bottom: 5px;
}
/**
 * Site Menu - Top Nav Buttons
 *
 */
#top-site-nav {
  position: relative;
  width: 800px;
  min-height: 50px;
  background: #fff;
  margin: 0px auto 0 auto;
}
#top-site-nav li {
  position: relative;
  width: 200px;
  height: 50px;
  text-indent: -5000em;
  float: left;
}
#top-site-nav li a {
  display: block;
  width: 200px;
  height: 50px;
}
#top-site-nav li a:hover {
  background-position: 0 -50px;
}
#top-site-nav li a:active {
  background-position: 0 -100px;
}
#top-site-nav li.selected a {
  background-position: 0 -150px;
}