/* @override http://localhost:3000/stylesheets/home.css */

body#home {
  background:#93B7C4;
  padding: 0;
  margin: 0;
}
.container {
  background: #222;
  border-top: 5px solid #111;
  border-bottom: none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;  
  -webkit-border-radius:0;
  -moz-border-radius:0;
  padding: 20px ;  
}
.black {
  min-height: auto;
  height: auto;
}
.content {
  width: 800px;
  margin: 0 auto;
}
.wrapper {
  background: #93b7c4 url(../images/home/skies.png) center;
  border-bottom: 5px solid #000;
  min-width: 795px;
  padding: 0;
}
#split-holder.container {
  padding: 0;
  border: none;
  background: url(../images/home/combined_ground.png) no-repeat center 309px;min-width: 795px;
}
.extension {
  width: 100%;
}

h2 {
  font-size: 2em;
}
h2, h3, h4, h5 {
  color: #ccc;
  margin: 0 0 1em 0;
}

.col.left {
  width: 380px;
}
.col.right {
  width: 400px;
}

#lines {
  position: absolute;
  text-align: center;
  margin: 0;
  left: -50px;
  top: 90px;
  padding: 0;
  min-width: 795px;
  width: 100%;
}
#operator {
  position: absolute;
  width: 794px;
}
#operator h1 {
  color: #eee;	
  font:84px 'Share TechMono', Courier, mono;
  display: block;
  height: 80px;
  overflow: hidden;
  margin: 0;
  padding-bottom: 25px;
  text-align: center;
  text-shadow: #777 0 4px 0;
}

#night-time {
	float: left;
  background: #333 url(../images/home/stars.png) repeat 0 -1px;
  width: 394px;
  padding: 0;
  height: 100%;
}
.field {
  margin: 15px 30px;  
}
p{
  color: #ddd;
  font-family: 'BPreplay', 'Lucida Grande';  
  text-shadow: #000 0 3px 1px;
  line-height: 1.5em;
}
.sky {
  height: 300px;
}
#night-time .sky {
  background: url(../images/home/moon.png) no-repeat 30px 50px;
}
#night-time .ground {
 background: #27232D url(../images/home/left_ground_large.png) no-repeat right 0; 
 width: 100%;
 padding-top: 70px;
 margin-top: 2px;
 height: 85px;
}
img#night-buildings {
  margin-left: 135px;
}
#day-time {
  float: left;
  width: 400px;
}
#day-time .sky {
  background: url(../images/home/sun.png) no-repeat 70px 40px;
}
#day-time .ground {
 width: 100%;
background: transparent;
  padding-top: 15px;
  height: 142px;
}
img#day-buildings {
  margin-left: 38px;

}
object {
  border: 4px solid #111;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;  
  width: 380px;
  margin: 0 auto 0 5px;
}

.footer.redev, .push {
	background:#11;  
	padding: 2em;
}
footer.redev {
  background: #222;  
}
.push {
	border-top: 5px solid #111;  
}

.button.big {
  font-family:'BPreplay', 'Lucida Grande';  
  text-align: center;
  font-weight: bold;
  width: 340px;
  font-size: 2.5em;
}

/* @group stuff from base */

.button, fieldset.buttons li input {
  display: inline-block;
  margin: 5px 0;
  border: none;
  position: relative;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  text-decoration: none;
  padding: .3em .5em;
  border-bottom: 1px solid rgba(144, 142, 139, 1);  
  background-color: #aaa;  
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(184, 192, 189, 1)),to(rgba(144, 142, 139, 1)));
  -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, .8);
  color: #000;
  text-shadow: #d6d6d6 0 1px 0;
  font: .8em "Lucida Grande", Lucida, Verdana, sans-serif;
}


.left {
  float: left;
}

.right {
  float: right;
}


.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}
.clear-r {
  clear: right;
}
.clear-l {
  clear: left;
}

.wrapper {
	height: auto !important;
}
.black {
  background: #111;
  min-height: 100%;  
}
html, body {
	height: 100%;
}
.wrapper {
	min-width: 560px;
	height: auto !important;
}

.footer.redev, .push {
	height: 50px; /* .push must be the same height as .footer */
}

.footer.redev {
	padding: 10px 30px;
  color: #000;
  font: 70% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.footer.redev a {
  color: #999;
  text-decoration: none;
  padding-bottom: .3em;
}
.footer.redev a:hover {
  border-bottom: .2em solid #666;
}
.footer.redev img {
  vertical-align: middle;
  margin-right: 10px;
}
.footer.redeve.white, .footer.redev.white a {
  color: #fff;
}
.footer.redev.white a:hover {
  border-bottom: .2em solid #ddd;
}

.button:hover{
  top: 1px;
  -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, .6);    
  border-bottom: 1px solid rgba(144, 142, 139, 1);
}
.button:active{
  border-bottom: 1px solid rgba(0,0,0,.6);
  top: 3px;
  -webkit-box-shadow:0 -2px 1px rgba(180, 180, 180, .5); 
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(164, 172, 169, 1)),to(rgba(104, 102, 99, 1)));
}
/* @end */