@import url(https://fonts.googleapis.com/css?family=Ubuntu|Open+Sans);

body {
 margin: 0 auto;
 max-width: 1024px;
 font-family: "Open sans", Verdana, Arial;
 font-size: 14px;
}

h1, h2, h3 {
 font-family: "Ubuntu", Arial, sans-serif;
 text-shadow: #aaa 1px 1px 1px;
 text-transform:lowercase;
 font-weight: lighter;
}

#header, #navbar, #content, #footer {
  clear: both;
}

#header {
  margin-left: 100px;
  margin-right: 100px;
  margin-top: 0px;
}

#header h1 {
  float: left;
}

#navbar h1 a {
  color: black;
  text-decoration: none;
}

a img {
  border-width: 0px;
}

#navbar {
  padding: 8px 100px;
  margin-bottom: 30px;
  background-color: #56aaff;
  color: #3f454f;
  background: -webkit-gradient(linear, left top, left bottom, from(#7bbbf7), to(#56aaff));
  background: -moz-linear-gradient(top,  #86c0f9, #56aaff);
  font-family: "Ubuntu", Arial, sans-serif;
  border-bottom: 12px solid #DE9F00;
  min-height: 200px;
}

#navbar #qrcode {
  float: left;
  margin-right: 20px;
  margin-top: 2px;
}

#navbar a {
  color: #efefe6;
  text-decoration: none;
}

#navbar a:hover {
  color: white;
}

#menu {
  font-size: 16px;
}

#menu a {
  text-transform:lowercase
}

#menu a.disabled {
 color: #3f454f;
 font-style: italic;
}

ul.horizontal {
 list-style: none;
 float: right;
}

ul.horizontal li {
 display: inline;
}

#navbar ul.horizontal li {
  margin-left: 20px;
}

#content {
 margin-left: 100px;
 margin-right: 100px;
}

#content div {
  max-width: 850px
}

#content #about img:first-child {
  float: left;
  margin-right: 7px;
}

#footer {
  width: 800px;
  margin: 0 auto;
  padding-top: 50px;
  margin-bottom: 20px;
}