body {
	background-color: #333;
	color: #000;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	margin: 0;
}

a {
	color: #369;
}
a:hover {
	text-decoration: none;
}
a img {
	border: 0;
	vertical-align: middle;
}

h2,h3,h4 {
	clear: both;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	font-weight: bold;
}
h2, h2 a,
h3, h3 a,
h4, h4 a {
	color: #036;
	text-decoration: none;
}
h2 a:hover,
h3 a:hover,
h4 a:hover {
	text-decoration: underline;
}
h3 {
	border-bottom: 1px solid #036;
	font-size: 1.5em;
}
h4 {
	font-size: 1em;
}

span.button {
	background: #0c0 url('http://www.freedos.org/images/download-arrow.png') 1em center no-repeat;
	border: 1px solid #090;
	border-radius: 3px;
	box-shadow: 0 0 4px #333;
	padding: 1em 1em 1em 40px;
}
	span.button a {
		color: #fff;
		text-decoration: none;
	}
	span.button a:hover {
		text-decoration: underline;
	}

div.figure {
	display: none;
}
span.figcaption {
	display: block;
	font-size: small;
	font-style: italic;
}

td,th {
	vertical-align: top;
}
	td a {
		white-space: nowrap;
	}

dd {
	margin: 1em 2em;
}

ul.checklist {
	list-style-image: url('http://www.freedos.org/images/check.png');
}

ul.imagelist {
	list-style-type: none;
}
	ul.imagelist li {
		display: inline;
		float: left;
		height: 200px;
		margin: 1em;
		padding: 2em;
		text-align: center;
		width: 200px;
	}
	ul.imagelist li span {
		display: block;
		font-size: small;
		font-style: italic;
	}
	ul.imagelist li img {
		border: 0;
	}

/* top-level padding */

#logo, #search, #aside, #article, #trademark, #social, #sourceforge {
	padding: 0 1px;
}

/* specific divs */

#page {
	background-color: #fff;
	margin: 0 1px;
}
	#header {
		background-color: #1e517c; /* default */
		background: linear-gradient(-45deg,
			#205887 25%, #1e517c 25%,
			#1e517c 50%, #205887 50%,
			#205887 75%, #1e517c 75%);
		background-size: 33px 33px;
	}
		#search {
			float: right;
		}
			form fieldset {
				border: 0;
			}
			form legend {
				display: none;
			}
		#logo {
			background: linear-gradient(transparent 60%, rgba(0,0,0,.2) 90%);
		}
			#logo h1 {
				margin: 0;
			}
	#nav {
		font-weight: bold;
	}
		#links {
			background-color: #f16c00;
			background: linear-gradient(#f60, #f16c00);
			border-bottom: 1px solid #f60;
			border-top: 1px solid #333;
			box-shadow: 0 2px 4px #333;
			padding: 1em;
			text-align: center;
		}
			#links a {
				color: #fff;
				text-decoration: none;
				text-shadow: 0 0 4px #333;
				white-space: nowrap;
			}
			#links a:hover {
				text-decoration: underline;
			}
			#links ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
			#links ul li {
				display: inline;
				padding: 0 .5em;
			}
		#download {
			display: none; /* see RWD, below */
			text-shadow: 0 0 4px #333;
		}
	#aside {
	}
		#info {
		}
			#info ul.aboutinfo {
				list-style-image: url('http://www.freedos.org/images/nodethirtythree/n6.png');
				margin: 0;
			}
			#info ul.aboutinfo li {
				margin: 1em 0;
			}
			#info ul.aboutinfo div.details {
				font-style: italic;
				margin: 1em;
			}
	#article {
	}
		#article h4 {
			margin-bottom: 0;
		}
		#article time {
			color: #333;
			display: block;
			font-size: small;
		}
		#article div.markdown_content {
		}
			#article div.markdown_content p {
				margin: 0;
			}
	#footer {
		background-color: #fff; /* default */
		background: linear-gradient(-45deg,
			#f6f6f6 25%, #fff 25%,
			#fff 50%, #f6f6f6 50%,
			#f6f6f6 75%, #fff 75%);
		background-size: 11px 11px;
		border-top: 1px solid #999;
	}
		#social {
			float: right;
		}
			#social ul {
				list-style-type: none;
			}
				#social ul li {
					margin-bottom: 1px;
				}
		#trademark {
		}
		#sourceforge {
			background-color: #000;
			clear: both;
			color: #fff;
			text-align: right;
		}
			#sourceforge a {
				color: #fff;
				text-decoration: none;
			}
			#sourceforge a:hover {
				text-decoration: underline;
			}

/* RWD */

@media only screen
and (max-width : 330px) {
  #logo h1 img {
	width: 200px;
  }
}

@media only screen
and (min-width : 600px) {
h2,h3,h4 {
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: 700;
}
  div.figure {
	border-bottom: 1px dotted #666;
	display: block;
	margin: 0 0 1em 1em;
	padding: 1em;
  }
  div.figure img {
		border: 1px solid #000;
		box-shadow: 0 0 4px #333;
  }
}

@media only screen
and (min-width : 700px) {
  #logo h1, #search, #aside, #article, #trademark, #social, #sourceforge {
	padding: 0 10%;
  }
  #download {
	display: block;
	padding: 2em 0;
	text-align: center;
  }
}

@media only screen
and (min-width : 1000px) {
  div.figure {
	border: 1px dotted #666;
	float: right;
  }
  #footer {
	font-size: small;
  }
}

@media only screen
and (min-width : 1600px) {
  #logo h1, #search, #aside, #article, #trademark, #social, #sourceforge {
	padding: 0 20%;
  }
}