/* default css */

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	border: 0px solid;
	font-weight: normal;
}

html,
body {
  height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font: 10px/1.6em 'monaco', 'andale mono', 'lucida console', 'bitstream vera sans', monospace;
	color: #69a900;
	text-shadow: #000 0 0 0;
	background: #000;
	  min-width: 800px;
	overflow: hidden;
	overflow-y: auto;
}

a:link img,
a:visited img {
	border: none;
	padding: 0;
}

embed,
object {
	display: block;
}

/* basic site typography */

a {
	outline: none;
	text-decoration: none;
	color: #69a900;
	text-transform: uppercase;
	cursor: pointer;
	padding: 0 2px;
}

a:hover,
a.current {
	background: #69a900;
	color: #000;
}

#right a.current {
	background: #fff;
	color: #000;
}

#main a {
  	background: #69a900;
	color: #000;
}

#main a:hover,
#main a.current {
		background: #000;
	color: #69a900;
}


p {
	margin: 0 0 1em 0;
}

li {
	list-style: none;
}

h1 {
	background: #000 url('/images/control-alt-delete.gif');
	width: 126px;
	height: 105px;
	text-indent: -100em;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 50px;
}

h2 {
	text-transform: uppercase;
	margin-top: 5em;
}

h3 {
	margin-top: 2em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

strong {
    text-transform: uppercase;
  color: #FFF;
}


/* layout */

#container {
  width: 200%;
  height: 100%;
    min-height: 500px;
  overflow: hidden;
}

#left {
	float: left;
  background: #000 url('/images/background.jpg') no-repeat top left;
  width: 50%;
  height: 100%;
      min-height: 500px;
  margin: 0 0;
  position: relative;
}

#content {
  padding-top: 50px;
  padding-left: 150px;
  width: 46em;
  overflow: hidden;
}

#right {
	float: left;
	  height: 100%;
  background: #fff;
  width: 800px;
  position: relative;
}


/* left */

#main {
  height: 33em;
  padding-bottom: 30px;
}


#top {
  height: 125px;
  overflow: hidden;
}

#top p strong {
  margin-right: 6em;
}

#nav {
	position: absolute;
	bottom: 2em;
	left: 150px;
  width: 45em;
  text-transform: uppercase;
  height: 30px;
}

#nav li {
  float: left;
  margin-right: .75em;
}

.rule {
	display: block !important;
 margin: -.35em 0 0 0 !important;
 width: 100% !important;
 letter-spacing: .25em;
 height: 1.5em;
 overflow: hidden;
}

#nav .rule {
   padding-bottom: 0em;
}

#site-by {
  position: absolute;
  bottom: 20px;
  right: 25px;
  color: #2a2a2a;
}

#site-by:hover {
  color: #fff;
  background: transparent;
}

/* right */


#image {
  position: absolute;
  bottom: 0;
  left: 0;
}

#image img {
  width: 800px;
}

#image ul {
  position: absolute;
  bottom: 2em;
  left: 100px;  
   width: 600px;
}

#image ul li {
  float: left;
  width: 7em;
  text-transform: uppercase;
    color: #fff;
}

#image ul li a {
  color: #fff;
}

#image ul li a:hover {
  color: #000;
  background-color: #fff;
}


#image ul li.last {
  float: right;
  text-align: right;
}

#image #caption {
  text-align: right;
  margin-bottom: 30px;
  margin-right: 100px;
  color: #000;
}

#caption .credit {
  color: #00c1f4;
}


/* news */

.stills #main li p,
.news #main li p {
  display: inline;
}

#main ol {
  margin-top: 2em;
}

.stills #main li,
.news #main li {
  	margin: 0 0 1em 0;
}

.about #main li {
  margin-bottom: .5em;
}

.stills #top,
.news #top,
.about #top {
  height: 65px;
}


/* intro */

.intro #top p {
	display: none; 
}

.intro #nav,
.intro h1 {
	visibility: hidden;
}

.intro #strong {
  text-transform: uppercase;
  color: #FFF;
}

#cursor {
  background: #69a900;
}

.intro #site-by {
  display: none;
}