/* Columns: 10% | (12.5%)[8] | 10% */
@font-face {
	font-family: 'CodeBoldRegular';
	src: url('type/code_bold-webfont.eot');
	src: local('☺'), url('type/code_bold-webfont.woff') format('woff'), url('type/code_bold-webfont.ttf') format('truetype'), url('type/code_bold-webfont.svg#webfont0wQYhRm3') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CodeLightRegular';
	src: url('type/code_light-webfont.eot');
	src: local('☺'), url('type/code_light-webfont.woff') format('woff'), url('type/code_light-webfont.ttf') format('truetype'), url('type/code_light-webfont.svg#webfontlAD2DpIv') format('svg');
	font-weight: normal;
	font-style: normal;
}
html {
  background: #2b2633 url('img/background.png') 50% 0% fixed no-repeat;
  }
body {
  padding: 0 10% 48px 10%;
  background: transparent url('img/phone.png') 40% top no-repeat;
  }
.content {
  background: transparent url('img/content-bg.png') left top repeat-x;
  padding-top: 180px;
  /* padding-top: 210px; /* Only during workshop promo */
  }
  div.home {
    padding-top: 96px;
    /* padding-top: 126px; /* Only during workshop promo */
    }
.intro {
  color: #768d7d;
  text-shadow: 1px 1px 4px #000;
  }
h1 {
  font-size: 144px;
  }
  h1.toolong { 
    font-size: 124px;
    line-height: 1em;
    }
  h1, h2 {
    font-family: 'CodeLightRegular', Arial, sans-serif; 
    letter-spacing: 2px;
    }
  section h1 {
    position: static;
    }
  h1, .dateloc {
    -webkit-text-shadow: 0px 0px 6px #000;
    -moz-text-shadow: 0px 0px 6px #000;
    text-shadow: 0px 0px 6px #000;
    }
h1#logo {
  margin-top: 0;
  margin-bottom: 0;
  width: 50%;
  }
  h1#logo,
  #speakers {
    max-width: 670px;
    }
  p#logo {
    position: absolute;
    top: 0;
    /* top: 30px; /* Only during workshop promo */
    left: 20%;
    width: 18.5%;
    margin-top: 0;
    padding: 6em 2% 1em 2%;
    }
  h1#logo, h1 {
    position:relative;
    left: -2%;
    }
.maincontent, aside {
  margin-left: 2.5%;
  margin-right: 2.5%;
  padding: 1px 2%;
  }
nav {
  position: absolute;
  top: 0;
  /* top: 30px; /* Only during workshop promo */
  left: 8%;
  width: auto;
  padding: 0 2%;
  background-color: #3d3649;
  background-color: rgba(0,0,0,0.2);
  }
  nav a {
    font-size: 93%;
    }
  nav a, nav a:visited, section h1 {
    font-family: 'CodeBoldRegular', Arial, sans-serif;
    letter-spacing: 2px;
    }
    nav a:hover, .nav a:active { color: #fff; }
.skip { display: none; }
.intro,
.dateloc {
  margin-left: 2.5%;
  margin-right: 2.5%;
  }
  .dateloc {
    font: 138.5% 'CodeBoldRegular', Arial, sans-serif;
    letter-spacing: 3px;
    text-align: center;
    }
.right {
  margin-top: 1.5em;
  }
aside,
p#logo,
.maincontent {
  background-color: #2b2633;
  background-color: rgba(0,0,0,0.2);
  }
  aside {
    margin-top: 2em;
    }
    aside #sponsors {
      padding-bottom: 1.5em;
      border-bottom: 1px dotted #768d7d;
      }
.generated label {
    display: inline-block;
    width: 8em;
    padding-right: .5em;
    vertical-align: top;
    text-align: right;
    }
    input.submit {
      margin-left: 9em;
      border: none;
      background-color: #768d7d;
      color: #2b2633;
      -webkit-box-shadow: 0px 0px 6px #000;
      -moz-box-shadow: 0px 0px 6px #000;
      box-shadow: 0px 0px 6px #000;
      }
form.mailchimp {
  background: rgb(102,95,114);
  background: -moz-linear-gradient(top, rgba(102,95,114,1) 0%, rgba(72,63,86,1) 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,95,114,1)), color-stop(100%,rgba(72,63,86,1))); 
  background: -webkit-linear-gradient(top, rgba(102,95,114,1) 0%,rgba(72,63,86,1) 100%); 
  background: -o-linear-gradient(top, rgba(102,95,114,1) 0%,rgba(72,63,86,1) 100%); 
  background: -ms-linear-gradient(top, rgba(102,95,114,1) 0%,rgba(72,63,86,1) 100%); 
  background: linear-gradient(top, rgba(102,95,114,1) 0%,rgba(72,63,86,1) 100%); 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  border-radius: 4px;
  }
  form.mailchimp label { 
    text-align: left;
    text-shadow: 1px 1px 1px #2b2633;
    width: auto;
    }
  #mailchimp-mail { width: 100%; }
  form.mailchimp p { display: inline-block; }
  form.mailchimp input.submit { 
    margin-left: 0; 
    -moz-box-shadow: 0px 0px 3px #2b2633; 
    -webkit-box-shadow: 0px 0px 3px #2b2633; 
    box-shadow: 0px 0px 3px #2b2633;
    text-shadow: 1px 1px 0px #96b39e; 
    }
    form.mailchimp input.submit:hover {
      background-color: #96b39e;
      }