div {
	margin:	0;
	padding: 0;
}

img  {
	border: 0px solid white;
	color: white;
	border-width: 0;
}


body {
	margin: 0em;
        padding: 0em;
        background: url("http://bitworking.org/images/RedThread.png") scroll top left no-repeat white;
        color: black;
        font-family: gill sans, verdana, sans-serif; 
        font-size: 12px;
}

.body {
	padding: 0.5em;
}

a {
	font-weight: bold;
}

a:visited {
}

.content {
	margin-right:	25em;
}

.navigation {
	margin:		3em;
	font-size:	80%;
	position:	absolute;
	top: 8em;
	right:		0.1em;
	width: 		24em;
	z-index: 	3;
	padding: 	0.5em;
	text-align:	center;
	background-color: white; 
}      

.navItem {
	display: 	block;
	margin: 	0;
	border: 	0;
	padding: 	0.1em;
	line-height: 	1.2em;
	text-align:	center;
}

.navHeader {
	display: 	block;
	margin: 	0em;
	border: 	0;
	padding-top: 	2em;
	line-height:	1.2em;
	text-align:	center;
}

.footer {
	width: 		95%;
	margin: 	0.8em;
	text-align: 	center;
	font-size: 	0.8em;
	padding: 	0.2em;
	border-top: 	dashed rgb(100, 100, 100) 2px;
	clear: 		both;
}

.tagLine {
	font-size: 80%;
}

h1 {
	margin: 0;
	padding: 0.1em;
        padding-bottom: 0em;
}

h2, h3 {
	margin: 0;
	padding: 0.1em;
}

.footerItem {
	display: block;
}

.item {
	margin-top : 2em;
	margin-bottom : 3em;
	padding-left: 2em;
        font-size: 9px;
}

.item h2 {
        font-size: 18px;
	font-weight: bold;
}

.itemContent {
        font-size: 12px;
}

.permalink {
        float:           right;
        padding-bottom:  2em;
}

blockquote {
	font-style: italic;
}

blockquote p {
	border-left: solid black 1px;
	padding: 0.5em;
}


dt {
	font-weight:	bold;
}

h1, h2, h3, h4, h5  {
        font-family:  "Lucida Grande", verdana, arial, sans-serif;
}


.logo {
	float: 	left;
}

.diff {
	background-color: rgb(255, 255, 0);
}

.example {
	background-color: rgb(0, 255, 255);
	border:	solid black 1px;
	padding: 0.5em;
}

.byline {
	border-bottom:	dashed rgb(100, 100, 100) 3px;
	font-size: 80%;
}
.comment {
        font-size: 90%;
        margin-left: 1em;
}