body {
  padding: 0;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
}

a {
  color: #9CF;
  text-decoration: none;
}

header, footer {
  padding: 100px;
}

section {
  padding: 50px 100px;
}

footer {
  border-top: 5px solid #DDD;
  padding: 25px 100px;
  background: #333;
  color: #EFEFEF;
}

header {
  background-image: url(/assets/header-c950089daa8b40fdc65d12f5240ba6192b625ff0b7d72e3a9a50f1c5b5712d2c.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

ul {
  list-style: none;
  padding-left: 0;
}

ul.block li {
  padding: 10px 0;
}

ul.block li span, ul.block li a {
  background: #222;
  color: #EFEFEF;
  padding: 5px;
}

#this-week span {
  padding: 5px;
  display: inline-block;
}

#this-week .title span {
  background-color: #EEE;
  color: #222;
}

#this-week .time-and-location span {
  background-color: #222;
  color: #EEE;
}

#this-week .route span {
  background-color: #222;
  color: #BBB;
  font-style: italic;
}

#this-week h1, #this-week h2, #this-week h4 {
  margin: 10px 0;
}

#this-week h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 65px;
}

#rides {
  color: #333;
  border-top: 5px solid #DDD;
  background-image: url(/assets/rides-19bac9b3d1605a525cbb81e71d682a2944e7c7b3196f3e367042f6fc03b06352.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#guidelines {
  border-top: 5px solid #DDD;
}

#guidelines li {
  padding: 10px 0;
}

#guidelines li span {
  background: #222;
  color: #EFEFEF;
  padding: 5px;
}

#about {
  border-top: 5px solid #DDD;
  background: #333;
  color: #EFEFEF;
}

#get-in-touch {
  border-top: 5px solid #DDD;
  background: #EEE;
}

#get-in-touch .contribute a {
  color: #999;
}

#global-message {
  border-top: 5px solid #DDD;
  background: #333;
  color: #EFEFEF;
  text-align: center;
  padding: 5px;
}

.box {
  background: #333;
  color: #eee;
  width: 45%;
}
.box header, .box div {
  padding: 10px;
}
.box .wrapper {
  min-height: 300px;
}
.box header {
  background: #444;
}
.box header h2, .box header h4 {
  margin: 15px 0;
}
.box header h2 small, .box header h4 small {
  color: #AAA;
  font-size: 18px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.center {
  text-align: center;
}