.pure-label {
  font-weight: bold;
}
.pure-badge {
  font-weight: bold;
}
.pure-alert {
  margin: 0.5em 0;
  padding: 0.5em;
}
.pure-alert p {
  margin: 0.25em;
}
.pure-alert.basic {
  background: rgba(255, 156, 0, 0.25);
  color: #cc7d00;
  border: 1px solid #cc7d00;
}
.pure-alert.success {
  background: rgba(74, 155, 23, 0.25);
  color: #356f10;
  border: 1px solid #356f10;
}
.pure-alert.info {
  background: rgba(15, 117, 218, 0.25);
  color: #0c5baa;
  border: 1px solid #0c5baa;
}
.pure-alert.error {
  background: rgba(201, 17, 17, 0.25);
  color: #9a0d0d;
  border: 1px solid #9a0d0d;
}
.orange {
  color: #ff9c00;
}
.red {
  color: #c91111;
}
.green {
  color: #4a9b17;
}
.gray {
  color: #777;
}
.blue {
  color: #0f75da;
}
.yellow {
  color: #ffd500;
}
body {
  font-size: 16px;
  color: #333333;
  background: #ffffff;
}
a {
  text-decoration: none;
  color: #0f75da;
}
blockquote {
  margin: 0;
  padding: 0 15px;
  color: #777777;
  border-left: 4px solid #dddddd;
}
code {
  border: 1px solid #dddddd;
  background: #eeeeee;
  padding: 0 4px;
  font-size: 80%;
}
p {
  text-align: justify;
}
pre {
  border: 1px solid #cccccc;
}
section,
article {
  width: 1060px;
  margin: 0 auto;
}
header,
footer {
  width: 100%;
}
header > nav {
  width: 1060px !important;
  margin: 0 auto;
  padding: 0.25em;
}
footer {
  color: #333333;
  background-color: #ffffff;
  border-top: 1px solid #dddddd;
  padding: 1em;
  text-align: center;
  font-size: 80%;
}
.header-fixed {
  background-color: #333333;
  position: fixed;
  top: 0;
  z-index: 90;
}
.header-menu {
  border: none;
}
.header-menu.pure-menu-open {
  background: #333333;
}
.header-menu a {
  color: #dddddd;
}
.header-menu li a:hover,
.header-menu li a:focus {
  background: none;
  color: #eeeeee;
}
.header-menu .pure-menu-selected a {
  color: #ffffff;
}
.banner h1 {
  color: #333333;
  margin: 0.5em 0 0 0;
  font-size: 3em;
  font-weight: 300;
  text-shadow: white 0 1px;
}
.banner h2 {
  color: #737373;
  font-weight: 300;
  padding-bottom: 0.5em;
  margin-top: 0;
  text-shadow: white 0 1px;
}
.banner nav {
  visibility: hidden;
}
.banner .border {
  background: #bd5c68;
  height: 0.5em;
  margin: 0;
}
.banner.filled {
  color: #8d8d8d;
}
.banner div {
  text-align: center;
}
.sidebar {
  border: 0 !important;
}
.sidebar nav {
  font-size: 80%;
}
.separator {
  background: #bd5c68;
  height: 0.25em;
}
.l-box {
  padding: 0 0.5em 0 0;
}
.r-box {
  padding: 0 0 0 0.5em;
}
.highlight h2 {
  font-size: 2em;
  padding: 0.25em 0 0 0;
}
.slideshow {
  text-align: center;
}
.search-engine {
  width: 30%;
  float: right;
}
.download {
  text-align: center;
}
#download-button {
  display: block;
  width: 300px;
  height: 120px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: -moz-linear-gradient(top, #385da8 0%, #4f84ee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #385da8), color-stop(100%, #4f84ee));
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border: 1px solid #385da8;
  margin: 0 auto;
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4);
}
#download-button .arrow-round {
  display: block;
  float: right;
  width: 1.2em;
  height: 1.2em;
  padding: 0.6em;
  margin: 0.5em 1.0em 0 0;
  background: -moz-linear-gradient(top, #385da8 0%, #4f84ee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #385da8), color-stop(100%, #4f84ee));
  border-radius: 1.2em;
  -moz-border-radius: 1.2em;
  -webkit-border-radius: 1.2em;
}
#download-button .arrow-top {
  width: 0.6em;
  height: 0.6em;
  background: #ffffff;
  margin: 0 0.3em;
}
#download-button .arrow-bottom {
  width: 0em;
  height: 0em;
  border-color: #ffffff transparent transparent transparent;
  border-style: solid;
  border-width: 0.6em;
}
#download-button .text {
  color: #ffffff;
  font-size: 1.6em;
  font-weight: bold;
  height: 1.8em;
  line-height: 1.8em;
  padding-left: 0.3em;
}
#download-button .details {
  text-align: center;
  color: #ffffff;
  padding-left: 0.3em;
}