html {
	background-color:#f0f0f0;
	color:#444;
}

/*h1, h2, h3, h4, h5 {
	font-family:sans-serif;
}*/

#wrapper {
	max-width:80em;
	margin:0 auto;
}

#menu {
	background-color:#f7f7f7;
	padding:0.3em;
	color:#999;
}

#menu .item {
	padding:0.3em;
	background-color:#eee;
	margin-right:0.1em;
	color:#666;
}

#menu .item a {
	text-decoration:none;
}

#menu .item:hover {
	background-color:#e0e0e0;
}


#menucontact {
	color:#ccc;
	float:right;
}

blockquote {
	display:inline-block;
	font-size:80%;
}

#qotd {
	text-align:right;
	margin-top:4em;
}

blockquote .source {
	display:block;
	font-style:italic;
	font-size:75%;
	color:#777;
}

#article{
	background-color:#fcfcfc;
	padding:0.2em 1em 0.2em 1em;
}

/*inline code segments*/
#article code{
	background-color:#c0afc0;
	color:#637;
	padding:0.2em;
	border-radius:0.2em;
	display:inline-block;
}

/*paragraphs & tables*/
p{
	margin:0 0.2em 0.2em 1em;
}

#article p, #article table{
	margin:0 0.5em 0.5em 1.3em;
	padding:0;
}

/*default preformatted*/
#article pre{
	margin:0 0.5em 0.5em 1.8em;
}

/*pre sections should not touch floats*/
#article div.console, #article div.file {
	clear:both;
}

#article pre code{
	background:linear-gradient(90deg, #f0fff0, #f0fff0 80%, #f0f0f0);
	font-family:monospace;
	padding:0.8em;
	width:90%;
	margin:0;
	overflow:auto;
}

/*collapsed segment*/
#article pre code.collapsed{
	overflow:hidden;
	height:4.6em;
}

/*segment types*/
#article .console pre code{
	background:linear-gradient(90deg, #101010, #101010 80%, #f0f0f0);
	color:#99ddff;
}

#article .file pre code{
	background:linear-gradient(90deg, #80c080, #80c080 80%, #f0f0f0);
	color:#438;
}

#article .file pre{
	margin-bottom:0;
}

/*segment subtitle*/
#article .file p{
	margin:0.1em 0 1em 3em;
	padding:0.5em;
	background-color:#90d090;
	display:inline-block;
	font-style:italic;
	font-size:60%;
	vertical-align:top;
	border-radius:0.2em;
	box-shadow:0.1em 0.1em 0.2em 0 #888888;
}

#article h2{
	margin:0.7em 0 0.2em 0.3em;
}

#article h3{
	margin:0.5em 0 0.2em 0.8em;
	clear:both;
}

#article h4{
	margin:0.5em 0 0.2em 1em;
}

#article .inline-img img{
	width:20em;
	border:1px solid grey;
	display:block;
	padding:0.2em;
}

#article .inline-img {
	display:inline;
	float:right;
	text-align:right;
	font-size:80%;
	font-style:italic;
	padding:0.7em;
}

#footer{
	text-align:right;
	color:#888;
	font-size:80%;
}

.small{
	font-size:40%;
}

.expl-list ul li ul{
	list-style-type:none;
}

.note {
	font-size:75%;
}

.twoblocks {
	display:inline-block;
	width:48%;
	vertical-align:top;
}