/*	Consistency notes:

	Font size should be set in the body section in %. This is required to allow resizing.
	Other typesetting related parameters in the left column should be set in ems.
	Box layout (sizes, margins, borders) is in pixels.
	Menu (right column) fonts are specified in pixels for precision. Resizing is not that imporant there.
	Other typesetting parameters should still be in ems.
	Common colors:	#fff - body text background
			#366 - colored text
			#bb8 - darker background (menu captions), lines
			#dda - lighter background (menu)

	VB 2/9/2004
	SK 7/20/2005 Added html & body width & height to allow IE6 to select text: http://www.webmasterworld.com/forum83/6565.htm
	SK 3/7/2006 Made from old default.css, massaged and hacked into new CSS format (*-base,blog,archive,comment) for new HTML structure
*/

html { 
	width: 100%; 
	height: 100%; 
	margin: 0px; 
	padding: 0px; 
	} 

body {
	width: 100%; 
	height: 100%; 
	margin: 0px 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 80%;
	color: black;
	background-color: white;
	}

pre {
	/* using an MS extension to CSS to work around their not respecting the spec! */
	word-wrap: break-word;
	}

img {
	border: none;
	}

.accessibility {
	display: none;
	}
	
.watermark {
	display: none;
	}

a {
	color: #009;
	}

a:hover { 
	color: black; 
	text-decoration: underline; 
	}

#menu a.feedbutton {
	line-height: 1.4em;
	padding: 0em  0.3em 0em 0.3em;
	border: 1px solid;
	border-color: #FC9 #630 #330 #F96;
	text-decoration: none;
	color: #F7F7EB;
	background: #C60;
	font-weight: bold;
	}

#menu a.feedbutton:hover {
	text-decoration: none;
	}


/* ----- LAYOUT ----- */

#container {
	position: absolute; 
	top: 0px;
	left: 10px;
	right: 10px;
	margin: 0px;
	padding: 0px;
	border: none;
	}

#header {
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	color: #366;
	border-bottom: 1px solid #366;
	text-align: right;
	}

#header #logo {
	float: right;
	width: 160px;
	max-width: 160px;
	height: 140px; 
	margin: 0px;
	margin-top: 0px;
	margin-right: -5px;
	margin-left: 13px;
	padding: 0px 0 0px 0px;
	background-color: none;
	border: none;
	white-space: nowrap;
	}

#header #logo h3.accessibility {
	display: block;
	text-align: left;
	background-color: white;
	margin-top: 35px;
	margin-left: 5px;
	font-weight: normal;
	}

#header a {
	color: #366;
	text-decoration: none;
	}

#header a:hover {
	text-decoration: underline;
	}

#header h1 {
	margin: 1.2em 0px 0px 0px;
	font-size: 2.2em;
	font-weight: bold;
	}

#header h2 {
	margin: 0 0 0.2em 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	}

#header p {
	margin: 0.7em 0px 0.2em 0px;
	padding: 0;
	font-size: 80%;
	}


#communityblogs {
	display: none;
	}

#main {
	position: relative;	/* Must be a containing box */
	margin: 0;
	padding: 0;
	}

#content {
	margin: 0px 180px 0px 0px;
	font-weight: normal;
	}

#showcomments {
	position: relative;
	margin: 0 -3px 0 0;
	padding: 0;
	top: 0.25em; 
	/* right: 3em; */
	/* left: 10px; */
	text-align: right;
	/* line-height: 1em; */
	}
	
#posts {
	margin: 0;
	padding: 0;
	}

div.post {
	margin: 25pt 0pt 10pt 40px;
	}

.post h2 {
	color: #285050;
	text-decoration: none;
	margin: 0pt 0pt 0pt -30px;
	font-size: 120%;
	font-weight: bold;
	}

.post h2 a {
	color: #285050;
	text-decoration: none;
	}

.post .timestamp {
	margin: 0pt 0pt 0pt -30px;
	color: #366;
	}

.post .category {
	float: right;
	font-size: 120%;
	font-weight: bold; 
	margin: -3px 0 10pt 10pt;
	}

.post .category a {
	color: #356a6a;
	}

.post p, ol, ul {
	line-height: 1.5em;
	font-weight: normal;
	}

.post p {
	margin: 0.7em 0 0 0;
	}

code {
	font-family: "Trebuchet MS", "MS Serif", "Times New Roman", times, serif;
	white-space: pre;
	}

.postfooter {
	text-align: right; 
	}

.postcomments {
	margin: 10pt 0;
	padding: 0 20px 1em 40px;
	border: 1px solid #aa7;
	}

.postcomments h3 {
	display: none;
	}

.postcomments h4 {
	margin: 1.3em 0 0 -20px;
	}

.postcomments .commentauthor {
	font-weight: bold;
	margin: 0 0 0 -20px;
	}

#referrers {
	margin: 40pt 0px 10px 40px;
	color: #888;
	}

#referrers h2 {
	margin: 0 -20px;
	padding: 5px 20px;
	font-size: 1.1em;
	color: #666;
	}

#referrers p {
	margin: 0.35em 0 0 0;
	line-height: 1em;
/*	overflow: hidden;  - would be nice but causes the entire section disappear in IE Mac */
	}

#referrers a {
	font-weight: normal;
	text-decoration: none;
	color: #888;
	}

#referrers a:hover { text-decoration: underline }

#menu {
	position: absolute;
	top: 0em; 
	right: 0px;
	width: 160px;
	border: 1px solid #366;
	/* border-top: 0; */
	background-color: #dda;
	font-size: 11px;
	}

#menu a {
	font-weight: normal;
	}

#menu #logo {
	/* display: none; */
	margin: 0;
	padding: 10px 0 10px 5px;
	background-color: #dda;
	border-bottom: 1px solid #366;
	white-space: nowrap;
	}

#logo p {
	font-size: 10px;
	line-height: 14px;
	}

#csclogo {
	float: left;
	margin: 0 5px;
	}

#csccaption {
	margin: 0 0 0 70px;
	}

#logo a {
	color: #366;
	text-decoration: none;
	}
	
#logo a:hover {
	text-decoration: underline;
	}

/* Would be nice but IE Mac is thrown off by this.

#xmlButton {
	vertical-align: middle;
	}
*/

.menusection+.menusection {
	border-top: 1px solid #366;
	}

#menu h2 {
	margin: 0px;
	padding: 5px 0px 5px 15px;
	background-color: #bb8;
	text-transform: uppercase;
	font-size: 11px; /* inherit doesn't work in IE. argh! */
	}

#menu ul {
	margin: 7px 0px 10px 15px;
	padding: 0;
	list-style: none;
	}

#menu li {
	margin: 0px 0px 0px 10px;
 	line-height: 1.2em; 
	padding: 0;
	font-weight: normal;
	}

#menu li a {
	text-decoration: none;
	}


#menu a:hover { text-decoration: underline; }

#menu p {
	margin: 0px 0px 1pt 0px;
	padding: 0px 5px 0px 15px;
	}

#menu form {
	margin: 5px 0 5px 0;
	}

#menu form label {
	display: none; 
	}

#menu input[type="text"] {
	width: 115px;
	}