
/*--- Basic elements ---*/

body{
  font-family: Lato,'Helvetica Neue', Arial, Helvetica, sans-serif;
}

a{
  cursor: pointer;
}

/*--- Header styles ---*/

.header{
  margin:       0px 0px 0px -32px;
  padding:      8px 8px 16px 40px;
  box-shadow:   0px 2px 4px #bbbbbb;
  background:   linear-gradient(to bottom, #e2e9f1, #e2e9f1 50%, #d9e1ea 90%);
  color:        #424242;
}

.header a{
  color: #424242;
}

.header-controls{
  float:      right;
  text-align: right;
}

.header-controls-line{
  padding: 4px 0px 0px 0px;
}

.header-control{
  padding: 0px 0px 0px 16px;
  white-space: nowrap;
}

.header-title{
  float:        left;
  font-size:    2.1em;
  padding:      8px 0px 8px 0px;
  text-shadow: 3px 3px 3px #0000006b;
  color: #f9fcff;
}

.header-clear{
  clear: both;
}

/*--- Body styles ---*/
.body{
  padding: 32px 16px;
}