@charset "utf-8";
@import url("/typography.css");
/*#CA0002*/
html {background:#000}
html,body {margin:0;padding:0}
body {background:#fff;font-family:'DejaVu Sans',verdana,sans-serif;font-size:100%;max-width:100vw}
h1, h2, h3 {font-family:'Lucida Sans Unicode','Lucida Grande','Trebuchet MS',sans-serif}
h1 {font-size:2rem}
h2 {font-size:1.5rem}
h3 {font-size:1.2rem}
sub {vertical-align:sub}
sup {vertical-align:super}
dt,.bold {font-weight:900}
pre,code,tt {
	font-family:'DejaVu Sans Mono','Andale Mono','Bitstream Vera Sans Mono',monospace,serif;
/*	font-size:95%*/
}
/* * * * */
#header,#navigation {display:flex}
#header {flex-direction:column}
.topblock,.navbar {flex-direction:row;flex-wrap:nowrap}
.topblock {
	height:115px;
	background: url(/img/topredgrad2.png) 0 0 repeat-x
}
.logo {
	font-family:forgefont,tahoma,sans-serif;
	font-size:5em;
	margin:0 0 0 0.3em;
	color:#ca0002;
	text-shadow:1px 2px 4px #444
}
a.logo,a.logo:hover {text-decoration:none}
a.logo:hover {
	-webkit-transition:all 0.35s ease-in;
	transition:all 0.35s ease-in;
	-moz-transition:all 0.35s ease-in;
	-o-transition:all 0.35s ease-in;
	color:#d9d9d9
}
#navigation {flex-direction:row;flex-wrap:nowrap;justify-content:center;vertical-align:middle;height:57px;background: url(/img/midredgrad.png) 0 0 repeat-x}
.navbar {display:flex;flex-direction:row;flex-wrap:nowrap;height:41px;margin:0 auto;padding:8px 0}
.navbut-left,.navbut-right {width:19px}
.navbut-left {background:url(/img/blackbarleft.png) 0 0 no-repeat}
.navbut-right {background:url(/img/blackbarright.png) 0 0 no-repeat}
.navbut {background: url(/img/blackbarback.png) 0 0 repeat-x;padding:0 0.3em;line-height:2.5rem}
.buttonsep {width:2px;background: url(/img/buttonsep.png) 0 0 no-repeat}
.navbut form {max-height:40px}
.navbut fieldset {border:0;padding:0}
.navbut input[type=text],.navbut input[type=submit] {line-height:1.5rem}
.navbut input[type=text] {
	background:#fff;
	border:0;
	border-top:0.12rem solid #646464;
	border-radius: 0.7rem 0 0 0.7rem;
	box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,0.60);
	text-indent:0.8rem;
	color:#000
}
.navbut input[type=submit] {
	border-color:transparent;
	background:transparent;
	margin-left:-0.5rem;
	padding-right:0.1rem;
	font-size:1.1rem;
	font-weight:900;
	color:#404040;
text-shadow: rgba(255,255,255,0.5) -1px 0, rgba(255,255,255,0.3) 0 -1px, rgba(0,0,0,0.5) 0 1px, rgba(255,255,255,0.3) -1px -2px;
	cursor:pointer
}
.navbut input[type=submit]:hover {
	color:#505050;
	text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
	text-transform:none
}
#navigation a:link,#navigation a:visited {
	font-weight:bold;
	color:#404040;
	text-shadow:rgba(255,255,255,0.5) -1px 0, rgba(255,255,255,0.3) 0 -1px, rgba(0,0,0,0.5) 0 1px, rgba(255,255,255,0.3) -1px -2px;
	text-decoration:none
}
#navigation a:hover,#navigation a:focus {
	color:#505050;
	text-shadow:rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
	text-transform:none
}

