body { font-family: Geneva, Calibri, Helvetica, sans-serif; font-size: 12pt; line-height: 1.5; }
p,dd { text-align: justify; }
p[align=center] { text-align: center; }
kbd,tt,code { font-family: monospace; }
th a, h1 a { text-decoration: none; }
.nav a { white-space: nowrap; }
.nav a.current { font-weight: bold; }
#footer { clear: both; }
.error, .notice { font-weight: bold; }
div.error, div.notice { padding: 1em; }
div.rhelnote { padding: 1em; float: right; width: 30vw; margin-left: 2em; }
div.sideboxsmall *, div.sideboxsmallprint * { white-space: nowrap; }
.nowrap { white-space: nowrap; }
.centre { text-align: center; }
li.spaced { margin-top: 1em; }
ol.spaced li, ul.spaced li { margin-top: 1em; }
tr.spacer td { font-size: 8px; }
tr.button td { text-align: center; }
tr.text td { text-align: center; font-size: 10px; }
tr.text a { text-decoration: none; }
table.sidehead th { text-align: right; border: none; vertical-align: top; }
dl.faq dt { margin-top: 1em; font-weight: bold; text-decoration: underline; }
dl.faq dd { text-align: justify; }
div#cou * { text-align: justify; }
p.tiny { font-size: 80%; }
ul.tiny { font-size: 80%; padding-left: 2em; margin-left: 0em; }
li.tiny { font-size: 80%; }
a.project { font-weight: bold; }
ul.plain { list-style-type: none; margin-left: 0em; padding-left: 0em; margin-top: 0.1em; padding-top: 0em; }
div.paytable { text-align: center; }
div.paytable table { margin-left: auto; margin-right: auto; }
form { display: inline; }
div.paytable table table { margin-left: auto; margin-right: auto; padding: 5px; margin-bottom: 1em; }
table.currencies { margin-top: 0.2em; }
table.currencies th { font-weight: bold; text-align: right; border-left: none; border-top: none; }
table.currencies th.last { border-right: none; }
table.currencies td { text-align: right; border-left: none; border-top: none; border-bottom: none; }
table.currencies td.last { border-right: none; }
table.projectlist { margin-left: auto; margin-right: auto; text-align: left; border-collapse: separate; border-spacing: 2em 0.2em; }
table.projectlist td.package a { text-decoration: none; font-weight: bold; }
table.projectlist td.summary a { text-decoration: none; }
table.projectlist td.version a { text-decoration: none; }
table.projectlist td.updated a { text-decoration: none; font-size: 90%; }
.comment { font-size: 90%; font-style: oblique; }
div.day h2 a { text-decoration: none; font-size: x-large; }
.brand { font-family: monospace; }
pre.example, div.quickref pre { margin-left: 2em; margin-right: 2em; padding: 0.4em; }
pre.example.inline { display: inline-block; margin-top: 0; margin-bottom: 0; }
h1,h2,h3,h4,th { margin: 0.2em 0em 0.2em 0em; text-align: left; }
h1 { font-size: 150%; font-weight: bold; margin-left: -0.3em; padding-left: 0.3em; }
h2 { font-size: 130%; font-weight: bold; }
h2:nth-child(n+2) { margin-top: 2em; }
h3 { font-size: 110%; font-weight: bold; margin-top: 0.8em; }
h4 { font-size: 102%; font-weight: bold; margin: 0.2em 20% 0.2em 0.8em; }
span.skipnav { font-size: 1pt; display: none; }
nav.nav { position: fixed; top: 0.2em; left: 0.2em; }
.nav ul, .nav menu { list-style-type: none; margin: 0em; padding: 0em; }
.nav ul li a, .nav menu li a { width: 11em; display: block; margin: 2px 2px 2px 0px; padding: 0.1em; overflow: hidden; text-overflow: ellipsis; }
.nav .sub li a { margin-left: 0.8em; width: 10.2em; }
.nav .subsub li a { margin-left: 1.6em; width: 9.4em; }
.nav .subsubsub li a { margin-left: 2.4em; width: 8.6em; }
.nav a { text-decoration: none; font-size: 80%; }
.nav h2 { font-size: 90%; font-weight: bold; border: none; text-decoration: underline; margin-top: 1em; }
.nav p { font-size: 80%; }
#footer { padding: 0.2em; text-align: right; font-size: 80%; margin-top: 4px; }
#footer a { text-decoration: none; }
span.w3cvalid { position: absolute; left: 0.1em; bottom: 0.1em; width: auto; height: auto; }
div.sidebox, div.sideboxprint, div.sideboxsmall, div.sideboxsmallprint { padding: 1em; margin-left: 1em; margin-bottom: 1em; float: right; width: auto; }
div.sideboxsmall *, div.sideboxsmallprint * { padding: 0.2em; width: auto; min-width: 10%; font-size: 80%; }
aside.downloadlinks { margin: 1em 1em 1em 2em; float: right; clear: right; padding: 0; }
table.currencies { position: absolute; top: auto; left: 0.2em; bottom: 7em; padding-bottom: 1em; font-size: 80%; }
table.currencies th { font-size: 60%; }
table.currencies td { font-size: 80%; }
.upaline { margin-top: -1em; }
.loggedinas { display: block; margin-top: 20px; margin-bottom: 4px; text-align: center; font-size: x-small; }
table.portfolio { margin-left: 10%; margin-right: 10%; margin-bottom: 1em; border-collapse: separate; border-spacing: 2em 0.2em; }
table.portfolio tr td { vertical-align: top; padding: 0.5em; }
table.portfolio tr td:nth-child(1) { white-space: nowrap; }
table.portfolio tr td:nth-child(3) { white-space: nowrap; }
table.portfolio tr td:nth-child(4) span { white-space: nowrap; }
table.portfolioitemsummary { margin-left: 20%; margin-right: 20%; margin-bottom: 1em; }
table.portfolioitemsummary thead tr th { text-align: center; text-decoration: underline; padding: 0.5em; }
table.portfolioitemsummary tbody tr th, table.summary tbody tr td { vertical-align: top; padding: 0.5em; text-align: left; }
table.portfolioitemsummary tbody tr th { white-space: nowrap; border-bottom: none; }
table.portfolioitemsummary tbody tr td ul { margin-top: 0.5em; padding-left: 1.2em; }
#header-name { font-size: 150%; font-weight: bold; text-align: right; margin: 0.2em 0em 0.2em 0em; }
#header-description { font-weight: normal; text-align: center; font-size: 100%; font-style: italic; padding-bottom: 0.5em; }
div#content h2 { border: none; margin-top: 0px; }
div#content h2 a { text-decoration: none; }
div.asset-body { margin-bottom: 2em; }
span.byline { display: block; text-align: right; margin-top: -3px; margin-bottom: 3px; font-size: 80%; font-style: italic; }
.frontpagesummary { text-align: center; font-style: italic; font-size: 90%; padding: 0.5em 1em 0.5em 1em; margin-top: -0.4em; }
div.generalindex { margin-left: 25%; margin-right: 25%; }
.donate { font-size: 100%; position: absolute; left: 0.2em; bottom: 6.1em; }
.donate span.bracket { visibility: hidden; }
.donate b a { font-weight: normal; display: block; padding: 0em 0.2em 0em 0.2em; margin: 0em; text-decoration: none; }
.donate b a:hover { text-decoration: none; }
div.fsflink { padding: 0.2em; text-align: right; font-size: 80%; margin-top: 4px; }
figure img { max-width: 80%; }
.due, .overdue { font-weight: bold; }
details { margin-left: 2em; margin-right: 2em; border: dashed #000 1px; padding: 0.4em; }
details pre.example { margin-left: 1em; margin-right: 1em; }

@media screen {
	body { padding-left: 11em; margin-left: 0em; margin-top: 0em; padding-right: 1em; }
	.blog-permalink { text-align: right; margin-top: 0em; margin-bottom: 0em; font-size: 80%; }

	nav.nav { position: fixed; }
	body > .donate { position: fixed; }
	body .donate { position: fixed; }
	body > form > p > .donate { position: fixed; }
	body > .currencies { position: fixed; }
	body > div.adboxside { position: fixed; }

	.printonly { display: none; }

	div#beta { position: absolute; font-size: 80%; top: 20em; width: 11em; display: block; padding: 0em 0.2em 0em 0.2em; left: 0.2em; }
	div#beta ul { list-style-type: none; margin: 0em; padding: 0em; }
	div#beta ul li a { width: 11em; display: block; margin: 2px 2px 2px 0px; padding: 0.1em; }
	div#beta a { text-decoration: none; font-size: 80%; }
	div#beta h3 { font-size: 100%; margin-top: 1em; }
}

@media print {
	body { padding-left: 0em; }
	h1 { text-align: center; padding: 0.1em; margin: 0em; }
	#navbar-iframe { display: none; }
	.post-footer { display: none; }
	.blog-permalink { display: none; }
	h1,h2,h3,h4,th {
		color: #000;
		background-color: #ddd;
		text-align: left;
		padding: 0.2em;
	}
	h1 { font-size: 150%; margin-right: 0em; }
	h2 { font-size: 130%; }
	h3 { font-size: 110%; }
	h4 { font-size: 102%; }
	small { font-size: 80%; }
	body { color: #000; background-color: #FFF; }
	a { text-decoration: none; color: #000; }
	nav.nav { display: none; }
	div.sidebox { display: none; }
	div.sideboxsmall { display: none; }
	div.sideboxprint { background-color: #FFF; }
	div.sideboxsmallprint { background-color: #FFF; }
	div.adbox { display: none; }
	#footer { display: none; }
	div#beta { display: none; }
	.noprint { display: none; }
	input[type=submit] { display: none; }
	input[type=password] { display: none; }
}

@media screen and (max-width: 50rem) {
	body { padding-left: 1em; }
	nav.nav { position: static; display: block; }
	header { position: static; display: block; }
	main.main { clear: both; }
	body > .donate { position: static; display: block; }
	body .donate { position: static; display: block; }
	body > form > p > .donate { position: static; }
	body > .currencies { position: static; }
	body > div.adboxside { position: static; }
	aside.downloadlinks + * { clear: both; }
	div.generalindex { margin-left: 1em; margin-right: 1em; }
}

@media screen and (max-width: 70rem) {
	table.portfolioitemsummary { margin-left: 1em; margin-right: 1em; }
	table.portfolioitemsummary tbody tr th { display: block; }
	table.portfolioitemsummary tbody tr td { display: block; padding-left: 2em; }
}

@media screen and (max-width: 80rem) {
	table.portfolioitemsummary { margin-left: 1em; margin-right: 1em; }
}

@media screen and (max-width: 90rem) {
	table.projectlist { margin-left: 4px; margin-right: 4px; }
	table.projectlist thead { display: none; }
	table.projectlist tbody tr td.package { display: block; font-weight: bold; }
	table.projectlist tbody tr td.summary { display: block; padding-left: 1em; }
	table.projectlist tbody tr td.summary::after { content: "."; }
	table.projectlist tbody tr td.version::before { content: "Version: "; font-weight: bold; }
	table.projectlist tbody tr td.version { display: block; padding-left: 1em; }
	table.projectlist tbody tr td.updated { display: block; padding-left: 1em; padding-bottom: 1em; }
	table.portfolio { margin-left: 4px; margin-right: 4px; }
	table.portfolio thead { display: none; }
	table.portfolio tbody tr td:nth-child(1) { display: block; font-weight: bold; }
	table.portfolio tbody tr td:nth-child(2) { display: block; padding-left: 2em; }
	table.portfolio tbody tr td:nth-child(3)::before { content: "Role: "; font-weight: bold; }
	table.portfolio tbody tr td:nth-child(3) { display: block; padding-left: 2em; }
	table.portfolio tbody tr td:nth-child(4)::before { content: "Technologies: "; font-weight: bold; font-style: normal; }
	table.portfolio tbody tr td:nth-child(4) { display: block; padding-left: 2em; font-style: italic; }
}

body { background-color: #fff; color: #000; }
.overdue { color: #800; background-color: #fdd; }
a:active { color: #00c; }
a:visited { color: #008; }
a:hover { color: #04C; }
acronym { border-bottom: dashed #000 1px; }
abbr { border-bottom: dashed #000 1px; }
pre.example, div.quickref pre { background: #eee; color: #000; border: solid #000 1px; }
div#beta { border-bottom: solid #9bc 1px; }
div#beta ul li a { border: solid #9bc 1px; }
div#beta a { color: #000; }
h1 a { color: #000 !important; }
.error { border: solid #800 2px; color: #800; background-color: #fdd; }
.notice { border: solid #880 2px; color: #000; background-color: #ffd; }
div.rhelnote { border: solid #860 1px; color: #000; background-color: #ffe; }
tr.button td a img { border: solid #000 1px; }
.deprecated { color: #666; }
a.deprecated { color: #668; }
div.paytable table table { border: double #000 3px; }
table.projectlist td.summary a { color: #000; }
table.projectlist td.version a { color: #000; }
table.projectlist td.updated a { color: #444; }
table.projectlist td a.deprecated { color: #666; }
div.day h2 a { color: #000; }
a { color: #006; }
h1,h2,h3,h4,th { color: #000; border-bottom: solid #000 1px; }
h1 { background-color: #eef; }
h3 { border-bottom: dashed #000 1px; }
h4 { border-bottom: dashed #888 1px; }
nav.nav { border-bottom: solid #9bc 1px; }
.nav ul li a, .nav menu li a { border: solid #9bc 1px; }
.nav a { color: #000; }
.nav a:visited { color: #024; }
.nav a:hover { background-color: #dff; color: #024; }
.nav a.current { color: #000; }
.nav a.current:visited { color: #012; }
.nav a.current:hover { background-color: #bde; color: #008; }
#footer { border-top: solid #000 1px; color: #888; }
#footer a { color: #667; }
div.sidebox, div.sideboxprint, div.sideboxsmall, div.sideboxsmallprint { border: solid #000 1px; background-color: #eef; color: #000; }
aside.downloadlinks { border: double #000 3px; background-color: #fff; color: #000; }
table.currencies { border: solid #222 1px; background-color: #eee; color: #444; }
table.currencies th { border-right: solid #444 1px; border-bottom: solid #444 1px; color: #444; }
table.currencies td { border-right: solid #444 1px; }
table.currencies td a { color: #446; }
.loggedinas { border: solid #000 1px; background: #ddd; color: #000; }
table.portfolioitemsummary { border: solid #000 1px; }
#header-name { color: #000; border-bottom: solid #000 1px; }
#header-name a { color: #000 !important; }
div#content h2 { border-bottom: solid #000 1px; }
div#content h2 a { color: #000 !important; }
.frontpagesummary { border-bottom: solid #000 1px; }
.donate b a { border: double #9bc 4px; background-color: #eef; color: #000; }
.donate b a:hover { border: double #9bc 4px; background-color: #dff; color: #024; }
div.fsflink { border-top: solid #000 1px; }

@media screen and (prefers-color-scheme: dark) {
	body { background-color: #111; color: #eee; }
	.overdue { color: #c00; background-color: #422; }
	a { color: #bbd; }
	a:active { color: #cce; }
	a:visited { color: #aad; }
	a:hover { color: #cdf; }
	acronym { border-bottom: dashed #eee 1px; }
	abbr { border-bottom: dashed #eee 1px; }
	pre.example, div.quickref pre { background: #222; color: #ccc; border: solid #ccc 1px; }
	h1 a { color: #ccc !important; }
	h1,h2,h3,h4,th { color: #ccc; border-bottom: solid #ccc 1px; }
	h1 { background-color: #113; }
	h3 { border-bottom: dashed #ccc 1px; }
	h4 { border-bottom: dashed #888 1px; }
	.error { border: solid #800 2px; color: #800; background-color: #422; }
	.notice { border: solid #880 2px; color: #ccc; background-color: #442; }
	div.rhelnote { border: solid #888 1px; color: #ccc; background-color: #332; }
	tr.button td a img { border: solid #ccc 1px; }
	.deprecated { color: #999; }
	a.deprecated { color: #99a; }
	div.paytable table table { border: double #ccc 3px; }
	table.projectlist td.summary a { color: #ccc; }
	table.projectlist td.version a { color: #ccc; }
	table.projectlist td.updated a { color: #888; }
	table.projectlist td a.deprecated { color: #999; }
	div.day h2 a { color: #ccc; }
	nav.nav { border-bottom: solid #356 1px; }
	.nav ul li a, .nav menu li a { border: solid #356 1px; }
	.nav a { color: #ccc; }
	.nav a:visited { color: #def; }
	.nav a:hover { background-color: #355; color: #def; }
	.nav a.current { color: #ccc; }
	.nav a.current:visited { color: #cde; }
	.nav a.current:hover { background-color: #355; color: #ccf; }
	#footer { border-top: solid #ccc 1px; color: #888; }
	#footer a { color: #667; }
	div.sidebox, div.sideboxprint, div.sideboxsmall, div.sideboxsmallprint { border: solid #ccc 1px; background-color: #223; color: #ccc; }
	aside.downloadlinks { border: double #ccc 3px; background-color: #111; color: #eee; }
	table.currencies { border: solid #aaa 1px; background-color: #444; color: #999; }
	table.currencies th { border-right: solid #999 1px; border-bottom: solid #999 1px; color: #999; }
	table.currencies td { border-right: solid #999 1px; }
	table.currencies td a { color: #99b; }
	.loggedinas { border: solid #ccc 1px; background: #444; color: #ccc; }
	table.portfolioitemsummary { border: solid #ccc 1px; }
	div#beta { border-bottom: solid #356 1px; }
	div#beta ul li a { border: solid #356 1px; }
	div#beta a { color: #ccc; }
	#header-name { color: #ccc; border-bottom: solid #ccc 1px; }
	#header-name a { color: #ccc !important; }
	div#content h2 { border-bottom: solid #ccc 1px; }
	div#content h2 a { color: #ccc !important; }
	.frontpagesummary { border-bottom: solid #ccc 1px; }
	.donate b a { border: double #356 4px; background-color: #334; color: #ccc; }
	.donate b a:hover { border: double #356 4px; background-color: #344; color: #bce; }
	div.fsflink { border-top: solid #ccc 1px; }
	textarea, input[type=text], input[type=submit], select { background-color: #222; color: #ccc; }
	details { border: dashed #ccc 1px; }
}