/* Initial styles to minimize browser differences */
html, body, form, fieldset
{
	font:1em/1.5 "DejaVu Sans", "Trebuchet MS", sans-serif;
	text-align:left;
	margin:0;
	padding:0;
}
/* Neutralize styling:Elements with a vertical margin:*/
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address
{
	margin:1em 0;
	padding:0;
}
/* Nested lists don't get a (vertical) margin */
ol ol, ol ul, ol dl, ul ul, ul ol, ul dl, dl ol, dl ul, dl dl
{
	margin:0;
}
/* Unifying display of nested unordered lists:2 deep uses a circle (like Fx) */
ul ul, ol ul
{
	list-style-type:circle;
}
/* Unifying display of nested unordered lists:3 deep (& more) uses a square (like Fx) */
ul ul ul, ul ol ul, ol ol ul, ol ul ul
{
	list-style-type:square;
}
/* Apply left margin:Only to the few elements that need it:*/
li, dd, blockquote
{
	margin-left:1em;
}
/* Miscellaneous conveniences:*/
/* Some HTML5 styling for the benefit of older browsers (but not IE, which needs a JS workaround) */
section, article, header, footer, nav, main, aside, hgroup
{
	display:block;
}
form label
{
	cursor:pointer;
}
fieldset
{
	border:none;
}
abbr, acronym
{
	font-variant:small-caps;

}
/* neutralize Gecko border around linked images */
a img, a:hover img
{
	border:none;

}
/*q { quotes:'\201C' '\201D' '\2018' '\2019'; }*/ /* nice en-us quotes in all browsers that support this, rather than just Gecko */
q
{
	quotes:none;
} /* Changed my mind, I'd rather have hard-coded quotes in Links2, IE, etc. than generated content. */
p
{
	margin:0
}
/*p+p, p+aside+p {text-indent:2em}*/
/* Form field text-scaling */
input, select, textarea
{
	font:1em/1.5 "DejaVu Sans", "Trebuchet MS", sans-serif;
}

/* actual page styling*/
html
{
	background:linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgb(2, 115, 127);
	background-attachment:fixed;
	background-color:#0F7580;
	background-size:500px 500px;
	color:#333;
	hyphens:auto;
	moz-hyphens:auto;
	ms-hyphens:auto;
	webkit-hyphens:auto;
}
h1, h3, h4, h5, h6
{
	font-family:"DejaVu Serif", Georgia, sans;
	font-variant:small-caps;
}
h1, h2, h3, h4, h5, h6
{
	margin-bottom:0;
}
h1+*, h2+*, h3+*, h4+*, h5+*, h6+*
{
	margin-top:0;
}
h1+h2
{
	font-style:italic;
}
h1
{
	font-size:3em;
}
h2
{
	font-size:1.5em;
}
h3
{
	font-size:1.2em;
}
h4
{
	font-size:1.1em;
}
a
{
	color:#c30;
}
a:link
{
	display:inline-block;
	text-decoration:underline;
	text-indent:0;
}
a:visited
{
	color:#c60;
}
a:hover, a:active
{
	background:#c30;
	border:.2em solid #c30;
	border-radius:.2em;
	color:#fff;
	margin:-.2em;
	moz-border-radius:.2em;
	text-decoration:none;
}
abbr, acronym
{
	border-bottom:1px dotted #c30;
}
dt
{
	font-weight:bold;
}
blockquote
{
	background:#cf9;
	border-left:.5em solid #0b0;
	padding:.5em;
}
blockquote > h3
{
	margin-top:0;
}
blockquote > p
{
	margin:-.5em;
	padding:.5em;
}
pre, code
{
	background:#eee;
	color:#000;
	font-family:"DejaVu Sans Mono", Tahoma, courier, monospace;
	hyphens:none;
	moz-hyphens:none;
	moz-tab-size:2;
	o-tab-size:2;
	tab-size:2;
	webkit-hyphens:none;
	white-space:pre-wrap;
}
pre
{
	border:1px solid #090;
	border-bottom-left-radius:2em;
	border-left-width:.5em;
	border-top-right-radius:1em;
	cursor:text;
	overflow:auto;
	padding:.5em;
}
/* Layout */
body
{
	background:#ebf3f4;
	border:.5em solid #D3DADB;
	border-width:0 .5em .5em .5em;
	margin:0 auto 1em;
	max-width:900px;
	padding:0 1em;
	position:relative;
}
header
{
	background:#f8fbfb;
	background:#fff;
	margin:0 -1em 1em -1em;
	margin-bottom:1em;
	padding:1em 1em 0 1em;
}
header h1
{
	margin:0;
}
header h1 img
{
	vertical-align:middle;
}
header h2
{
	border-bottom:.1em solid #000;
}
#about
{
	background:#FFEDC9;
	border:1px solid #aaa;
	border-radius:.5em;
	max-width:100%;
	moz-border-radius:.5em;
	padding:1em;
}
#about h2
{
	margin:0;
}
#download
{
	display:table;
	margin:2em auto 1em auto;
}
#download a
{
	background:#6DB1FF;
	background-image:linear-gradient(to bottom, #6DB1FF 0%, #0077FF 100%);
	background-image:-moz-linear-gradient(bottom, #6DB1FF 0%, #0077FF 100%);
	background-image:-o-linear-gradient(bottom, #6DB1FF 0%, #0077FF 100%);
	background-image:-webkit-linear-gradient(bottom, #6DB1FF 0%, #0077FF 100%);
	border:.2em solid #0065d8;
	border-radius:.2em;
	color:#fff;
	display:table-cell;
	font-weight:bold;
	moz-border-radius:.2em;
	padding:1em;
	text-decoration:none;
}
#download a:hover
{
	background:#6DB1FF;
}
#screenshots > div
{
	clear:both;
	text-align:center;
}
#screenshots > div a
{
	margin:15px;
}
#screenshots > div a:hover, #screenshots > div a:active
{
	border:0;
	opacity:0.8;
}

@media all and (min-width:700px)
{
	header
	{
		margin-bottom:0;
	}
	#about
	{
		float:right;
		margin:2em;
		width:50%;
	}
}