/* bluerobot_2_left.css */

/* bluerobot's two column, left menu stylesheet adapted for wobh.org */

/* $Id: bluerobot_2_left.css,v 0.8 2005/01/26 03:55:01 wobh Exp wobh $ */

/* Elements */

body {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #333;
	background-color: white;
}

h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 28px;
	line-height: 28px;
	font-weight: 900;
	color: #ccc;
}

p, dt, dd, li, th, td, ins, blockquote {
	font: 11px/20px verdana, arial, helvetica, sans-serif;
	padding: 0px;
}

p { margin: 0px 0px 16px 0px; }

a {
	color: #09c;
	font-size: 11px;
	text-decoration: none;
	font-weight: 600;
	font-family: verdana, arial, helvetica, sans-serif;
}

a:link { color: #09c; }
a:visited { color: #07a; }
a:hover { background-color: #eee; }

ol, ul, dl, blockquote, table {
	color: black;
	background-color: #eee;
	border: 1px dashed #999;
	margin: 0px 25px 16px 25px;
}

dl, blockquote { 
	padding-left: 1em;
	padding-right: 1em;
}

ol a:hover { background-color:white; }
ul a:hover { background-color:white; }
dl a:hover { background-color:white; }
blockquote a:hover { background-color:white; }

tr { /* no style */ }

th {
	color: black;
	background-color: inherit;
/*	border: 1px dashed #999; */
}

td { 
	color: inherit;
	background-color: white;
	border: 1px dotted #999;
}

/* Classes */

.date {
	margin:0px 50px 50px 200px;
	padding:10px;
}

.menu a:hover { background-color:white; }
.menu ul { border: none; }

/* Ids */

#masthead {
	margin:50px 0px 10px 0px;
	padding:17px 0px 3px 20px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] +
	 * [top and bottom border widths] */
	height:33px; /* 14px + 17px + 2px = 33px */
	border-style:solid;
	border-color:black;
	border-width:1px 0px;
	/* top and bottom borders: 1px; left and right borders: 0px */
	line-height:11px;
	background-color:#eee;

/* Here is the ugly brilliant hack that protects IE5/Win from its own
 * stupidity. Thanks to Tantek Celik for the hack and to Eric Costello
 * for publicizing it. IE5/Win incorrectly parses the "\"}"" value,
 * prematurely closing the style declaration. The incorrect IE5/Win
 * value is above, while the correct value is below. See
 * http://glish.com/css/hacks.asp for details.
 */
	voice-family: "\"}\"";
	voice-family:inherit;
#	height:14px; /* the correct height */
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it
 * feeds correct length values to user agents that exhibit the parsing
 * error exploited above yet get the CSS box model right and understand
 * the CSS2 parent-child selector. ALWAYS include a "be nice to Opera 5"
 * rule every time you use the Tantek Celik hack (above).
 */
body>#masthead {height:14px;}

#content, #intro {
	margin:0px 50px 50px 200px;
	padding:10px;
}

/* #intro { display: none; } */

#title { 
	display: inline;
	font: normal bold medium sans-serif;
}

#tagline { font: normal normal small sans-serif; }


#menus {
/*	position: absolute;
	top: 100px;
	left: 20px; */
	float: left;
	margin: 5px 5px 0px 20px;
	width: 172px; 
	padding: 10px;
	color: inherit;
	background-color: #eee;
	border:1px dashed #999;
	line-height: 17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}
/* Again, "be nice to Opera 5". */
body>#menus { width:150px; }

#menus ul { margin: 16px 0px; }