/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 18, 2014, 5:14:58 PM
    Author     : emilysybrant
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 12, 2014, 7:34:02 PM
    Author     : emilysybrant
*/
h1 {
  font-weight: 600;
  font-size: 2em; }

.category-container h1 {
  font-size: 1.7em; }

.article-content-container h1 {
  font-size: 2.7em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.35em;
  font-weight: 600; }

h4 {
  font-size: .85em; }

h1, h2, h3, h4, h5, p {
  margin: 0; }

h1, h2, h3, h4 {
  font-family: "Roboto Slab", sans-serif;
  line-height: 115%; }

h2, h4 {
  font-weight: 400; }

a {
  text-decoration: none;
  color: #262626; }

p {
  font-weight: 300;
  line-height: 1.5em;
  margin-bottom: 24px; }
  p a {
    text-decoration: underline; }

ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

h5 {
  color: #b5b5b5;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: .7em; }

#pdf-archive form {
  text-align: center;
  font-size: 12px;
  margin: 15px auto; }
  #pdf-archive form select, #pdf-archive form button {
    background-color: #FCFCFC; }
  #pdf-archive form button {
    border: 1px solid grey;
    border-radius: 5px;
    cursor: pointer; }
#pdf-archive .pdf-preview-container {
  width: 200px;
  height: 300px;
  margin-right: 10px;
  margin-bottom: 20px;
  float: left; }
  #pdf-archive .pdf-preview-container:hover .date, #pdf-archive .pdf-preview-container.no-preview .date {
    display: block; }
  #pdf-archive .pdf-preview-container .date {
    display: none;
    width: 200px;
    height: 300px;
    position: absolute;
    line-height: 300px;
    text-align: center;
    background-color: black;
    color: white;
    opacity: 0.75; }
  #pdf-archive .pdf-preview-container .pdf-preview {
    width: 200px;
    height: 300px; }

.float-clear {
  clear: both; }

