/**
 * Screen styles
 *
 * @author Alec Hill
 */

/*-- General ---*/

body {
  margin:0;
  padding:0;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:0.9em;
  line-height:150%;
  overflow-y:hidden;
}

a,
a:link,
a:visited {
  outline:none;
  text-decoration:none;
}

a:hover {
}

a.image_link,
a.image_link:link,
a.image_link:visited,
a.image_link:hover {
  display:block;
  border:0;
}

a.image_link img {
  border:0;
}

h1 {
  font-size:180%;
  margin-bottom:10px;
}

h2 {
  font-size:150%;
}

h3 {
  font-size:120%;
}

h4 {
  font-size:110%;
}

h2,
h3,
h4 {
  padding:0 0 10px 0;
  margin:0 0 10px 0;
}

hr {
  margin:10px 0;
  border:0;
  height:2px;
}

p {
  margin:15px 0 0 0;
}

ul {
  padding:0;
}

li {
  list-style: square inside;
}

/*--- Helpers ---*/

.clear {
  clear:both;
}

.clear_content {
  overflow:hidden;
}

.center_container {
  margin:0 auto;
  width:880px;
}

.block {
  float:left;
  margin:20px 20px 0 0;
  width:280px;
  font-size:80%;
}

.block:last-child {
  margin-right:0;
}







/*--- Containers ---*/

#skip {
  display:none;
}

#bg {
}

#header,
#main {
  width:940px;
  margin:0 auto;
}

#main {
  padding:20px 0;
}

#footer {
  padding:0 0 20px 0;
  font-size:80%;
  min-height:200px;
  min-height:1200px;
}

#header {
  height: 450px;
  overflow:hidden;
}

/*--- Top bar ---*/

#topbar {
  height: 60px;
  position:absolute;
  width:100%;
  
}

#topbar h1 {
  float:right;
  width:141px;
  height:30px;
  padding:0;
  margin:14px 0;
  text-indent:-999em;
}


/*--- Scene ---*/

#scene {
  position:absolute;
  height: 450px;
  width:880px;
  overflow:hidden;
}

#slideShow {
  position:absolute;
  top:23px;
  left:122px;
  width:428px;
  height:427px;
  z-index: 1;
}

#slideShowLink {
  display:block;
  position:absolute;
  top:23px;
  left:122px;
  width:428px;
  height:385px;
  z-index: 4;
  text-indent: -999em;
  border:none;
}

#projection {
  position:absolute;
  top:28px;
  left:127px;
  width:609px;
  height:392px;
  z-index: 3;
}

#projector {
  position:absolute;
  top:212px;
  left:694px;
  width:158px;
  height:304px;
  z-index: 2;
}




#gitseen_alechill {
	margin-top:30px;
	width:200px;
}

/*--- Javascript related (to be accompanied by js_overrides.css) ---*/

.no_js_no_show {
	display:none;
}

.fade_slide {
	position: absolute;
	top: 20px;
	left: 20px;
}

.fade_slide img {
	overflow: hidden;
}