h1.title {
	background: -ms-linear-gradient(90deg, rgb(168, 0, 0) 30%, rgb(143, 1, 0) 60%);
	background: linear-gradient(180deg, rgb(168, 0, 0) 30%, rgb(143, 1, 0) 60%);
	margin:0;
	line-height:84px;
	vertical-align:middle;
	text-indent:1.2rem;
	color:#444;
	text-shadow:1px 2px 3px #d9d9d9
}
h1.title a:link,h1.title a:visited {color:#ca0002;text-shadow:1px 2px 4px #444;text-decoration:none}
h1.title a:hover,h1.title a:focus {color:#d9d9d9}
h2 {text-indent:1.2rem;color:#ca0002;text-shadow:1px 2px 4px #444}
#content {padding-top:3rem}
#content p {margin:0 1.7rem 0 1.5rem}
#content p:first-letter {font-family:DejaVuSerif-Bold;margin-left:0.5rem;font-size:2.5rem}
#content a:link,#content a:visited {
	color:#b90302;
	text-shadow:1px 1px 1px rgba(100, 100, 100, 0);
	text-decoration:none
}
#content a:hover,#content a:focus {color:#d30102;text-shadow:1px 1px 1px rgba(100, 100, 100, 1);text-decoration:none}
#content dl {padding-bottom:1rem;padding-left:1.5rem}
#content dd {margin-left:2rem}
#content dl.ports dd {padding-bottom:1rem}
#content ul.categories {list-style:none;padding-top:0.3rem}
#content ul.categories li:before {color:#333;font-weight:900;content:'\2726\2002'}
.bottomnav {width:92%;margin-top:1.2rem;padding-top:0.8rem;border-top:0.1rem dashed silver}
/*hr {
	border:0;
	width:100%;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0)
 }*/
#bottomblocks {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	padding-bottom:1.7rem;
	background:#222;
	font-family:AGW,sans-serif
}
#bottomblocks h3 {color:#2fbcbc;margin-bottom:0.3rem;font-family:harlem,serif;text-align:justify}
.left,.mid,.right {width:30vw;padding:0;text-align:center}
#bottomblocks ul {
	height:80%;
	background:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(102,102,102,1) 50%, rgba(0,0,0,1) 100%);
	background:-ms-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(102,102,102,1) 50%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
	margin:2rem 2rem 0 2rem;
	list-style:none;
	width:75%;
	text-align:left;
	border:0.12rem solid #222;
	border-radius:0.8rem;
	padding-bottom:0.7rem
}
#bottomblocks a:link,#bottomblocks a:visited {color:#34d034}
#bottomblocks a:hover,#bottomblocks a:focus {color:#00a200;text-shadow: 1px 1px 1px rgba(255, 255, 255, 1)}
#footer {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	text-align:justify;
	flex-flow: row nowrap;
	align-items: center;
	height:28px;
	background:#c20002 url(/img/bottomredbar.png) 0 0 repeat-x;
	color:#191919;
	border-bottom:0.2em solid #c20002
}
#footer .left,#footer .right {font-size:0.9rem}
#footer .left {flex-basis:60%}
#footer .right {flex-basis:40%}
#footer a:link,#footer a:visited {color:#fff;text-decoration:none}
#footer a:hover,#footer a:focus {text-shadow:1px 1px 1px rgba(100, 100, 100, 1)}
#footer span sup {font-size:50%}
/* manual */
#manual {min-height:100vh;max-width:99vw;padding:0 1rem}
#manual h1,#manual h2,#manual h3 {font-family:'Lucida Sans Unicode','Lucida Grande','Trebuchet MS',sans-serif}
#manual h1 {font-size:190%}
#manual h2 {font-size:150%}
#manual h3 {font-size:120%}
.toc  ul {list-style:none}
.toc li {font-size:150%;font-weight:bold;text-shadow:1px 2px 4px #444}
#manual #menu {display:flex;flex-wrap:no-wrap;justify-content: space-around;padding:1rem 0}
#manual #menu a:nth-child(1):after {content:'\2009\2009\25B6'}
#manual #menu a:nth-child(2):before {content:'\25C0\2009\2009'}
#manual #menu a:nth-child(3):before {content:'\25B2\2009\2009'}
#manual #menu a {text-align:center;font-weight:bold}
#manual a {color:#00e;text-decoration:none}
#manual h1,#manual h2 {margin:0 auto}
#manual h1,#manual h2,#manual p {max-width:98vw}
#manual dl,#manual p {margin:0 auto 0 2rem}
#manual dl {max-width:50%}
#manual dt {margin-top:0.5rem}
/* faq */
#faq {min-height:100vh;max-width:99vw;padding:0 1rem;font-size:100%}
#faq h1,#faq h2,#faq h3 {font-family:'Lucida Sans Unicode','Lucida Grande','Trebuchet MS',sans-serif}
#faq h1 {font-size:2rem;color:#ca0002;text-shadow:1px 2px 4px #444}
#faq h2 {font-size:1.5rem}
#faq h3 {font-size:1.3rem;color:#ca0002;text-shadow:1px 1px 3px #444}
#faq q {content:''}
#faq q:before,#faq q:after {content: '\0022'}
#faq .aside {display:block;min-width:280px;margin-bottom:2.2rem;margin-left:74vw;font-size:0.85rem}
#faq em.info {display:block;width:55vw;min-width:480px;margin:0 auto;padding:0.95rem 1.15rem;border:0.2rem solid #cacaca;font-style:normal}
#faq #menu {display:flex;flex-wrap:no-wrap;justify-content: space-around;padding:1rem 0}
#faq #menu a:nth-child(1):after {content:'\2009\2009\25B6'}
#faq #menu a:nth-child(2):before {content:'\25C0\2009\2009'}
#faq #menu a:nth-child(3):before {content:'\25B2\2009\2009'}
#faq #menu a {text-align:center;font-weight:bold}
#faq a {color:#00e;text-decoration:none}
#faq pre,#faq tt,#faq kbd,#faq dt {
	font-family:'DejaVu Sans Mono','Andale Mono','Bitstream Vera Sans Mono',monospace,serif;
	color:#A2005C;
	font-size:0.95rem
}
#faq dt {font-weight:bold}
#faq .toc ul {list-style:none}
#faq .toc h2 {font-size:1.2rem}
#faq .toc li {font-size:1.2rem;font-weight:bold;text-shadow:1px 1px 3px #777}