@media all {
	section, header, footer, article { display: block; }
	time { display: inline; }
}
@media screen {
	* { margin: 0; padding: 0; }
	body { font-family: Arial, sans-serif; font-size: 87.5%; color: #000; background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADIBAMAAADb3JbGAAAALVBMVEV0Vin7563++/D989b878b++Ob867j////99t798M3++u/76bT//ff99Nj87b9e657FAAAAKklEQVQY02NggAMBrHADVvgAL3TAgBOwQgM8sAErDMABF+CAB7DCgsELAXM6W5ESTWUkAAAAAElFTkSuQmCC") repeat-x 0 0; =background-image: url(../images/body-bg-gradient.png); text-align: center; }
	h1, h2, h3, h4 { font-family: Georgia, serif; font-weight: normal; margin-bottom: 0.25em; text-shadow: 1px 1px 2px #ccc; }
	h1 { margin-bottom: 0.5em; letter-spacing: -1px; font-size: 2em; float: left; }
	h2 { font-size: 1.6em; }
	h3 { font-size: 1.3em; }
	h4 { font-size: 1.1em; }
	h1, h1 a { color: #B9121B; }
	h2, h3, h4, h2 a, h3 a, h4 a { color: #745629; }
	p { line-height: 150%; }
	p, pre, ul, ol, hr, dl, article div { margin-bottom: 1em; }
	blockquote { color: #666; font-family: Georgia, serif; font-style: italic; font-size: 1em; line-height: 150%; margin: 2em; border-left: 5px solid #aaa; padding-left: 1em; }
	dl { color: #666; }
	dt { font-weight: bold; margin-left: 1em; }
	dd { margin-bottom: 0.5em; margin-left: 3em; }
	a { color: #1062A1; }
	a:hover { text-decoration: none; }
	ul, ol { margin-left: 3em; }
	ul { list-style-type: square; }
	li ul, li ol { margin-top: 0.5em; margin-bottom: 0; margin-left: 1em; }
	li { line-height: 150%; margin-bottom: 0.5em; }
	a img { border: none; }
	hr { height: 1px; border: none; border-top: 1px solid #745629; background-color: #000; }
	pre { border-left: 5px solid #aaa; font-family: Consolas, "Courier new", monospace; font-size: 0.9286em; color: #000; letter-spacing: 0; padding: 1em 2em; overflow: auto; }
	code { font-family: "Courier new", monospace; color: #666; letter-spacing: 1px; }
	pre code { color: #000; }
	.w100 { width: 100%; }
	.hidden { display: none; }
	.l { text-align: left; }
	.r { text-align: right; }
	.c { text-align: center; }
	.fl { float: left; }
	.fr { float: right; }
	img.fl { margin-right: 1.5em; margin-bottom: 1.5em; }
	img.fr { margin-left: 1.5em; margin-bottom: 1.5em; }

	/* --- LAYOUT -------------------------------------------------------------- */
	#mh { text-align: left; max-width: 54em; margin: 0 auto; padding-top: 5px; padding-bottom: 2em; }
	#h, #c, #f { margin: 0 2em; }
	#h { border-bottom: 1px solid #745629; padding: 0.8em 0; overflow: hidden; letter-spacing: 0; font-family: Verdana, sans-serif; }
	#h, #h a { text-decoration: none; color: #745629; }
	#h a:hover { text-decoration: underline; }
	#c { margin-top: 1em; }
	#f { border-top: 1px solid #745629; padding-top: 0.8em; margin-top: 1em; color: #666; }
	#f a { color: #666; text-decoration: none; }
	#f a:hover { text-decoration: underline; }
	.rss { display: inline-block; width: 51px; height: 18px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAASCAYAAAD2Uea5AAAByElEQVRIx91Xu07DMBSN+gfM3fiCiK/gBxAzP8CIhBjoEHXp0K1dQycGJrYORWKCrVMQAkaqTmGsKpB88bF9jZOYJGq6JFey4ledc3LOvU2Cn8+YaHFBX1dBaxvwg0fQdiIuoaALRLj9S4amR7pFXSDjxuucxOx0/9a47hGN+urqXceabM3JSA/S8pYoTbOkhgfVID0hHsd/65PQu4dJ0duiuPZyszuZDDjcPH3Wh4Lc+LAemYdL3Thmx7Q9DzJj9fTvz4i+N7ovQasAIYxxbzknPpKGNgMBgDF5I5ZTS6hMIQ47ZkK4AiDCgM//FqB5L4jzvNtvljMAb3KGnobWcnWUgb04GFDBgiAgFcgQ5wDpGhartJmSWIK2N2VCZk7cndTOGVcFZTXYCUA9e2A/q5BDuFlpjpxiwPki5yg2CbyaV9pMrJPSBN4OnISHtQa5s+KwYNsdcyZVpNR4ZRQybwy0edfjqJyMAusm/KSvFYGd0Efjiin7ijxU470oDlBmnewhZ/JqyKKQKQZxWF0AnKerQObtZVRR5zo5Zi0GgqPengqAAeyCtNbzkKlV7iU4Vsafr3otb7vG/zOtf51pJZlOfQJ06ePsF7Amq6GsbA0GAAAAAElFTkSuQmCC") no-repeat 0 0; =background-image: url(../images/rss.png); }
	.rss span { display: none; }

	/* --- ARTICLE ------------------------------------------------------------- */
	article header { overflow: hidden; }
	article time { float: right; line-height: 3em; color: #666; }
	article img { border: 1px solid #000; }
	.pl article { border-bottom: 1px solid #ccc; margin-bottom: 1em; }
	.pl article:last-child { border-bottom: none; margin-bottom: 0; }
	article img { border: 1px solid #0A4067; background-color: #fff; padding: 2px; }
	article a:hover img { border-color: #ccc; }
	#op { border-top: 1px solid #ccc; padding-top: 0.5em; }

	/* --- FSHL ---------------------------------------------------------------- */
	.py-keyword1, .py-keyword2, .py-keyword3, .sql-keyword1, .sql-keyword2, .sql-keyword3, .js-keywords1, .java-keywords1, .cpp-keywords1, .css-property, .html-tag, .php-keyword1 { color: #00c;font-weight:bold; }
	.html-tagin, .php-keyword2, .css-value, .html-entity { color: #00c; }
	.css-def, .css-id, .css-class, .php-var { color: #800; }
	.py-number, .sql-num, .js-num, .java-num, .cpp-num, .css-color, .php-num { color: #080; }
	.py-quote, .py-docstring, .sql-option, .sql-value, .js-quote, .java-quote, .cpp-quote, .html-quote, .php-quote, .php-vquote { color: #080; }
	.py-comment, .sql-comment, .js-comment, .java-comment, .cpp-comment, .css-comment, .html-comment, .php-comment { color: #888; background-color: #eee; }
}

@media only screen and (max-device-width: 480px) {
	body { font-size: 75%; }
	pre { width: 100%; white-space: pre-wrap; }
	article img { width: 100%; }
}

@media print {
	h1 a { color: #000; text-decoration: none; }
	#f { border-top: 1px solid #000; padding-top: 0.8em; margin-top: 1em; }
	#f .rss { display: none; }
}