html {
  color:#000000;
  background:#ffffff;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var {
  font-style:normal;
  font-weight:normal;
}
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
  font-size:100%;
  font-weight:normal;
}
q:before, q:after { content:''; }
abbr, acronym {
  border:0;
  font-variant:normal;
}
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select {
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
}
input, textarea, select { *font-size:100%; }
legend { color:#000000; }
body {
  width:100%;
  *zoom:1;
}
body:before, body:after {
  content:"";
  display:table;
}
body:after { clear:both; }
.column1 {
  display:inline;
  float:left;
  width:60px;
  margin:0 10px;
}
.column2 {
  display:inline;
  float:left;
  width:140px;
  margin:0 10px;
}
.column3 {
  display:inline;
  float:left;
  width:220px;
  margin:0 10px;
}
.column4 {
  display:inline;
  float:left;
  width:300px;
  margin:0 10px;
}
.column5 {
  display:inline;
  float:left;
  width:380px;
  margin:0 10px;
}
.column6 {
  display:inline;
  float:left;
  width:460px;
  margin:0 10px;
}
.column7 {
  display:inline;
  float:left;
  width:540px;
  margin:0 10px;
}
.column8 {
  display:inline;
  float:left;
  width:620px;
  margin:0 10px;
}
.column9 {
  display:inline;
  float:left;
  width:700px;
  margin:0 10px;
}
.column10 {
  display:inline;
  float:left;
  width:780px;
  margin:0 10px;
}
.column11 {
  display:inline;
  float:left;
  width:860px;
  margin:0 10px;
}
.column12 {
  display:inline;
  float:left;
  width:940px;
  margin:0 10px;
}
.row1 {
  display:block;
  width:100px;
  margin:0 -10px;
  *zoom:1;
}
.row1:before, .row1:after {
  content:"";
  display:table;
}
.row1:after { clear:both; }
.row2 {
  display:block;
  width:180px;
  margin:0 -10px;
  *zoom:1;
}
.row2:before, .row2:after {
  content:"";
  display:table;
}
.row2:after { clear:both; }
.row3 {
  display:block;
  width:260px;
  margin:0 -10px;
  *zoom:1;
}
.row3:before, .row3:after {
  content:"";
  display:table;
}
.row3:after { clear:both; }
.row4 {
  display:block;
  width:340px;
  margin:0 -10px;
  *zoom:1;
}
.row4:before, .row4:after {
  content:"";
  display:table;
}
.row4:after { clear:both; }
.row5 {
  display:block;
  width:420px;
  margin:0 -10px;
  *zoom:1;
}
.row5:before, .row5:after {
  content:"";
  display:table;
}
.row5:after { clear:both; }
.row6 {
  display:block;
  width:500px;
  margin:0 -10px;
  *zoom:1;
}
.row6:before, .row6:after {
  content:"";
  display:table;
}
.row6:after { clear:both; }
.row7 {
  display:block;
  width:580px;
  margin:0 -10px;
  *zoom:1;
}
.row7:before, .row7:after {
  content:"";
  display:table;
}
.row7:after { clear:both; }
.row8 {
  display:block;
  width:660px;
  margin:0 -10px;
  *zoom:1;
}
.row8:before, .row8:after {
  content:"";
  display:table;
}
.row8:after { clear:both; }
.row9 {
  display:block;
  width:740px;
  margin:0 -10px;
  *zoom:1;
}
.row9:before, .row9:after {
  content:"";
  display:table;
}
.row9:after { clear:both; }
.row10 {
  display:block;
  width:820px;
  margin:0 -10px;
  *zoom:1;
}
.row10:before, .row10:after {
  content:"";
  display:table;
}
.row10:after { clear:both; }
.row11 {
  display:block;
  width:900px;
  margin:0 -10px;
  *zoom:1;
}
.row11:before, .row11:after {
  content:"";
  display:table;
}
.row11:after { clear:both; }
.row12 {
  display:block;
  width:980px;
  margin:0 -10px;
  *zoom:1;
}
.row12:before, .row12:after {
  content:"";
  display:table;
}
.row12:after { clear:both; }
body {
  font-size:75%;
  line-height:1.5;
}
h1, h2, h3, h4, h5, h6 { position:relative; }
h1, h2 {
  line-height:36px;
  margin-bottom:18px;
}
h1, h2, h3, h4 { margin-top:18px; }
h3, h4, h5, h6 { line-height:18px; }
h1 {
  font-size:36px;
  top:5px;
}
h2 {
  font-size:28px;
  top:8px;
}
h3 {
  font-size:22px;
  top:1px;
}
h4 {
  font-size:18px;
  top:2px;
}
h5 {
  font-size:15px;
  top:4px;
}
h6 {
  font-size:13px;
  top:5px;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child { margin-top:0; }
p, pre, address {
  font-size:13px;
  line-height:18px;
  position:relative;
  top:5px;
}
small { font-size:11px; }
abbr, code, kbd, samp, small, var { line-height:15px; }
input[type='range'] {
  -webkit-appearance:none;
  background-color:#313031;
  width:100%;
  margin:10px 0;
}
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance:none;
  background-color:#ffffff;
  width:40px;
  height:35px;
}
html { background-color:#000000; }
html body {
  color:#ffffff;
  font-family:'Segoe UI', Tahoma, Arial, Helvetica, Sans-Serif;
}
html body #container { margin:0 2% 0 2%; }
html body #container header {
  display:inline;
  float:left;
  width:94%;
  margin:0 1%;
}
html body #container header hgroup {
  margin-top:10px;
  margin-bottom:40px;
  left:-1px;
  width:600px;
  float:left;
}
html body #container header hgroup h1 {
  font-size:40px;
  line-height:30px;
  margin:0;
  padding:0;
  left:-1px;
}
html body #container header hgroup h2 {
  font-size:13px;
  text-transform:uppercase;
  line-height:13px;
  margin:0 0 13px 0;
  padding:0;
}
html body #container header aside {
  float:right;
  width:200px;
  margin:15px 0 0 0;
}
html body #container header aside #date, html body #container header aside #clock {
  float:right;
  text-align:right;
  display:block;
  clear:both;
}
html body #container header aside #date { text-transform:uppercase; }
html body #container header aside #clock {
  font-size:60px;
  line-height:42px;
  margin-left:-3px;
}
html body #container article {
  display:inline;
  float:left;
  width:30%;
  margin:0 1%;
}
html body #container aside {
  display:inline;
  float:left;
  width:62%;
  margin:0 1%;
}
html body #container article, html body #container aside { margin-bottom:49px; }
html body #container .one-third {
  display:inline;
  float:left;
  width:30%;
  margin:0 1%;
}
html body footer {
  position:fixed;
  bottom:-1px;
  background:#171c18;
  height:49px;
  width:100%;
}
html body footer nav ul { width:100%; }
html body footer nav ul li {
  float:left;
  list-style:none;
  display:inline-block;
  width:20%;
  height:49px;
}
html body footer nav ul li a {
  border-right:1px solid #ffffff;
  color:#ffffff;
  text-decoration:none;
  height:100%;
  line-height:49px;
  display:block;
  text-align:center;
  font-size:14px;
}
html body footer nav ul li a:active {
  background-color:#ffffff;
  color:#000000;
}
html body footer nav ul li.last a { border:none; }
@media screen and (max-width: 960px) {
  html body #container header aside { display:none; }
  html body #container article {
    display:inline;
    float:left;
    width:94%;
    margin:0 1%;
  }
  html body #container aside {
    display:inline;
    float:left;
    width:94%;
    margin:0 1%;
  }
  html body #container article, html body #container aside { margin-bottom:49px; }
  html body #container .one-third {
    display:inline;
    float:left;
    width:94%;
    margin:0 1%;
    margin-bottom:49px;
  }
}
h3 { margin-bottom:10px; }
button, .button, [data-role=button] {
  height:41px;
  min-width:41px;
  margin:5px 0;
  background-color:#000000;
  border:2px solid #ffffff;
  color:#ffffff;
  cursor:pointer;
  text-decoration:none;
  font-family:'Segoe UI', Tahoma, Arial, Helvetica, Sans-Serif;
  font-size:18px;
}
button:active, .button:active, [data-role=button]:active {
  background-color:#ffffff;
  color:#000000;
}
.buttongroup button {
  width:200px;
  display:block;
  margin-bottom:10px;
}
a[data-role=button] { padding:0.75em; }
* { -webkit-tap-highlight-color:rgba(0,0,0,0); }