/*
    Document   : screen
    Created on : Jan 30, 2014, 1:01:26 PM
    Author     : Jess Green <hello@jessgreen.io>
*/
/*@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,700,200italic,700italic");
*/
body {
  font: 1em/1.5 'Arimo';
  color: #272822;
}

canvas {
  border: 1px solid #000;
  background-color: #999;
}

strong {
  font-weight: 700;
}

em, cite {
  font-style: italic;
}

p {
  margin-bottom: 1rem;
}

a,
a:link {
  text-decoration: none;
  color:blue;
}


.wrapper {
  width: 98%;
  margin: 0 auto;
}

button.btn,
input.btn {
  outline: none;
  display: inline-block;
  cursor: pointer;
}

a.btn {
color: #272822;
    font-size: 13px;
}

.btn.btn-narrow {
  padding: 2px 15px;
}

.btn {
  display: inline-block;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.75);
  background-color: #66D9EF;
  border-radius: 3px;
  padding: 4px 11px;
  border: 1px solid #34A7BD;
}

.btn:hover {
  box-shadow: inset -1px -1px 0 rgba(255, 255, 255, 0.75);
}

/*------------------------------------------------------------------------------
Headers
------------------------------------------------------------------------------*/
.h {
  font-weight: 700;
  margin-bottom: 1.25rem;
  display: block;
}
.h1 {
  font-size: 2rem;
}
.h2 {
  font-size: 1.5rem;
}
.h3 {
  font-size: 18px;
}
.h4 {
  font-size: 1rem;
}
.h5 {
  font-size: 0.875rem;
}
.h6 {
  font-size: 0.75rem;
}

/*------------------------------------------------------------------------------
Horizontal list
------------------------------------------------------------------------------*/
.hlist {
list-style: none;
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
    margin-right: 5%;
}
.hlist:after {
  display: block;
  height: 1px;
  float: none;
  clear: both;
  content: ".";
  visibility: hidden;
}
.hlist > li {
float: right;
    margin-left: 2px;
}
.hlist > li:last-of-type {
  margin-right: 0;
}

/*------------------------------------------------------------------------------
Columns/Rows
------------------------------------------------------------------------------*/
.row {
  clear: both;
  float: none;
  display: block;
  margin-bottom: 0.5rem;
}
.row:after {
  display: block;
  height: 1px;
  float: none;
  clear: both;
  content: ".";
  visibility: hidden;
}

.column {
  float: right;
  margin-right: 1.25rem;
}

.column-last {
  margin-right: 0;
}

.small-input {
  width: 54px;
}

.moondata {
  padding-top: 2.5rem;
}

.data-table {
  display: table;
}
.data-table .label {
  width: 9.375rem;
  margin-right: 1.25rem;
  display: table-cell;
}
.data-table .label:after {
  content: ":";
}
.data-table .value {
  display: table-cell;
}

.calendar {
  width: 98%;
  margin-bottom: 2.5rem;
}

.calendar th {
  font-weight: 700;
  width: 14%;
}

.calendar td {
  border: 1px solid;
  padding: 5px;
  box-sizing: border-box;
  text-align: right;
  height: 135px;
}

.calendar .moonphase {
  font-weight: 700;
}

.hide {
  display: none;
}

.show {
  display: block;
}