body {
	color: black;
	background: #EEE;
	/* font-family: Geneva, Verdana, sans-serif; */
}

h1 {
	page-break-after: avoid;
	/*font-family: monospace;*/
}

h2 {
	margin: 0;
	border-bottom: 1px solid #aaa;
	page-break-after: avoid;
	/*font-family: monospace;*/
}

h3 {
	border-bottom: 1px solid #ddd;
	page-break-after: avoid;
	clear: left;
}

pre.code, pre.file, pre.shell {
	overflow: auto;
	padding: 14px;
	border: 1px dotted black;
	font-size: 90%;
	font-family: /*"Andale Mono",*/ monospace;
}

.code {
	background-color: #f0f0f0;
}

.file {
	background-color: #e0e0e0;
}

.shell {
	background-color: #557;
	color: #0c0;
}

.sh-prompt {
	color: white;
	background: blue;
}

/* Python source pretty-color */
.py-kw { font-weight: bold; }
.py-str, .py-num { color: blue; }
.py-def { color: blue; background: #ccf; }
.py-cmnt { color: green; font-style: italic; }
.py-self { background: #ff9; }
.py-special { color: red; background: #fcc; }

/* english quotes get double quotation marks */
q[xml\:lang="en"]:before {
	content: "\201C";
}

q[xml\:lang="en"]:after {
	content: "\201D";
}

:lang(en) q:before {
	content: "\201C";
}

:lang(en) q:after {
	content: "\201D";
}

/* quotes in other languages get double angle quotes */
q:before {
	content: "\AB";	/* = « */
}

q:after {
	content: "\BB";	/* = » */
}

q {
	font-style: italic;
}

*[title] {
	cursor: help;
}

ul.compactlist {
	padding-left: 0;
}

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

ul.compactlist p {
	display: none;
}

/* styles for liquid thumbnail galleries
 * source: http://www.alistapart.com/stories/practicalcss/
 */
div.float {
	padding: 7px 3px 3px 3px;
	width: 170px;	/* thumbnails are 160x120 px */
	height: 200px;
	float: left;
	text-align: center;
	border: 1px solid #999;
	margin: 7px 7px 0 0;
}

div.float p {
	margin-top: 3px;
	font-size: 85%;
}

.clear {
	clear: both;
}

.spacer {
	padding-top: 14px;
}

img {
	max-width: 100%;
}

img.right {		/* generated by textile's !> image tag and my album blosxom plugin */
	padding: 7px;
	float: right;
	border: 1px solid #999;
	margin-left: 7px;
}

dl.tweet dt {
	margin-top: 0.5em;
	font-style: italic;
}

/* styles for multifield forms (php/sunset.php)
 * source: http://www.alistapart.com/stories/practicalcss/
 */
form.multifield label {
	float: left;
	width: 20em;
	margin-top: 5px;
	padding: 2px 1em 0 0;
	text-align: right;
}

form.multifield input {
	float: left;
	margin-top: 5px;
}

form.multifield input[type="submit"] {
	margin-left: 23em;
}

form.multifield br {
	clear: both;
}


/* exceptions for the screen */
@media screen {

	body {
		margin: 14px;
		padding: 0;
	}

	#body {
                background: #F6F6FC;
		border: 1px solid #557;
        }

	.news {
		max-width: 840px;
		margin: auto;
		font-family: Georgia;
		line-height: 130%;
		font-weight: 300;
	}

	.news .blosxomEntry {
		text-align: justify;
	}

	.news pre {
		overflow: scroll;
	}

	/* suppress ads on the news page */
	.source-slashdot .share_submission, .source-slashdot .share_submission + *,
	.source-slashdot br, .source-arstech br,
	.source-reg div, .source-wtf div[style*=eee],
	.news .feedflare, .news .mf-viral, .news .mr_social_sharing_wrapper {
		display: none;
	}

	/* make Tim Bray's section titles look like in his blog */
	.source-ongoing h2 {
		font-size: 100%;
		float: left;
		border-bottom: none;
	}
	.source-ongoing h2:after { content: "\00A0"; }

	/* what-if styling */
	.source-whatif #question { font-style: italic; }
	.source-whatif #attribute { text-align: right; }

	#header {		/* top level navigation and page title */
		margin: 0px;
		border-bottom: 1px solid #557;
		background: url(/pic/header.jpg) no-repeat;
	}

	.nav {
		background-color: #F4F4FF;
		border-bottom: 1px solid #557;
		padding: 7px;
		margin: 0px;
		font-size: 90%;
		font-weight: bold;
        }

	#header .nav {
		/* let the header graphic shine through */
		border-bottom: none;
		background-color: transparent;
	}

	h1 {
		padding: 7px;
		margin: 0;
	}

	#main {			/* main content */
		padding: 14px 14px 0 14px;
	}

	#main .nav {		/* navigation within #main */
		/* same as .nav, but shifted to the outer border */
		margin: -14px -14px 14px -14px;
	}

	#content {		/* main content, left part */
		margin-right: 194px;
		padding-right: 14px;
		border-right: 1px solid #557;
	}

	div.div {		/* separator line between .divs */
		margin-top: 0em;
		padding: 0px 14px 14px 14px;
		border-top: 1px solid #557;
	}

	#sidebar {		/* main content, right-hand sidebar */
		position: absolute; right: 30px; top: 85px;
		width: 180px;
	}

	#sidebar h3 {		/* titles inside the sidebar */
		margin: 15px 0 0 0;
	}

	#sidebar p,
	#sidebar li,
	#sidebar pre {	/* text in the sidebar */
		font-size: x-small;
	}

	#sidebar ul {	/* don't indent lists */
		list-style-type: none;
		padding-left: 0;
	}

	#sidebar .float {	/* pictures in the sidebar */
		height: auto;
		width: auto;
		padding: 0;
		border: none;
		margin-bottom: 10px;
	}

	#footer {		/* top level navigation and epilogue */
		clear: both;
		background-color: #F4F4FF;
		border-top: 1px solid #557;
	}

	#footer #epilogue {
		padding: 5px;
		text-align: right;
		font-size: 90%;
	}

	a {
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}

	img.bordered {
		border: 1px solid #666;
	}

	a img {
		border: 1px solid transparent;
	}

	a img:hover {
		border: 1px solid blue;
	}

	a:visited img {
		border: 1px solid #666;
	}

	a:visited img:hover {
		border: 1px solid blue;
	}

	acronym {
		border-bottom: 1px dotted #666;
	}

	blockquote {
		margin: 0; border-left: 8px #e0e0f0 solid; padding: 0 0 0 16px;
	}

	* > a.plink {
		color: transparent;
	}
	*:hover > a.plink, * > a:hover.plink {
		text-decoration: none;
		color: #e0e0f0;
	}
	.plinkHighlight {
		background: #E0E0FF;
	}

	/* styles for my blosxom weblog */

	.blosxomTitle {
		font-family: /*"Andale Mono",*/ monospace;
	}

	.blosxomDescription {
		font-size: 70%;
		font-weight: normal;
	}

	.blosxomEntryFoot {
		font-size: 80%;
		padding-bottom: 7px;
	}
	.blog .blosxomEntryFoot {
		border-bottom: 1px #ccc solid;
	}

	.blosxomTitle:first-letter {
		color: blue;
	}

	.blosxomDate {
		margin: -15px -15px 0px -15px;
		border: 1px solid #557;
		background: #E0E0FF;
		padding: 4px 7px 4px 7px;
		clear: both;
	}

	img.bblog {		/* a picture */
		clear: both;
		padding: 7px;
	}

	/* styles for the picture album */

	a.album {		/* a link to an album */
		font-weight: bold;
	}

	a.image {		/* a text link to a picture */
		font-style: italic;
	}

	.imageSubtitle {	/* a picture's subtitle */
	}

	img.image {		/* the picture itself :-) */
		float: left;
		margin: 0 1em 1em 0;
		padding: 7px;
	}

	.imageDescr {		/* a picture's description */
	}

	.imageEXIFSection {	/* the EXIF data dump */
		float: left;
		width: 30%;
		margin-right: 1em;
		font-size: 80%;
	}

	/* Styles for the daily Bible verse */
	.dbvSunday {
		font-weight: bold;
	}
	.dbvText {
		margin-bottom: 0;
	}
	.dbvVers {
		margin-top: 0;
		text-align: right;
		font-style: italic;
	}
	.dbvCopyright {
		text-align: right;
	}
}

/* exceptions for iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.news {
		max-width: 1024px;
		font-size: 150%;
	}
}

/* exceptions for the printer */
@media print {

	h1 {
		padding: 0;
		border-bottom: 1px solid black;
	}

	#main {
		padding: 0;
	}

	#sidebar, #footer, .nav {
		display: none;
	}
}

/* vim: set noet ts=8 sw=8: */