/* $Id: bb.css 1103 2010-03-19 00:24:15Z bb $ */

body {
	color: black;
	background: #F6F6FC;
	/* 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 ul {
	padding-left: 1em;
}

ul.compactlist ul {
	padding-left: 2em;
}

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

/* 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 {
		border: 1px solid #557;
	}

	#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 */
		max-width: 850px;
		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,
	#sidebar dl {	/* text in the sidebar */
		font-size: x-small;
	}
	
	#sidebar dd { margin-left: 2em; }
	#sidebar ul#sidebar55links { 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;
	}

	/* 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;
		/*clear: both;*/
	}

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

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

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

	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 the printer */
@media print {

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

	#main {
		padding: 0;
	}

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

}