/* Grid Setup */
/* Imports */
/*
  Based on code by Olav Bjorkoy: http://bjorkoy.com/2010/05/css-grids-with-sass/
  and http://960.gs

  Choose a grid width, the number of columns and the margin between columns.
  The result of the following equation has to be an integer, not a fraction:
  
  (width - (columns - 1) * col_margin) / columns = N
*/
/* total with of page */
/* number of columns */
/* margin between columns */
/* math magic */
/* create row div */
/* create a column div */
/* make an element span n columns */
/* the first column in a nested row needs this */
/* the last column in a nested row needs this */
/* prepend n blank columns */
/* append n blank columns */
/* HTML5 tags */
/* line 10, ../src/layout.scss */
article, aside, header, hgroup, nav, figure, section, footer {
  display: block;
}

/* line 12, ../src/layout.scss */
body {
  background: #000;
  padding: 10px 0;
}
/* line 17, ../src/layout.scss */
body > header,
body > footer {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  overflow: hidden;
  *zoom: 1;
}
/* line 19, ../src/layout.scss */
body > footer {
  color: #fff;
  padding-top: 10px;
}
/* line 22, ../src/layout.scss */
body > footer .copyright {
  margin-left: 12px;
}

/* line 26, ../src/layout.scss */
#logo {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('/images/logo.png?1280970134');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 424px;
  height: 100px;
  margin: 0;
}

/* line 31, ../src/layout.scss */
#wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  overflow: hidden;
  *zoom: 1;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
  background: #fff;
}
/* line 36, ../src/layout.scss */
#wrapper > nav {
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ee6030), color-stop(100%, #c40f0f));
  background-image: -moz-linear-gradient(top, #ee6030 0%, #c40f0f 100%);
  background-image: linear-gradient(top, #ee6030 0%, #c40f0f 100%);
  -moz-border-radius-topleft: 12px;
  -webkit-border-top-left-radius: 12px;
  -o-border-top-left-radius: 12px;
  -ms-border-top-left-radius: 12px;
  -khtml-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  -moz-border-radius-topright: 12px;
  -webkit-border-top-right-radius: 12px;
  -o-border-top-right-radius: 12px;
  -ms-border-top-right-radius: 12px;
  -khtml-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom: 1px solid #b54f39;
  height: 20px;
  margin-bottom: 20px;
}

/* line 45, ../src/layout.scss */
.content {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  overflow: hidden;
  *zoom: 1;
  border-bottom: 3px solid #ee6030;
  margin-bottom: 0;
  padding-bottom: 20px;
}
/* line 51, ../src/layout.scss */
.content > article {
  float: left;
  display: inline;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  width: 640px;
  padding-left: 60px;
}
/* line 55, ../src/layout.scss */
.content > aside {
  float: left;
  display: inline;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  width: 160px;
  padding-right: 60px;
}

/* line 61, ../src/layout.scss */
.screenshot {
  float: left;
  display: inline;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  width: 460px;
  float: right;
  margin-right: -240px;
  margin-left: 20px;
}

/* line 68, ../src/layout.scss */
#contact_form {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  overflow: hidden;
  *zoom: 1;
  padding-left: 60px;
  padding-right: 60px;
  background: #f0f0f0;
  padding-top: 20px;
  border-bottom: 12px solid #e52318;
}
/* line 76, ../src/layout.scss */
#contact_form form.wufoo {
  background-color: none;
}