@font-face {
	font-family: "microawesome";
	src: url("microawesome.woff") format("woff");
}

html {
	margin: 0;
	padding: 0;
	background: #3a3a3a;
	color: #f8f8f8;
	font-family: sans-serif;
	font-size: 14pt;
}
body {
	margin: 20px auto 10px;
	width: 85ch;
	max-width: 95%;
}
a {
	text-decoration: none;
}
a:link {
	color: #7cafc2;
}
a:link:hover {
	color: #9abecb;
}
a:visited {
	color: #ba8baf;
}
a:visited:hover {
	color: #c7a9c0;
}

pre {
	background: #2d2d2d;
	color: #d3d0c8;
	padding: 10px;
	border-radius: 4px;
	overflow-x: auto;
}
code {
	background: #2d2d2d;
	color: #d3d0c8;
	border-radius: 4px;
	padding: 2px 3px 2px;
	font-size: 85%
}
pre code {
	padding: 0;
	font-size: 100%;
}

header {
	border-bottom: 1px solid #515151;
	margin: 0 0 5mm;
	padding-bottom: 3mm;
}

header h1 {
	font-family: monospace;
	margin: 0;
	font-size: 1.2rem;
}

header h1 a {
	text-decoration: none;
}

footer {
	text-align: center;
	font-size: 0.75rem;
	margin: 10mm 0 15mm;
	border-top: 1px solid #515151;
	padding-top: 5mm;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

/* Tag list */
.tags {
	list-style: none;
	padding: 0;
}
.tags li {
	margin-right: 5mm;
	display: inline-block;
}
.tags li:last-child {
	margin-right: 0;
}

.tags li a {
	text-decoration: none;
}

.tags li a:before {
	font-family: 'microawesome';
	content: "\f02b";
	margin-right: 2mm;
	font-size: 80%
}

.description {
	font-style: italic;
	font-family: serif;
	padding-left: 5mm;
}

.shortdesc {
	font-style: italic;
	color: #d3d0c8;
}
.linkicon {
	margin-right: 1.5mm;
}
.links {
	list-style: none;
	padding: 0;
}
.links li {
	display: inline-block;
	margin-right: 8mm;
}
.links li:last-child {
	margin-right: 0;
}
.links li a:before {
	font-family: "microawesome";
	margin-right: 2mm;
	font-size: 80%;
	content: "\f08e";
}
.links li.github a:before{content:"\f09b"}
.links li.rss a:before{content:"\f09e"}
.links li.code a:before{content:"\f121"}
.links li.fork a:before{content:"\f126"}
.links li.mail a:before{content:"\f2b6"}

#readme {
	border: 1px dotted #2a2a2a;
	padding: 2mm;
}
.tagcloud {
	list-style: none;
	padding: 0;
}
.tagcloud li {
	display: inline;
}
.tagcloud-5 {font-size: 130%}
.tagcloud-4 {font-size: 110%}
.tagcloud-3 {font-size: 95%}
.tagcloud-2 {font-size: 80%}
.tagcloud-1 {font-size: 70%}

h1 {font-size: 150%}
h2 {font-size: 140%}
h3 {font-size: 130%}
h4 {font-size: 120%}
h5 {font-size: 110%}
h6 {font-size: 105%}
section h1 {font-size: 120%}
section h2 {font-size: 112%}
section h3 {font-size: 104%}
section h4 {font-size: 96%}
section h5 {font-size: 88%}
section h6 {font-size: 84%}

@media screen and (max-width: 640px) {
	html {font-size: 12pt}
}