body, iframe {
  margin: 0;
  padding: 0;
  background-color: #000000;
}


img {
  border: 0;
}


.content{ 
  font-family: Helvetica;
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 950px;
  height: 600px;
}


#clock {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 400px;
  height: 194px;
  background-image: url(../img/timer.gif);
}


#S4CD {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 400px;
  height: 24px;
  font: 14px Helvetica;
  color: white;
  text-align: center;
}

#sideboxleft {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0;
  padding: 0;
  width: 160px;
  height: 600px;
}


#sideboxright {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0;
  padding: 0;
  width: 160px;
  height: 600px;
}


#computer {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 600px;
  height: 380px;
  background-image: url(../img/computer.gif);
}

div.row {
	clear:both;
	padding-top: 10px;
	text-align: left;
}


div.row label {
	display: block;
	font: 11pt Helvetica;
	font-weight: bold;
	float: left;
	width: 100px;
	text-align: right
}


#screenname div.row {
	padding-top: 2px;
}


#screenname label {
	width: 100px;
	font: 13px Helvetica;
}


.time{
  margin: 0;
  padding: 0;
  text-align: center;

  position: absolute;
  top: 40px;
  width: 60px;
  line-height: 80px;
  font: 80px Helvetica;
  font-weight: bold;
}


.minutes{  
  color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
}


.seconds{ 
  color: black;
  opacity: 0.9;
  filter: alpha(opacity=90);
}


#hundred{  
  left: 33px;
}


#ten{  
  left: 100px;
}


#one{  
  left: 165px;
}


#tenth{  
  left: 246px;
}


#hundredth{  
  left: 309px;
}


#line{ 
  position: absolute;
  left: 33px;
  top: 83px;
}


#okButton{
  margin:0;
  padding:0;
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 17px;
  height: 12px;
}


#status,
#screenname,
#front,
#back,
#orientation,
#comm,
#ep {
  position: absolute;
  top: 90px;
  left: 100px;
  width: 290px;
  height: 220px;
  font: 14px Helvetica;
  overflow: hidden;
  color: green;
  display: none;
}

#ep {
	top: 75px;
	left: 95px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
#back,
#screenname {
  top: 65px;
  height: 245px;
  font: 13px Helvetica;
}


#orientation {
  top: 80px;
  left: 90px;
  width: 310px;
  height: 230px;
}


#comm {
  top: 80px;
  left: 100px;
  width: 300px;
  height: 230px;
}


#comm,
#comm input,
#comm select { 
  font: 10px Helvetica;
}


#comm_prompt {
  position: absolute;
  bottom: 0px;
  left: 0px;
}


#comm_msg {
  position: absolute;
  width: 290px;
  bottom: 40px;
  left: 0px;
  overflow: hidden;
}


#status { 
  display: block;
}


#faq,
#taf,
#contact,
#links,
#history,
#hof,
#online,
#chathist {
  margin: 20px auto 0;
  padding: 0;
  position: relative;
  width: 500px;
  display: none;
  color: green;
  text-align: center;
  min-height: 380px;
}


#faq,
#history,
#hof { 
  text-align: left;
  width: 600px;
}


#history table,
#hof table,
#online table,
#chathist table { 
  margin: 0;
  text-align: left;
  width: 400px;
}


#online table,
#chathist table { 
  width: 500px;
}

th {
  font: bold 14px Helvetica;
}


#history td,
#hof td,
#online td,
#chathist td { 
  font: 12px Helvetica;
  width: auto;
  padding: 3px;
  vertical-align: top;
}


#chathist td { 
  padding: 0 3px;
}


#history img,
#hof img,
#online img { 
  vertical-align: text-top;
}


.split_menu,
#hof p a,
#history p a,
#online p a, 
#chathist p a { 
  color: green;
  font: normal 12px Helvetica;
}


#history div.scores,
#hof div.scores {
  position: absolute; 
  top: 0px;
  right: 0px;
  width: 150px;
  text-align: left;
  font: 12px Helvetica;
  padding: 5px 10px 10px;
  margin-left: 15px;
  border: 1px solid green;
}


#history div.data,
#hof div.data {
  width: 400px;
  text-align: left;
}


#stats{ 
  position: absolute;
  top: 45px;
  right: 48px;
  width: 125px;
  height: 140px;
  overflow: hidden;
}


#stats ul,
#sideboxleft ul,
#sideboxright ul,
#features ul,
iframe { 
  margin: 5px 0 5px 5px;
  padding: 0;
}


#stats ul li{ 
  font: 11px Helvetica;
  line-height: 12px;
  color: white;
  list-style: none;
  margin: 0;
  padding: 0;
}

#sideboxleft { 
  font: 10pt Arial;
  line-height: 12pt;
  color: green;
}


#sideboxleft ul li,
#sideboxleft ul li a,
#sideboxleft p,
#links p,
#links p a,
.adHeadline /* AdBrite */ { 
  font: 10pt Arial;
  line-height: 12pt;
  list-style: none;
  color: green;
  text-decoration: none;
  cursor: pointer;
}


#features {
  font: 10pt Arial;
  line-height: 12pt;
  color: green;
  text-decoration: none;
  height:600px;
  overflow:hidden;
}


#l2online ul li {
  list-style: none;
}

.adText { /* AdBrite */
	font: normal 8pt Arial;
	text-decoration: none;
	color: #CCCCCC;
	cursor: pointer;
}
   

.sound,
.toggle { 
  padding: 0;
  margin: 0 1px;
  border: 1px solid green;
}


.active { 
  background-color: green;
  color: white;
}


.cursor{
	vertical-align: 0;
	width: 8px;
	height: 12px;
}


#delicious, #digg, #stumble{
	vertical-align: middle;
	border: 0;
}


#soundmanager-debug {
 /* SM2 debug container (optional, makes debug more useable) */
 position:absolute;
 right:0px;
 top:300px;
 width:50em;
 height:18em;
 overflow:auto;
 background:#fff;
 margin:1em;
 padding:1em;
 border:1px solid #999;
 font-family:"lucida console",verdana,tahoma,"sans serif";
 font-size:x-small;
 line-height:1.5em;
 z-index: 50;
 opacity:0.9;
 filter:alpha(opacity=90);
}


h1 {
	font: 14px Helvetica;
	line-height: 14px;
	color: #ffffff;
	margin: 10px 0px 0px;
}


#links h1 {
	text-align: center;
}


#faq h1 {
	font-size: 14pt;
}


#faq h2 {
	font-size: 12pt;
}


#faq p {
	font-size: 10pt;
}


#header {
	color: green;
	font: 10px Helvetica;
	margin: 0 auto;
	width: 770px;
	height: 20px;
	text-align: center;
}


#footer {
	color: green;
	font: 10px Helvetica;
	margin: 0 auto;
	text-align: center;
}


#footer a {
	color: green;
}


#ld {
	background: rgb(24,13,117);
	display: none;
	opacity: 0.9; /* Safari, Opera */
	filter: alpha(opacity=90); /* IE */
	z-index: 20;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}


#ld_bd {
	display: none;
	position: absolute;
	top: -600px;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: 600px;
	z-index: 21;
	/*border: #000000 2px solid;*/
}

#armoury {
	background-image: url(../img/armoury.jpg);
	display: none;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	top: 0;
	left: 0;
	width: 950px;
	height: 600px;
}