A:link	{ background: transparent; color: #1044ec; }  
A:visited { background: transparent; color: #666666; }
A:active  { background: #1044ec; color: #f3ffff; } 
A:hover   { background: #1044ec; color: #f3ffff; } 

BODY.blog { 
	color: #0b222f; 
	background: #ffffff;
	/*
	background: #f8f8f8;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image:url(http://www.haller.ws/pics/blog-bg/blog-bg.img); 
	background-position: 0px 0px; 
	*/
	/*
	font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	background: #f3ffff; 
	font-family: "Verdana, Tahoma, Arial";
	*/
}

BODY { 
	color: #00CC00; 
	background: #000000; 
	font-family: Helvetica, Arial, Verdana, Tahoma; 
	font-size: 10pt;
}

BLOCKQUOTE {
	border-left: #BBBBBB dashed 1px;
	border-bottom: #BBBBBB dashed 1px;
	margin-left: 40px;
	margin-right: 40px;
	quotes: "\201C" "\201D";
	padding: 15px;
	font-style: italic;
}

DIV.author {
	text-indent: 35%;
	font-style: normal;
}

DIV.fed {
	background: #ffffff;
	color: #000000;
}

A.fed:link {
	color: #006666;
}

DIV.source {
	white-space: pre;
	white-space: -moz-pre-wrap; 
	border-width: thin;
	border-style: solid;
	background-color: #ffffff;
	border-color: #888888;
	font-family: "Andale Mono", "Courier New", "Courier"; 
	margin-left: 20pt;
	margin-right: 20pt;
	padding-left: 15pt;
	padding-right: 15pt;
	padding-bottom: 15pt;
	overflow: auto;
	clear: both;
} 

PRE.source {
	/* http://labnol.blogspot.com/2006/10/html-css-trick-for-displaying-code.html */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	border-width: thin;
	border-style: solid;
	background-color: #ffffff;
	border-color: #888888;
	font-family: "Andale Mono", "Courier New", "Courier"; 
	margin-left: 20pt;
	margin-right: 20pt;
	padding-left: 15pt;
	padding-right: 15pt;
	padding-bottom: 15pt;
	padding-top: 15pt;
	overflow: auto;
	clear: both;
} 

/* 54px is width of bg image 
 * wrapper for each blog post
 */ 
DIV.box { 
	border: solid; 
	border-width: 0px; 
	border-color: #aaaaaa; 
	margin-right: 10%; 
	margin-left:  10%; 
	/*
	margin-right: 54px; 
	margin-left: 54px; 
	*/
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em;
	text-align: justify;
	overflow: hidden; /* no scrollbars as we wrap */
}

DIV.comment {
	font-style: italic;
	color: #444444;
	white-space: pre-wrap;
	clear: both;
	overflow: auto;
}

DIV.warningbox {
	font-weight: bold;
	color: #ff0000;
	border: solid; 
	border-width: thin; 
	border-color: gray; 
	padding-top: 1em; 
	padding-left: 1em; 
	padding-right: 1em; 
	padding-bottom: 1em; 
	margin-left: 20%; 
	margin-right: 20%; 
	text-align: center;
}

DIV I {
	font-family: "Verdana";
	font-style: normal;
}

DIV.navbar{
	margin-left: 70px;
	margin-right: 70px;
	/*
	text-align: left; 
	*/
}

DIV.tab {
	margin-left: 20pt;
}

IMG.iconb {
	vertical-align: top;
	margin-right: 1em;
	margin-bottom: 1em;
	border: black 1px solid;
	float: left;
}
IMG.icon {
	vertical-align: top;
	margin-right: 1em;
	margin-bottom: 1em;
	float: left;
}

INPUT.navbar { 
	/* we have two navbars per page (top and bottom)
	 * this keeps the search only in the top one.
	 */
 	display: block;
	position: absolute; 	
	top: 5px;
	right: 75px;
	background: #DDDDDD; 
	border-color: #999999; 
	color: #0000FF; 
	width: 15%;
	/*
	margin-left: 50%; 
	font-weight: bold; 
	*/
} 

SPAN.nodewrap {
	width: 100%;
}

SPAN.nodelink {
	float: right;
	text-align: right;
}

SPAN.node {
	font-weight: bold;
	text-align: left;
}

SPAN.search {
	color: blue;
}

HR {
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	border: 0px;
	width: 80%;
	clear: both;
}

P {
	clear: none;
}

TABLE { 
	border-collapse: collapse;
	border: 3px #00CC00; 
}

TD { 
	padding: 0.5em; 
}

TD.logs { 
	padding: 0em; 
}

TH { 
	padding: 0.5em; 
}

TT {
	font-style: italic;
	color: #444444;
}
OL {
	clear: both;
}
LI {
	padding-bottom: 1ex;
}

body.test {
	background-color: #ffffff;
}
DIV.brand {
	font-family: Helvetica, Arial;
	font-size: 175%;
	border-top: 1px solid #aaaaaa;
	width: 90%;
	padding: 0;
	margin: 0 0 2.5em;
}

DIV.brand HR.first {
	width: 5%;
}

DIV.brand HR.last {
	width: 55%;
}

DIV.brand span.first {
	position: relative;
	display: inline;
	top: -0.5em;
	margin-left: 5%;
	color: #333333;
}
DIV.brand span.last {
	color: #003366;
}