body {
  background: url(/img/noise.jpg);
}

h3 {
  margin-top: 20px;
  line-height: 28px;
}

/* old bootstrap has a bug in firefox */
.thumbnails li {
  float: none;
}

@media (max-width: 767px) {
  body {
    padding-left: 0px;
    padding-right: 0px;
  }
  .navbar-fixed-top {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }  
}
@media (max-width: 979px) {
  body {
    padding-left: 0px;
    padding-right: 0px;
  }
  .navbar-fixed-top {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }  
}

.container {
  padding: 0 10px;
}

.navbar {
  margin-bottom: 0;
}


.hero-unit {
  background: url(/img/title-bkg.jpg) top center no-repeat;
  padding: 20px 10px;
  text-align: center;
  border-radius: 0;
  margin-bottom: 30px;
}
.hero-unit h1 {
  color: #eee;
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 36pt;
  border-bottom: none;
  font-weight: normal;
}

.section {
  background-color: #fff;
  border: 1px #ddd solid;
  margin: -20px -20px 35px -20px;
  padding: 19px;
}

.footer {
  background: url(/img/bkg-dark.png) repeat center top #151515;
  padding: 20px 0 10px 0;
}
.footer .fill {
  display: block;
}
.footer li {
  line-height: 24px;
}
.footer h5 {
  color: #ddd;
}
.footer li, .footer h5 {
  font-size: 13px;
}
.footer a {
  color: gray;
}


.intro p {
  font-size: 1.12em;
}

.persona-login {
  cursor: pointer;
}


.narrow {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.narrow.large {
  font-size: 16px;
  line-height: 22px;
}


.imgfloat .img {
  float: left;
  margin-right: 10px;
  clear:both;  
}
.imgfloat .text {
  margin-left: 0px;
  overflow:auto;
  display:block; 
}


.profile {
  margin-bottom: 6px;
}

.narrow.providers li {
  float: left;
  margin-right: 8px;
}

input[type="text"].email_code {
  margin-bottom: 0;
  margin-right: 6px;
}

#sms_code_input {
  margin-right: 6px;
  margin-bottom: 0;
}

.tinyfooter {
  border-top: 1px rgba(0,0,0,0.1) solid;
  text-align: center;
  font-size: 10px;
  padding-bottom: 10px;
}

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
}


/**
 * Headers
 */
h1 {
  border-bottom: 2px #ccc solid;
  margin-top: 0.8em;
  margin-bottom: 0.2em;
}

h2 {
  font-family: 'Lucida Grande', helvetica, verdana, sans-serif;
  color: #555;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 10px;
  text-shadow: 0 1px -1px white;
}

hr {
  margin: 18px 0;
  border: 0;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid white;
}

/**
 * Code/Syntax Highlighting 
 */
code, pre {
  font: 12px Inconsolata,Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
}