/* typefaces */
@import url(http://fonts.googleapis.com/css?family=Neuton:700|Belleza);
/*! streamlined normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {display: none;}
a {background: transparent;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {font-size: 80%;}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {overflow: auto;}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button, input, optgroup, select, textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {overflow: visible;}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {padding: 0;}

/* custom styles */
body {
  background: #eeeeff;
  font-family: "Belleza",sans-serif;
  font-size: 16px;
}
.sidebar {
  position: fixed;
  left: 0px;
  top: 5%;
  background: #eef;
  padding: 1em 1em 1em 0;
}
.col {
  margin-left: 240px;
  background: -moz-linear-gradient(left,rgb(165,165,255),rgb(238,238,255) 7em);
  background: -webkit-linear-gradient(left,rgb(165,165,255),rgb(238,238,255) 7em);
  background: -ms-linear-gradient(left,rgb(165,165,255),rgb(238,238,255) 7em);
  background: -o-linear-gradient(left,rgb(165,165,255),rgb(238,238,255) 7em);
  background: linear-gradient(to right,rgb(165,165,255),rgb(238,238,255) 7em); 
}
.header {
  position: fixed;
  top: 0px;
  width: 100%;
  padding: 0.5em 0 0.75em 35px;
  background: -moz-linear-gradient(bottom,rgb(87,87,167),rgb(238,238,255) 15%);
  background: -webkit-linear-gradient(bottom,rgb(87,87,167),rgb(238,238,255) 15%);
  background: -ms-linear-gradient(bottom,rgb(87,87,167),rgb(238,238,255) 15%);
  background: -o-linear-gradient(bottom,rgb(87,87,167),rgb(238,238,255) 15%);
  background: linear-gradient(to top,rgb(87,87,167),rgb(238,238,255) 15%);
}
.header h1 {
  margin-top: 0;
  margin-bottom: 0;
}
.tagline {
  margin-top: 0;
}
.btngroup {
  margin-bottom: 67px; // 19 + 29 + 19 
}
.btn {
  margin-bottom: 19px;
}
.btn a {
  display: block;
  width: 116px;
  height: 29px;
  background: url("../img/keybg-ne.png") top right no-repeat, url("../img/keybg-se.png") bottom right no-repeat, url("../img/keybg-s.png") bottom repeat-x, url("../img/keybg-n.png") top repeat-x, url("../img/keybg.png") #000 right repeat-y;
  color: #eef;
  text-decoration: none;
  font-weight: bold;
  padding: 0.25em 0 0 1.5em;
}
.btn a:hover{
  color: #d9d970;
}
.main {
  max-width: 460px;
  padding: 6em 0 1em 35px;
}
.error {
  color: #e00;
}
h1, h2, h3, h4, h5 {
  font-family: "Neuton";
  font-weight: bold;
}