.sign-up-button {
  text-align: center; }
  .sign-up-button a, .sign-up-button .button {
    background-color: #D31C13;
    color: white;
    border-radius: 2px;
    padding: 10px 100px;
    text-decoration: none;
    display: inline-block; }
    .sign-up-button a:hover, .sign-up-button .button:hover {
      background-color: #ba1811; }

.static-house .feature-image {
  height: 300px;
  width: 100%;
  display: table; }
  .static-house .feature-image.feature-about {
    background: url("img/feature-about.png");
    background-size: cover; }
  .static-house .feature-image.feature-map {
    background: url("img/feature-map.png?v=2");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%; }
    @media (max-width: 600px) {
      .static-house .feature-image.feature-map {
        height: 200px; } }
  .static-house .feature-image.feature-staff {
    background: url("img/feature-staff.jpg");
    margin: auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover; }
  .static-house .feature-image.feature-get-involved {
    background: url("img/feature-get-involved.png") 50%;
    background-size: cover; }
  .static-house .feature-image.feature-get-involved2 {
    background: url("img/feature-get-involved2.jpg") 50%;
    background-size: cover; }
  .static-house .feature-image.feature-get-involved .tagline {
    margin-top: 30px; }
  .static-house .feature-image.feature-get-involved2 .tagline {
    margin-bottom: 30px; }
  .static-house .feature-image .title-container {
    display: table-cell;
    vertical-align: middle; }
  .static-house .feature-image .tagline {
    text-align: center;
    max-width: 800px;
    font-weight: 400;
    margin: auto;
    color: #FCFCFC; }
.static-house .static-nav {
  clear: both;
  border-bottom: 1px solid #CCC; }
  .static-house .static-nav .container {
    max-width: 960px;
    margin: auto; }
  .static-house .static-nav a {
    max-width: 320px;
    width: 33%;
    float: left;
    text-align: center;
    padding: 10px 0;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    text-decoration: none; }
    .static-house .static-nav a:hover, .static-house .static-nav a.current {
      padding-bottom: 7px;
      border-bottom: 3px solid #D31C13; }
.static-house .fact-list, .static-house .staff-list {
  margin-top: 20px; }
  .static-house .fact-list li, .static-house .staff-list li {
    float: left;
    width: 43.5%;
    padding: 1%;
    margin-bottom: 1%; }
.static-house .fact-list li {
  height: 50px; }
  .static-house .fact-list li.full {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    text-align: center; }
  .static-house .fact-list li.odd {
    margin-right: 1.5%;
    margin-left: 5%; }
  .static-house .fact-list li .icon {
    width: 48px;
    height: 48px;
    margin: 1px;
    margin-right: 20px;
    float: left; }
  .static-house .fact-list li .pub-day {
    font-weight: 100;
    font-size: 1.75em; }
  .static-house .fact-list li .num-copies-icon {
    background: url("img/static-icons/icon-newspaper.png") no-repeat; }
  .static-house .fact-list li .year-icon {
    background: url("img/static-icons/icon-year.png") no-repeat; }
  .static-house .fact-list li .num-views-icon {
    background: url("img/static-icons/icon-internet.png") no-repeat; }
  .static-house .fact-list li .editors-icon {
    background: url("img/static-icons/icon-people.png") no-repeat; }
  .static-house .fact-list li .banquet-icon {
    background: url("img/static-icons/icon-banquet.png") no-repeat; }
  .static-house .fact-list li .brunch-icon {
    background: url("img/static-icons/icon-brunch.png") no-repeat; }
  .static-house .fact-list li .day-night-icon {
    background: url("img/static-icons/icon-day-night.png") no-repeat; }
  .static-house .fact-list li .karaoke-icon {
    background: url("img/static-icons/icon-mic.png") no-repeat; }
  .static-house .fact-list li .popcorn-icon {
    background: url("img/static-icons/icon-popcorn.png") no-repeat; }
  .static-house .fact-list li .sports-icon {
    background: url("img/static-icons/icon-sports.png") no-repeat; }
  .static-house .fact-list li .pass-icon {
    background: url("img/static-icons/icon-pass.png") no-repeat; }
  .static-house .fact-list li .time-icon {
    background: url("img/static-icons/icon-time.png") no-repeat; }
@media (max-width: 750px) {
  .static-house .fact-list li {
    width: 90%;
    height: initial;
    margin-right: 5%;
    margin-left: 5%; } }
.static-house .rights-reserved {
  width: 90%;
  margin-right: 5%;
  padding-left: 5%;
  margin-top: 10px;
  clear: both; }
.static-house .staff-list {
  text-align: center; }
  .static-house .staff-list .person {
    margin-bottom: 5%; }
    .static-house .staff-list .person.left {
      margin-left: 4.5%; }
  .static-house .staff-list .person-container {
    width: 400px;
    margin: auto; }
  .static-house .staff-list .twitter {
    color: #55acee;
    text-decoration: none;
    display: block;
    text-align: center;
    margin-bottom: 5px;
    font-size: .85em; }
  .static-house .staff-list .staff-picture {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    float: left; }
  .static-house .staff-list .info-container {
    float: left;
    margin-top: 35px;
    width: 250px; }
  .static-house .staff-list .title {
    margin-top: 10px; }
  .static-house .staff-list .email {
    margin-top: 2px; }
  @media (max-width: 350px) {
    .static-house .staff-list .staff-picture {
      margin-left: 90px; }
    .static-house .staff-list .info-container {
      margin-top: 10px;
      margin-left: 2%;
      width: initial;
      display: block;
      clear: both;
      float: none; } }
  @media (max-width: 450px) {
    .static-house .staff-list .staff-picture {
      width: 100px;
      height: 100px; }
    .static-house .staff-list .info-container {
      margin-top: 10px;
      margin-left: 10%;
      width: 200px; } }
  @media (max-width: 800px) {
    .static-house .staff-list li {
      width: 90%;
      height: initial;
      margin-right: 5%;
      margin-left: 5%; } }
.static-house .get-involved .section-head {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px; }
.static-house .get-involved .fact-list {
  margin-top: 0; }
.static-house .alumni-list {
  text-align: center; }
  .static-house .alumni-list .nytimes {
    background: url("img/logo-nytimes.png") 50% no-repeat;
    background-size: contain;
    opacity: .75; }
  .static-house .alumni-list .washington-post {
    background: url("img/logo-washington-post.png") 50% no-repeat;
    background-size: contain; }
  .static-house .alumni-list .vox {
    background: url("img/logo-vox.png") 50% no-repeat;
    background-size: contain;
    opacity: .9; }
  .static-house .alumni-list .wsj {
    background: url("img/logo-wsj.png") 50% no-repeat;
    background-size: contain; }
  .static-house .alumni-list .cnn {
    background: url("img/logo-cnn.png") 50% no-repeat;
    background-size: contain;
    opacity: .65; }
  .static-house .alumni-list li {
    width: 150px;
    height: 150px;
    display: inline-block;
    margin: 0 2% 10px; }
    .static-house .alumni-list li.full {
      width: 90%;
      height: initial;
      margin: 0 5%;
      text-align: center; }
      .static-house .alumni-list li.full p {
        margin: 0; }
  @media (max-width: 500px) {
    .static-house .alumni-list li {
      margin-top: 10px;
      width: 90%;
      height: 75px; } }
.static-house .signup-footer {
  text-align: center;
  margin-top: 30px; }
  .static-house .signup-footer .tagline {
    margin-bottom: 30px; }

.sign-up-form {
  max-width: 500px;
  margin: auto; }
  .sign-up-form label {
    font-family: "Roboto Condensed", sans-serif; }
  .sign-up-form p {
    margin: 0;
    margin-bottom: 5px; }
  .sign-up-form h2 {
    clear: both;
    margin-bottom: 5px; }
  .sign-up-form section {
    margin-top: 25px; }
  .sign-up-form section.about .field-container {
    float: left;
    margin-bottom: 10px; }
    @media (max-width: 550px) {
      .sign-up-form section.about .field-container {
        width: 95%; }
        .sign-up-form section.about .field-container input {
          width: 100%; } }
    .sign-up-form section.about .field-container.name .last-name {
      margin-left: 10px; }
      @media (max-width: 550px) {
        .sign-up-form section.about .field-container.name .last-name {
          margin-left: 0; } }
    .sign-up-form section.about .field-container.phone {
      margin-left: 10px; }
      @media (max-width: 550px) {
        .sign-up-form section.about .field-container.phone {
          margin-left: 0; } }
    .sign-up-form section.about .field-container.class {
      margin-left: 10px; }
      @media (max-width: 550px) {
        .sign-up-form section.about .field-container.class {
          margin-left: 0; } }
  .sign-up-form section.about label {
    font-size: .9em;
    display: block; }
  .sign-up-form section.about input {
    font-family: "Roboto", sans-serif;
    font-size: 1em;
    border: 1px solid #909090;
    padding: 8px;
    outline: none;
    margin: 0;
    width: 227px; }
    @media (max-width: 550px) {
      .sign-up-form section.about input {
        width: 100%; } }
  @media (max-width: 550px) {
    .sign-up-form section.about .last-name {
      margin-top: 10px; } }
  .sign-up-form section.about .email {
    clear: both; }
  .sign-up-form section.about .phone input {
    width: 120px; }
    @media (max-width: 550px) {
      .sign-up-form section.about .phone input {
        width: 100%; } }
  .sign-up-form section.about .class input {
    width: 79px; }
    @media (max-width: 550px) {
      .sign-up-form section.about .class input {
        width: 100%; } }
  .sign-up-form .section-list li {
    float: left;
    width: 50%; }
    @media (max-width: 550px) {
      .sign-up-form .section-list li {
        width: 100%; } }
  .sign-up-form section.additional textarea {
    height: 150px;
    width: 498px;
    resize: none;
    border: 1px solid #909090;
    outline: none;
    margin: 0;
    padding: 0; }
    @media (max-width: 550px) {
      .sign-up-form section.additional textarea {
        width: 100%; } }
  .sign-up-form .sign-up-button .button {
    width: 100%;
    border: none;
    cursor: pointer;
    font-size: 1em;
    margin-top: 15px; }
  .sign-up-form .hide {
    display: none; }

/*# sourceMappingURL=billy_style.css.map */