/* HTML 5 compatability for older browsers */
header, nav, section, article, aside, footer, hgroup {
	display: block;
}

body, html {
	background: #fafafa;
	margin: 0;
	padding: 0;
	font-family: 'DejaVu Sans', 'Verdana', 'Bitstream Vera Sans', 'Liberation Sans', sans-serif;
	font-size: 13px;
	text-rendering: optimizeLegibility;
	color: #333;
}

h1 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 8px;
}

h2 {
	margin-top: 20px;
}

img {
	border: none;
}

a {
	color: #57f;
	text-shadow: #aaa 0px 0px 0.5px;
	text-decoration: none;
	outline: none;
	-moz-outline: none;
}

a:hover, a:focus {
	color: #34f;
	text-decoration: underline;
}

#content {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#content.thin {
	max-width: 600px;
	padding-top: 10px;
}

#content.wide {
	max-width: 800px;
	padding-left: 5px;
	padding-right: 5px;
}

.projects {
	padding-left: 0px;
}

.projects > li {
	background: #f9f9ff;
	display: block;
	border: 1px solid #d4d4ff;
	border-radius: 3px;
	min-height: 64px;
	margin: 7px;
	padding: 2px;
	margin-top: 20px;
	box-shadow: 1px 1px 2px 2px #eaeaff;
}

.projects > li > i {
	display: none;
}

.projects .logo {
	float: left;
	padding-right: 7px;
	width: 64px;
	height: 64px;
}

.projects .license {
	float: right;
	font-weight: bold;
	color: #999;
	margin-top: 5px;
	margin-right: 5px;
}

.projects .license:before {
	font-weight: normal;
	content: 'license: ';
}

@media (max-width: 400px) {
	.projects .license {
		display: none;
	}
}

.projects .title {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 5px;
	text-shadow: #777 1px 1px 3px;
}

.projects .description {
	color: #444;
}

.hlist, .clist {
	font-size: 0;
	text-align: center;
	padding: 0px;
}

.hlist > *, .clist > * {
	display: inline-block;
	margin: 0px;
	padding-right: 16px;
	padding-left: 16px;
	font-size: small;
}

.hlist > * + * {
	border-left: 2px solid #d4d4ff;
}

.hlist > *:first-child {
	padding-left: 0px;
}

.hlist > *:last-child {
	padding-right: 0px;
}

@media (max-width: 640px) {
	
	.hlist > *,
	.hlist > *:first-child,
	.hlist > * + * {
		text-align: left;
		display: block;
		padding-left: 10px;
		padding-right: 0px;
		padding-top: 4px;
		padding-bottom: 4px;
		border: none;
	}
	
	.hlist {
		margin-bottom: -10px;
	}
	
}

.clist {
	overflow: hidden;
}

.clist > * {
	width: 50%;
	padding-top: 4px;
	padding-bottom: 4px;
	font-style: normal;
	color: #aaa;
}

.clist > * > i {
	font-size: 0px;
}

.clist > *:nth-child(odd) {
	text-align: right;
	margin-left: -17px;
	padding-left: 0px;
}

.clist > *:nth-child(even) {
	border-left: 2px solid #d4d4ff;
	text-align: left;
	margin-right: -17px;
	padding-right: 0px;
}

.clist > *:nth-child(odd) .icon {
	float: right;
	margin-right: 0px;
	margin-left: 7px;
}

.clist > *:nth-child(even) .icon {
	float: left;
	margin-left: 0px;
	margin-right: 7px;
}

/* fallback for older browsers that don't support :nth-child */
.clist > * > a {
	margin-left: 10px;
}

.clist > *:nth-child(odd) > a {
	margin-left: 10px;
	margin-right: 0px;
}

.clist > *:nth-child(even) > a {
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}

address {
	text-align: center;
}

@media (max-width: 460px) {
	
	
	.clist {
		display: inline-block;
	}
	
	.clist > *:nth-child(odd),
	.clist > *:nth-child(even) {
		text-align: left;
		display: block;
		width: auto;
		margin: 0px;
		padding-left: 10px;
		padding-right: 0px;
		border: none;
	}
	
	.clist > *:nth-child(odd) .icon,
	.clist > *:nth-child(even) .icon  {
		float: left;
		margin-left: 0px;
		margin-right: 7px;
	}
	
	.clist > *:nth-child(odd) > a,
	.clist > *:nth-child(even) > a {
		float: left;
		margin-left: 0px;
		margin-right: 10px;
	}
	
}

