@font-face {
	font-family: "MyWebfont";
	src: url("/static/fonts/TheSansMono_500_.eot");
	src: url("/static/fonts/TheSansMono_500_.eot?#iefix") format("embedded-opentype"),
	url("/static/fonts/TheSansMono_500_.woff") format("woff"),
	url("/static/fonts/TheSansMono_500_.svg#TheSansMono_500_") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "MyWebfont";
	src: url("/static/fonts/TheSansMono_700_.eot");
	src: url("/static/fonts/TheSansMono_700_.eot?#iefix") format("embedded-opentype"),
	url("/static/fonts/TheSansMono_700_.woff") format("woff"),
	url("/static/fonts/TheSansMono_700_.svg#TheSansMono_700_") format("svg");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "MyWebfont";
	src: url("/static/fonts/TheSansMono_500i.eot");
	src: url("/static/fonts/TheSansMono_500i.eot?#iefix") format("embedded-opentype"),
	url("/static/fonts/TheSansMono_500i.woff") format("woff"),
	url("/static/fonts/TheSansMono_500i.svg#TheSansMono_500i") format("svg");
	font-weight: normal;
	font-style: italic;
}

body {
	text-rendering: optimizeLegibility;
}

html {
	/* Setting the baseline font */
	font-size: 62.5%;
}

html, body {
  text-rendering: optimizeLegibility;
  min-height: 100%;
}

body {
	font-family: MyWebfont, Courier, monospace;
	font-size: 1.6rem;
	line-height: 1.45;
	padding: 0 2rem;
	color: rgb(20%,20%,20%);
	background: rgb(97%,97%,97%);
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1.6rem;
	margin:1rem 0;
}

h1.title:before {
	font-weight:normal;
	content:"# ";
}

h1.title {
	text-indent: -2rem;
}

small {
	font-size: 1.6rem;
}

h1 {
	margin:2rem 0;
}

h1 img {
	border:none;
}

h1 span {
	margin:auto;
	display:none;
}

nav table {
	margin: 1rem auto;
	text-align: center;
}

nav table td {
	width:33%;
	padding: 1rem;
}

nav table td a {
//	color: #007aff;
}

nav table td img {
	height: 32px;
}

.screencast img {
	padding-right:1rem;
	height:1.6rem;
	vertical-align:-20%;
}

hr {
	border:none;
	display:hidden;
	margin: 2rem 0;
	clear:both;
}

hr:after {
	display:block;
	text-align:center;
	content: "✦ ✦ ✦";
	color: rgb(20%,20%,20%);
}

ul, ol {
}

a {
	color: rgb(20%,20%,20%);
}

a:hover {
	color: #007aff;
	text-decoration: underline;
}

pre {
	font-family: Courier, monospace;
	font-size: 1.6rem;
	padding:1rem;
	background: rgb(90%,90%,90%);
	tab-size: 4;
	-moz-tab-size: 4;
	-o-tab-size: 4;
}

code {
	font-family: Courier, monospace;
	font-size: 1.6rem;
	background: rgb(90%,90%,90%);
}

dt {
	margin-top:1rem;
	font-weight:bold;
}

#breadcrumb {
	list-style-type: none;
	text-transform:capitalize;
	padding: 0;
}

blockquote a {
	text-decoration:none;
	color: rgb(20%,20%,20%);;
}

blockquote .author:before {
	content: " – ";
}

blockquote:before {
content: "\201C";
float: left;
margin-left:-1rem;
}

blockquote .quote:after {
content: "\201D";
}

footer ul {
	padding:0;
	list-style-type: none;
}

footer li:before {
	content:none;
}

.container {
	max-width: 66rem;
	margin:auto;
}

.col {
	width:16.5rem;
	float:left;
}

.col h3 {
	font-weight:normal;
	font-style:italic;
}

blockquote {
	max-width:52rem;
	margin:2rem auto;
	font-style:italic;
	clear:both;
}

footer h4 {
	font-weight:normal;
	clear:both;
	text-align:center;
	font-size:1.25rem;
}

.at300bs {
	height:0;
	background:none;
}

@media all and (min-width: 50em) {
	body {
		padding-top:2rem;
	}
}

.paddle_button {
	border-radius: 0.5rem;
	margin-top:0.5rem;
	border: 0 none;
	color: rgb(97%,97%,97%);
	background: none repeat scroll 0 0 rgb(20%,20%,20%);
	padding: 0.5rem 1rem;
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 1.45;
	cursor: pointer;
	display: inline-block;
	text-transform: none;
	width: auto;
}

.logo {
	margin-left:-60px;
}

.fancybox-nav span {
	width: 36px !important;
	height: 36px !important;
}

.fancybox-close {
	background-image: url('/static/close.svg') !important;
	background-size:36px 36px !important;
}

.fancybox-next span {
	background-image: url('/static/next.svg') !important;
	background-size:36px 36px !important;
	right: 0px !important;
	background-position: 0 0 !important;
}

.fancybox-prev span {
	background-image: url('/static/prev.svg') !important;
	background-size:36px 36px !important;
	left: 0px !important;
	background-position: 0 0 !important;
}

#fancybox-loading div {
	background: url('/static/loadingBackground.svg') center center no-repeat;
}

.gist .gist-file .gist-data {
	max-height:20rem;
	background:white !important;
}

.mailinglistform {
	padding: 1em;
	border: 1px solid rgb(80%, 80%, 80%);;
	background: rgb(93%, 93%, 93%);
}

.mailinglistform input[type="text"] {
	width: 50%;
	font-size: 1.0em;
}

.mailinglistform button {
	margin-top: 0.5em;
	font-size: 1.0em;
}