body,html {
	margin:0;
	padding:0;
}
body {
	background:black;
	color:#3bed51;
	font-family:'dejavu sans mono', 'lucida console', console, terminal, monospace;
	font-size:87%;
	padding:.2em;
	line-height:1.3;
}
#header-1 {
	background:no-repeat url( '/inc/img/smxi-header-5.jpg' );
	height:75px;
	position:relative;
}
#header-text {
	font-size:100%;
	font-weight:bold;
	position:absolute;
	top:1px;
	left:10px;
	font-family:monospace;
}
#header-text span {
	font-size:85%;
}
#maincontainer {
	max-width:40em;
	/*width:44em;*/
	margin-left:.4em;
	padding-bottom:6em;
	position:relative;
}
pre {
	background:#0a1e47;
/* 	background:#1f50ff; */
	color:#fff;
	padding:.5em 0;
	max-width:98%;
	/*width:44em;*/
	overflow-x:auto;
}
.quote {
	margin:1em;
	background:#193347;
	color:#bacddb;
	padding:1em;
	max-width:85%;
}
p {
	margin-top:0;
}
a, a:visited {
	color:#fff;
}
a:hover, a:active {
	color:#41f1f8;
	text-decoration:none;
}
.line {
	white-space:nowrap;
	display:block;
	overflow-x:hidden;
}

.b {
	color:#1f48ed;
}
.c {
	color:#ff54ff;
}
.q,.m {
	color:#41f1f8;
}
.n {
	color:#fff;
}
.e {
	color:#ecec4e;
}
.w {
	color:#ae2a06;
}
.clear {
	clear:both;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	margin:0;
	color:#41f1f8;
	clear:both;
	font-weight:normal;
}
h1,h2{
	padding-bottom:0.6em;
}
h1 br,h2 br {
	display:none;
}
h3 {
	padding-bottom:1em;
}
h2,h3,h4,h5,h6 {
/* 	margin-top:1em; */
	padding-top:0.0em;
}
ul, ol {
	margin:0 0 .3em .5em;
	padding:0 0 0 .4em;
}
li {
	margin:0 0 .3em .5em;
	padding:0 0 0 0;
}
#topnav ul {
	padding:.2em 0 0 0;
	margin:0 auto;
}
#topnav ul li {
	margin:0;
	padding:0 0 .2em .0em;
	display:inline-block;
	list-style:none;
	font-weight:bold;
	color:#41f1f8;
}
#topnav br {
	display:none;
}

.navs {
	float:left;
	min-width:12em;
}
.navs ul {
	padding:0;
	margin:0;
}
.navs li {
	list-style:none;
	margin:0 0 .4em 0;
	padding:0;
	color:#fff;
	/*white-space:nowrap;*/
	font-weight:bold;
}
.navs li a, .navs li a:visited {
	color:#fff;
/* 	text-decoration:none; */
	font-weight:normal;
}
.navs li a:hover, .navs li a:active {
	color:#41f1f8;
	text-decoration:none;
}
.pagenav {
	font-size:90%;
	padding-top:1em;
	font-weight:bold;
}

#donations {
	margin-top:1em;
}

#change-log {
	 margin:20px 0;
	 width:95%;
	 height:60ex;
	 background:#fff;
	 color:#000;
	 font-size:100%;
}
.left {
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}
.right {
	float:left;
	margin-left:1em;
	margin-bottom:1em;
}
.half-width {
	width:50%;
}
.clear {
	clear:both;
}
@media only screen and (max-device-width: 800px) {
	.navs li {
		margin-bottom:.7em;
	}
	.half-width {
		width:auto;
	}
}