table {
	background: #fafafc;
	min-height: 64px;
	margin: 7px;
	margin-left: 12px;
	padding: 0px;
	box-shadow: 1px 1px 2px 2px #eaeaff;
	border-collapse: collapse;
}

th {
	text-align: center;
	background: #f0f0f5;
}
tr:nth-child(odd)  { background: #fdfdfd; }
tr:nth-child(even) { background: #f8f8f8; }

th, td {
	border: 1px solid #d4d4ff;
	padding: 4px 7px;
}

table.layout {
	background: none;
	box-shadow: none;
}

table.layout th, table.layout td,
table.layout tr:nth-child(odd), table.layout tr:nth-child(even) {
	text-align: inherit;
	background: none;
	border: none;
	padding: 1px 5px;
	vertical-align: text-top;
}

@media (max-width: 650px) {
	
	table.packages {
		background: none;
		box-shadow: none;
		display: block;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 7px;
	}
	
	table.packages tr:nth-child(odd), table.packages tr:nth-child(even) {
		background: none;
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 20px;
	}
	
	table.packages th {
		display: none;
	}
	
	table.packages td {
		border: none;
		display: inline;
		padding: 0px;
	}
	
	table.packages td:nth-child(1) {
		display: block;
		clear: both;
		font-weight: bold;
		margin-bottom: 3px;
		margin-left: -20px;
	}
	
	table.packages td:nth-child(2) {
		display: block;
	}
	
	table.packages td:nth-child(2):before {
		content: 'Repository: ';
	}
	
	table.packages td:nth-child(3):before {
		content: 'Package: ';
	}
	
	table.packages td:nth-child(5):before {
		content: '(';
	}
	
	table.packages td:nth-child(5):after {
		content: ')';
	}
	
	table.packages td:nth-child(6) {
		display: block;
		clear: both;
	}
	
}

footer {
	font-size: 8pt;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 600px;
	margin-top: 40px;
	margin-bottom: 10px;
	color: #777;
}

hr {
	border: none;
	border-top: 1px solid #d4d4ff;
	margin-bottom: 8px;
}

footer a {
	color: #79f;
	text-shadow: none;
}

.icon {
	width: 16px;
	height: 16px;
	background-image: url('images/icons.png');
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 4px;
}
.icon.rss         { background-position:    0px   0px; width: 24px; height: 24px; }
.icon.download.big{ background-position:    0px -24px; width: 24px; height: 24px; }
.icon.windows.big { background-position: -152px  -0px; width: 24px; height: 24px; }
.icon.linux.big   { background-position: -152px -24px; width: 24px; height: 24px; }
.icon.freebsd.big { background-position: -176px  -0px; width: 24px; height: 24px; }
.icon.macos.big   { background-position: -176px -24px; width: 24px; height: 24px; }
.icon.devel.big   { background-position: -200px  -0px; width: 24px; height: 24px; }
.icon.windows     { background-position:  -24px  -0px; }
.icon.macos       { background-position:  -24px -16px; }
.icon.freebsd     { background-position:  -24px -32px; }
.icon.linux       { background-position:  -40px  -0px; }
.icon.gentoo      { background-position:  -40px -16px; }
.icon.arch        { background-position:  -40px -32px; }
.icon.chakra      { background-position:  -56px  -0px; }
.icon.debian      { background-position:  -56px -16px; }
.icon.mandriva    { background-position:  -56px -32px; }
.icon.fedora      { background-position:  -72px  -0px; }
.icon.opensuse    { background-position:  -72px -16px; }
.icon.ubuntu      { background-position:  -72px -32px; }
.icon.rosa        { background-position:  -88px  -0px; }
.icon.bug         { background-position:  -88px -16px; }
.icon.github      { background-position:  -88px -32px; }
.icon.keybase     { background-position: -104px  -0px; }
.icon.openhub     { background-position: -104px -16px; }
.icon.arx         { background-position: -104px -32px; }
.icon.launchpad   { background-position: -120px  -0px; }
.icon.email       { background-position: -120px -16px; }
.icon.irc         { background-position: -120px -32px; }
.icon.reddit      { background-position: -136px  -0px; }
.icon.daniel      { background-position: -136px -16px; }
.icon.de          { background-position: -136px -32px; }
.icon.gogonlinux  { background-position:   -0px -48px; }
.icon.iseandroid  { background-position:  -16px -48px; }
.icon.android     { background-position:  -32px -48px; }
.icon.freshcode   { background-position:  -48px -48px; }
.icon.doxygen     { background-position:  -64px -48px; }
.icon.vcmi        { background-position:  -80px -48px; }
.icon.slackware   { background-position:  -96px -48px; }
.icon.steam       { background-position: -112px -48px; }
.icon.travisci    { background-position: -128px -48px; }
.icon.devel       { background-position: -144px -48px; }
.icon.daikatana   { background-position: -160px -48px; }
.icon.gog         { background-position: -176px -48px; }
.icon.altlinux    { background-position: -192px -48px; }
.icon.pldlinux    { background-position: -208px -48px; }
.icon.download    { background-position: -224px -48px; }
.icon.mageia      { background-position: -200px -24px; }
.icon.coverity    { background-position: -224px -16px; }
.icon.openbsd     { background-position: -224px  -0px; }
.icon.info        { background-position: -240px  -0px; }
.icon.link        { background-position: -240px -16px; }
.icon.fso         { background-position: -240px -32px; }
.icon.netbsd      { background-position: -240px -48px; }
.icon.nixos       { background-position: -256px  -0px; }
.icon.rpi         { background-position: -256px -16px; }
.icon.chocolatey  { background-position: -256px -32px; }
.icon.dsplayit    { background-position: -256px -48px; }
.icon.alpinelinux { background-position: -272px  -0px; }
.icon.homebrew    { background-position: -272px -16px; }
.icon.macports    { background-position: -272px -32px; }
.icon.solus       { background-position: -272px -48px; }
.icon.msys2       { background-position: -288px  -0px; }
.icon.guix        { background-position: -288px -16px; }
.icon.aosc        { background-position: -288px -32px; }
.icon.repology    { background-position: -288px -48px; }
.icon.cygwin      { background-position: -304px  -0px; }
.icon.centos      { background-position: -304px -16px; }
.icon.suse        { background-position: -304px -32px; }
.icon.haiku       { background-position: -304px -48px; }
.icon.voidlinux   { background-position: -320px  -0px; }
.icon.deepin      { background-position: -320px -16px; }
.icon.devuan      { background-position: -320px -32px; }
.icon.dragonfly   { background-position: -320px -48px; }
.icon.funtoo      { background-position: -336px  -0px; }
.icon.parabola    { background-position: -336px -16px; }
.icon.calculate   { background-position: -336px -32px; }
.icon.kali        { background-position: -336px -48px; }
.icon.pardus      { background-position: -352px   0px; }
.icon.trisquel    { background-position: -352px -16px; }
.icon.pureos      { background-position: -352px -32px; }
.icon.parrotos    { background-position: -352px -48px; }
.icon.manjaro     { background-position: -368px   0px; }
.icon.sourcemage  { background-position: -368px -16px; }
.icon.clearlinux  { background-position: -368px -32px; }
.icon.artix       { background-position: -368px -48px; }
.icon.termux      { background-position: -384px   0px; }
.icon.liguros     { background-position: -384px -16px; }
.icon.baulk       { background-position: -384px -32px; }
.icon.conan       { background-position: -384px -48px; }

h2 .icon.freebsd, table .icon.freebsd {
                  background-position: -224px -32px;
}

h2 .icon {
	vertical-align: -5%;
}

.downloads {
	padding-left: 0px;
}

.downloads > li {
	color: #888;
	border-radius: 10px;
	background-color: #dfd;
	padding-right: 8px;
	border: 1px solid #7a7;
	display: inline-block;
	margin: 5px;
	margin-left: 20px;
	vertical-align: middle;
	position: relative;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 32px;
}

.multi.downloads > li {
	min-width: 40%;
}

.downloads > li > * {
	margin: 1px;
	margin-bottom: 2px;
}

.downloads .icon {
	margin: 0px;
	position: absolute;
	left: 5px;
	top: 0px;
	bottom: 0px;
	margin-top: auto;
	margin-bottom: auto;
}

.downloads a {
	font-weight: bold;
	margin-left: 2px;
	vertical-align: -10%;
	float: left;
}

.downloads a + a {
	margin-left: 8px;
}

.multi.downloads a + a {
	float: right;
}

.downloads .name {
	font-size: 7pt;
	/* vertical-align: 20%; */
	/* padding-left: 40px; */
	float: left;
	clear: left;
}

.downloads .size {
	font-size: 7pt;
	float: right;
	margin-top: 2px;
	clear: right;
}

.downloads .checksum {
	font-size: 7pt;
	clear: left;
	float: left;
}

.downloads .checksum > code {
	font-size: 7pt;
	background: #eafdea;
}

.downloads a.signature {
	font-size: 7pt;
	float: right;
	clear: right;
	color: #888;
	font-weight: normal;
}

.good { color: #008000; text-align: center; }
.okay { color: #6b8e23; text-align: center; }
.poor { color: #cc8c00; text-align: center; }
.bad  { color: #bb0000; text-align: center; }

code {
	background: #fdfdfd;
	white-space: pre;
	font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Lucida Console", monospace;
	font-size: 9pt;
}

code.shell, code.text {
	display: block;
	box-shadow: 1px 1px 2px 2px #eaeaff;
	border: 1px solid #d4d4ff;
	margin: 7px;
	padding: 5px;
	overflow: auto;
}

code.shell {
	white-space: normal;
}

code.shell > span, code.text > span {
	display: block;
	white-space: pre;
	padding: 2px;
}

code.shell > span.user:before {
	content: '$ ';
	color: #777;
}

code.shell > span.root:before {
	content: '# ';
	color: #f66;
}

code.shell > span.windows:before {
	content: '> ';
	color: #777;
}

code.shell > span.user > span:first-child,
code.shell > span.root > span:first-child,
code.shell > span.windows > span:first-child {
	display: none;
}

li {
	margin-top: 8px;
	margin-top: 8px;
}

.hlist > li {
	margin-top: 0px;
	margin-bottom: 0px;
}

#rss {
	display: block;
	margin: 0;
	margin-bottom: 5px;
	filter: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><filter id="grayscale"><feColorMatrix type="matrix" values="0.6 0.3 0.3 0 0 0.3 0.4 0.3 0 0 0.3 0.3 0.4 0 0 0 0 0 1 0"/></filter></svg>#grayscale'); /* Firefox 3.5+ */
	filter: gray;
	-webkit-filter: grayscale(0.4);
	opacity: 0.5;
	filter: alpha(opacity=50); /* IE8 and earlier */
}

#rss:hover, #rss:focus {
	opacity: 1;
	filter: none;
	-webkit-filter: grayscale(0);
}

#rss {
	float: right;
	margin: 4px;
	margin-right: 0px;
	margin-top: 0px;
}

.news.item h3 {
	color: #000;
}

.news.item h3:before {
	content: "\00bb\0020";
	color: #888;
}

.news.item h3:after {
	content: "\0020\00ab";
	color: #888;
}

.news.item > h3 + p {
	margin-top: -2.50em;
	float: right;
	clear: both;
	font-weight: bold;
	font-size: 10pt;
	color: #555;
	text-shadow: #aaa 0px 0px 2px;
}

@media (max-width: 390px) {
	
	.news.item > h3 + p {
		margin-top: -1.1em;
		float: none;
		clear: none;
		padding-left: 15px;
	}
	
}

#logo {
	float: left;
	margin-right: 20px;
}

#logo + h1 {
	text-align: left;
}

#logo + h1 + ul.hlist {
	padding-bottom: 10px;
	text-align: left;
}

@media (max-width: 780px) {
	
	#logo + h1 + ul.hlist {
		clear: left;
		text-align: center;
		margin-top: -10px;
	}
	
	#logo {
		width: 85px;
		height: 85px;
	}
	
}

#logo + h1 small {
	display: flex;
	padding-top: 7px;
	font-size: 75%;
}

@media (max-width: 460px) {
	
	#logo {
		width: 48px;
		height: 48px;
	}
	
	#logo + h1 small {
		clear: both;
		display: block;
		font-weight: normal;
	}
	
}

/* fancyindex stuff */

body > table#list {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: auto;
	max-width: 800px;
}

body > table#list td + td {
	text-align: right;
	padding-right: 20px;
}

body > table#list td + td + td {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

body > table#list a[href='../'] {
	font-weight: bold;
}

.center {
	text-align: center;
}

#nothing {
	position: fixed;
	right: 10px;
	bottom: 10px;
}

dt {
	margin-top: 6px;
}