
/*--- 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,
.header-title a
{
  float:        left;
  font-size:    32px;
  padding:      8px 0px 8px 0px;
  text-shadow:  3px 3px 3px #0000006b;
  color:        #f9fcff;
}

.header-clear{
  clear: both;
}

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