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

html, body {
  height: 100%;  
}
body {
  margin: 0;
  padding: 0;
  background-color: #1f1f1f;
}
#wrapper {
  background: #000;
}
#page_content div.content_twocolumn.even {
  margin: 10px auto 20px auto;
  float: none;
  padding-bottom: 0;
}

#page h1 {
display: block;
width: 325px;
margin: 0 auto;
position: relative;
}

a#logo, h2#refuel, h2#definition, .feature h3 {
  text-indent: -999em;
}

#page h1 a#logo {
  text-indent: -999em;
  display: block;
  background-image: url(../images/home/zappn-logo.png);
  width: 325px;
  height: 95px;
}

#page {
	width: 800px;
    padding-top: 55px;
    background: #000 url(../images/home/radial-grad-bg.jpg) no-repeat center top; 
    min-height: 645px;
    height: 100%;   
}

#page_content.learn {
  text-align: left;
  width: 650px;
  font-size: 1.1em;
  padding: 0 20px;
}
.learn ul {
  color: #fff;
  padding: 0 0 0 40px;
}
.learn p {
  margin: 1em 0;
  color: #fff;
}

h2#refuel {
  display: block;
  width: 429px;
  height: 48px;
  padding: 0;
  background: url(../images/home/zappn-relaunch.png) no-repeat;
  background-position: center center; 
  margin: 5px auto;
}
h2#definition a {
  display: block;
  padding: 0;
  background-image: url(../images/home/definition.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 576px;
  height: 50px;
  margin: 20px auto;
}
h2#definition.nolink a {
  background-image: url(../images/home/definition-nolink.png);
}

h2#definition {
  padding: 0;
}
h3 {
  background: none;
}
.feature {
  width: 260px;
  float: left;
}
.feature h3 {
  padding: 0;
}
#iphone {
  background: url(../images/home/iphone-app.png) no-repeat center;
  height: 37px;
}
#zappn_com {
  background: url(../images/home/zappn.com.png) no-repeat center;
  height: 37px;
}
#feeds {
  background: url(../images/home/feeds.png) no-repeat center;
  height: 37px;
}

#page_content {
  margin: 30px 0 0 0 ;
}

#top_nav li h2 a {
  float: none;
}

#page #top_nav li {
  padding-left: 25px;
  background-position: 0 5px;
}

#form {
  width: 334px;
  margin: 10px auto 40px;
  background: #68bd2b url(../images/home/form-bg.png) repeat-x;    
  color: #000;
}
input#mce-EMAIL {
  font-size: 20px;
  width: 280px;
  display: block;
  float: left;
  height: 24px;
}

#mc-embedded-subscribe-form fieldset div.mc-field-group {
  width: 330px;
  float:left;
  padding:2px 4px ;
}

#form fieldset div.submit {
  float: left;
  display: block;
  width: 100px;
}
#form fieldset {
  margin: 0;
  display: block;
}

#mc-embedded-subscribe {
  margin: 0 4px 0 0;
  float: left;
  display: block;
  height: 30px;
  width: 40px;
  text-indent: -999em;
  background: url(../images/home/go.png) no-repeat;
}
.mc-field-group label {
  display: none;
}
#footer {
  
  height: 70px;
  margin: 0;
  padding: 30px 0 10px 0;
  background: #1f1f1f url(../images/home/footer.png) repeat-x;
  width: 100%;
  position: relative;
  z-index: 100;
}

#footer div.links {
  float: left;
  width: 400px;
  padding-left: 20px;
  text-align: left;
}
.links a {
  color: #ccc;
  padding: 0 .3em;
}
.links a:hover {
  text-decoration: underline;
}
#footer div {
  width: 780px;
  margin: 0 auto;
  padding-right: 20px;
}
#footer div div {
  width: 500px;
  float: right;  
}
.white {
  color: #fff;
}
#footer .events {
  padding: 0;
}
li#signup {
  background: url(../images/home/signup.png) no-repeat;
}
li#login {
  background: url(../images/home/login.png) no-repeat;
}
#page_content .content_twocolumn.even h2 {
  font-size: 1.5em;
  font-weight: bold;
  padding:18px 0 0 0;
  margin: 0;
}

object {
  margin: 20px 0;
}
#page_content .content_twocolumn.even h3 {
  font-size: 1.2em;
  font-weight: normal;
  margin: 0;
  background: none;
}
#page_content .content_twocolumn.even h3 a{
  color: #fff;
  text-decoration: none;
}
#page_content .content_twocolumn.even h3 a:hover {
  text-decoration: underline;
}
.even .content_twocolumn_right, .even .content_twocolumn_left {
	margin-bottom: 5px;
	padding: 5px 0;
	width: 380px;
background: url(../images/backgrounds/bkg_twocolumn_even_top_norule.png) no-repeat; 
}
.even .content_twocolumn_left.spot {
	padding:0 0 0 0;
	width: 380px;
	margin-bottom:5px ;}
.even .content_twocolumn_right {
  margin-left: 20px;
}
.even .content_twocolumn_right div, .even .content_twocolumn_left div{
background: url(../images/home/vertical_rule.png) no-repeat 0 5px;
float: right;
width: 280px;
padding: 0 0 15px 20px;
}
.even .content_twocolumn_left.spot div{
background: url(../images/home/vertical_rule.png) no-repeat 0 5px;
float: right;
width: 228px;
padding: 0;
}
.even .content_twocolumn_left.spot div.left{
background: none;
float: left;
width: 100px;
padding: 0 0 15px 20px;
}
.even .content_twocolumn_right img, .even .content_twocolumn_left img{
padding: 20px 10px 0 20px;
float: left;
}
.even .content_twocolumn_left.spot img{
padding: 0;
float: left;
margin-bottom: -4px;
}
img#iphone {
  padding-top: 15px;
}

#top_nav {
  float: right;
}

/* @group search */

#new_search {
	width: 755px;
  float: none;
  margin: 30px 0 0 106px;
}
#new_search #search_keyword {
  margin-top: 2px;	
  padding: 9px;
  width: 680px;
  font-size: 1.5em;
}
#new_search input#search_submit {
  width: 45px;
  height: 45px;
  background: url(../images/icons/search_large.png) no-repeat 0 0;
}

#learn_nav {
  padding: 20px 35px;
  position: absolute;
  right: 0;
  bottom: 0;
}
#learn_nav.reverse {
  padding-left: 20px;
  left: 0;
}

#mc-embedded-subscribe-form fieldset div.mc-field-group div.mce_inline_error {
  position: absolute;
  width: 316px !important;
  margin-top: 40px !important;
}

#mce-success-response {
  padding: 5px;
}
#learn_nav.reverse a {
  text-align: left;
}
#learn_nav a {
  text-decoration: none;
  text-align: right;
  display: block;
  font-size: 1.2em;
}
#learn_nav a img {
  vertical-align: text-bottom;
}
/* @end */