html,body {
	margin:0;
	padding:0;
}

body {
	background:#eee url(/images/bg.png) scroll repeat-x;
	font:10pt Arial,sans-serif;
	padding:0 3ex;
}

header {
	max-width:830px;
	padding:2em 15px;
	margin:0 auto;
}

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

header ul li {
	font-family:Lato,Arial,sans-serif;
	font-weight:bold;
	padding:1ex;
}

@media (min-width: 640px) {
	header img {
		float:left;
	}

	header ul {
		float:right;
		margin:0;
	}

	header ul li {
		float:left;
		padding:1.5ex;
	}
}

header ul li a {
	color:#666;
}

header ul li a.current, header ul li a:hover {
	color:#47a;
	text-decoration:none;
}

.heart {
	color:#c23;
	opacity:.75;
	margin-right:3px;
}

.current .heart {
	opacity:1;
	color:#47a;
}

main {
	max-width:800px;
	color:#444;
	background-color:white;
	border:1px solid #ddd;
	border-radius:7px;
	margin:0 auto 2em auto;
	padding:10px 30px 20px 30px;
	line-height:1.4;
}

#download {
	width:260px;
	padding:1ex 0;
	margin:2ex auto;
}

@media (min-width: 640px) {
	#download {
		float:right;
		border-left:1px solid #ddd;
		padding:1ex 0 1ex 4ex;
		margin:2ex 0 2ex 3ex;
	}
}

#download > a {
	display:block;
	width:248px;
	height:84px;
	background:transparent url(/images/download.png);
	color:white;
	font:normal normal bold 14pt/1em Lato,Arial,sans-serif;
}

#download > a > strong {
	display:block;
	font:normal normal bold 14pt/1em Lato,Arial,sans-serif;
	padding:20px 0 0 16px;
}

#download > a > .version {
	display:block;
	font:normal normal normal 10pt/1em Lato,Arial,sans-serif;
	padding:6px 0 0 16px;
}

h1,h2 {
	font-family:Georgia,serif;
	font-weight:normal;
}

h1 {
	margin:1ex 0;
	color:#444;
	font-size:200%;
}

h2 {
	margin:2ex 0 1ex 0;
	color:#47a;
	font-size:150%;
}

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

a:hover {
	text-decoration:underline;
}

a[href^="http:"], a[href^="https:"] {
	background: transparent url('../images/extern.gif') 100% 50% no-repeat;
	padding-right: 12px;
}

a img {
	border-style:none;
}

tt {
	background-color:#eee;
	border-radius:3px;
	font:normal normal normal 100% monospace;
	padding:1px 2px;
}

address, pre, .msg {
	background-color:#eee;
	border:1px solid #ccc;
	border-left:5px solid #ccc;
	font:normal normal normal 100% monospace;
	margin:5px;
	padding:5px;
}

.msg pre {
	background-color:transparent;
	border:none;
	margin:0;
	padding:0;
}

ul.pkglist li {
	margin-bottom:1ex;
}

ul.gallery {
	list-style-type:none;
	margin:0 auto;
	padding:0;
}

ul.gallery li {
	text-align:center;
	display:inline-block;
	width:200px;
	margin:10px;
	padding:5px;
}

ul.gallery li img {
	margin:0 0 8px 0;
}

ul.gallery a {
	text-decoration:none !important;
}

table {
	width:100%;
	border-collapse:collapse;
}

tr.high,tr.high a {
	color:white;
	background-color:#d88;
}

tr.high a[href^="http:"], tr.high a[href^="https:"] {
	background: transparent url('../images/extern-bright.gif') 100% 50% no-repeat;
}

th,td {
	text-align:left;
	white-space:nowrap;
	padding:2px .5em;
}

th {
	border-bottom:1px solid #aaa;
}

dt {
	font-weight:bold;
	padding:1ex 0 0 0;
}

footer {
	max-width:800px;
	color:#888;
	border-top:1px solid #ccc;
	font-size:8pt;
	margin:2em auto;
	padding:2ex 3ex;
	text-align:right;
}

ul.donate-list {
	font:normal normal normal 100% Lato,Arial,sans-serif;
	line-height:1;
	margin:30px 5px;
	padding:15px 10px 10px 15px;
	list-style:none;
	display:inline-flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	border-radius:10px;
	-webkit-box-shadow: 0 .15rem 0.75rem 0 rgba(58,59,69,.25) !important;
	box-shadow: 0 .15rem 0.75rem 0 rgba(58,59,69,.25) !important;
}

ul.donate-list li {
	display:inline-block;
	margin:0 5px 5px 0;
}


@media (min-width: 640px) {
	ul.donate-list li.sp {
		margin-right:20px;
	}
}

.donate-box, ul.donate-list li a {
	display:flex;
	color:#666;
	background-color:#eee;
	border:1px solid #ccc;
	border-left:5px solid #ccc;
	border-radius:3pt;
	cursor:hand;
	height:55px;
	padding:0 2ex;
	flex-direction:column;
	justify-content:center;
}

ul.donate li a {
	font-size:13pt;
}

.donate-box {
	flex-grow:3;
}

ul.donate-list li a:hover {
	color:white;
	font-weight:bold;
	text-decoration:none;
	background-color:#47a;
	border:1px solid #269;
	border-left:5px solid #269;
	border-radius:3pt;
}

ul.donate-list li input {
	display:inline-block;
	margin:0 1ex 0 0;
	padding:3px;
	width:100px;
}

ul.donate-list li select {
	display:inline-block;
	margin:0;
	padding:3px;
	width:100px;
}

#donate-custom {
	display:none;
}

.donate-currency {
	font-size:30pt;
	margin:0 10px;
}

img {
	max-width: 100%;
}

pre {
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: auto;
}

.error {
	color: #c23;
	font-weight: bold;
}