@import url('//fonts.googleapis.com/css?family=Open+Sans');

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
	padding: 1rem;
	border-top: .5rem solid #eeeeee;
	border-bottom: .5rem solid #eeeeee;
	color: #666666;
	font-family: "Open Sans", sans-serif;
	font-size: 1rem;
	line-height: 2rem;
}

code {
	font-family: monospace;	
}

a {
  text-decoration: none;
	color: #666666;
}

a:hover {
	color: #2a2a2a;
}

.wrapper {
	margin: 0 auto;
	padding: 1rem;
	width: 90%;
	max-width: 60rem;
}

.block {
	font-size: .875rem;
	margin: 1rem 0;
	padding: 1rem;
	color: #9099A3;
}

table {
	width: 100%;
	border-collapse: collapse;
	font-size: .875rem;
}

tr {
	outline: 0;
	border: 0;
}

tr:hover td {
	background: #f6f6f6;
}

th {
	text-align: left;
	font-size: .75rem;
	padding: .25rem .5rem;
}

th:first-of-type {
  width: 1%;
}

th + th {
	width: auto;
}

th + th + th {
  width: 10%;
}

th + th + th + th {
  width: 25%;
}

tr td:first-of-type img {
  vertical-align: text-bottom;
}

td {
	padding: .25rem .5rem;
	outline: 0;
	border: 0;
	border-bottom: 1px solid #edf1f5;
	vertical-align: middle;
	text-align: left;
  transition: background 300ms ease;
}

td a {
	display: block;
}

tr.parent a[href^="/"] {
	color: #9099A3;
}

.parent a[href^="/"]:hover {
	color: #2281d0;
}

.footer {
	text-align: center;
	font-size: .75em;
}