/* LAYOUT STYLES */

	/* desired width d: body min-width and #wrap width.
	m = #main width, s = #sidebar width, n = #sidebar padding or something
	d = m + s + 2n					*/

	body,
	html {
		margin:0;
		padding:0;
		background:url('/shadowback_2400_3.png') #5956cc;
/* the 50% 0% means position the image to the center, at the top: http://www.digital-web.com/articles/web_design_101_backgrounds/
but most browsers don't acknowledge the 0% part, so the browser will top-align the background however it wants, differing on each page.
specifically, the 0% has no effect in safari-mac, ie7/8rc, ff3.1b2, chrome, or opera, but does work on ie6(!), safari-win(?!), and ff2/3. */
      background-position: 50% 0%;
      background-repeat: repeat-y;
		color:#000;
	}
	body {
		min-width:900px;
	}
	a {
		text-decoration: underline;
	}
	a:link {
		color: #0a078d;
	}
        a:visited {
		color: #666;
        }
	a:hover, a:active {
		color: #f12b8e;
	}
	#wrap {
		/* border-left: 1px solid #5250bd;  this is a very subtle shadow: the default blue background color plus 7.5% black */
		/* border-right: 1px solid #5250bd; */
		/* background:url('/columns.png') #d4ffd4; */
/* http://www.alistapart.com/articles/fauxcolumns/ */
		background:url('/leftcolumn.png') #d4ffd4;
		background-repeat: repeat-y;
		margin:0 auto;
		width:900px;
	}
	#header {
		background:url('/green_bg.png') #42ba42;
		border-top: 1px solid #3ba73b;
		padding: 10px 0px 0px 0px;
		height: 88px; /* have to set a height (= HEIGHT OF IMAGE in this case), or FF/IE8 add extra space below the image! */
                margin: 0px;
		text-align: center;
	}
	#header h1 {
		border: 0px;
		margin: 0px;
		padding: 0px;
	}
	#header img {
		border: 0px;
                margin: 0px;
                padding: 0px;
	}
        #header img a {
                margin: 0px;
                padding: 0px;
        }
	#slogan {
		background:url('/green_bg.png') #42ba42;
		border-bottom: 1px solid #3ba73b;
		color: #faffae;
		font-family: "nimbus roman no9 l", freeserif, "times new roman", "times roman", times, serif;
		font-size: 14pt;
		font-style: italic;
		padding: 0px 35px 5px 35px;
		text-align: center;
	}
	#slogan a {
		color: #faffae;
		text-decoration: underline;
	}
	#slogan a:hover {
	   text-decoration: none;
	}
	#nav {
		border-bottom: 1px solid #aaa;
		/* background:url('/shinygradient_bright_greenreflect.png') #0a078d; */
		background:url('/shinygradient_bright_greenreflect2.png') #0a078d;
		background-repeat: repeat-x;
		font-family: "nimbus sans l", "nimbus sans", freesans, arial, sans-serif; /* no helvetica because the line spacing is way off */
		font-size: 12pt;
		line-height: 19px;
		height: 19px; /* this should be 21 but IE6/7 don't extend the UL down as far as they should */
		font-weight: bold;
		overflow: hidden;
		padding: 5px;
	}
	#nav ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li{
		/*border: 1px solid #f00;*/
		/*background: #fff;*/
		display:inline;
		margin:0;
		padding: 0;
	}
	#nav li a {
		/*border: 1px solid #0f0;*/
		color: #fff;
		margin: 0px;
		padding: 10px 8px 10px 8px;
		text-decoration: none;
	}
	#nav li a:link, #nav li a:visited {
		background: none;
	}
	#nav li a:hover, #nav li a:active {
		background: #f12b8e;
	}
	#main {
		/*border-top: 1px solid #aaa;*/
		background:#fff;
		float:left;
		width:670px;
		font-family: "dejavu sans", verdana, tahoma, arial, helvetica, sans-serif;
		font-size: 10pt;
		text-align: justify;
		padding: 15px;
	}
	#main h1, #main h2, #main h3, #sidebar h2, .title2 {
		font-family: "nimbus sans l", "nimbus sans", freesans, arial, helvetica, sans-serif;
		font-weight: bold;
		margin: 0px;
	}
	#main h1 {
		font-size: 20pt;
		text-align: center;
		padding: 0px 0px 8px 0px;
	}
	#main h2 {
		font-size: 16pt;
		padding: 0px;
	}
	#main h3, #sidebar h2, .title2 {
		font-size: 13pt;
		padding: 0px;
	}
	#main p {
		margin: 10px 0px;
		padding: 0px;
	}
	#sidebar {
		display: inline-block;
		background: #d4ffd4;
		font-family: "dejavu sans", verdana, tahoma, arial, helvetica, sans-serif;
		font-size: 9pt;
		float:right;
		width:180px;
		padding: 0px 10px 15px 0px; /* I was going to set the margin this way instead, but IE messes it up */
		/* also, don't set a left padding because there needs to be empty space to the left (IE bug). friggin' IE. */
		/* and don't set a top padding because the first h2 will take care of that. */
		margin: 0;
	}
	#sidebar h2 {
		/*border: 1px dashed #f00;*/
		/*background: #e3e3ff;*/
		font-size: 12pt;
		margin: 15px 0px 0px 0px;
	}
	#sidebar h2 img {
		vertical-align: middle;
	}
	#sidebar p {
		/*border: 1px solid #00f;*/
		/*text-align: justify;*/
		margin: 5px 0px;
		padding: 0px;
	}
	#feedicon {
		float: right;
		border: 0px;
		margin: 5px;
		padding: 0px;
	}
	#googlesearchbox {
		/*border: 1px solid #f00;*/
		width: 130px;
		margin: 0px 2px 0px 0px;
	}
	#googlesearchbutton {
		/*border: 1px solid #00f;*/
		width: 39px; /* the button has to be about this wide for its text to be centered properly on IE8/Chrome/Vista */
		margin: 0px;
	}
	#sidebar ul {
		/*border: 1px dotted #0f0;*/
		list-style: none;
		margin: 5px 0px;
		padding: 0px;
	}
	#sidebar ul li {
		text-indent: -10px;
		/*padding: 0px 0px 0px 10px;*/
		padding: 0px 0px 1px 10px;
		/*margin: 0px 0px 1px 0px;*/
		margin: 0px;
	}
	#footer {
		clear:both;
		display: inline-block; /* thanks http://cafefrenzy.com/css-double-padding-ie7-fix/ */
		/*border-top: 1px solid #aaa;*/
		border-top: 1px solid #3ba73b;
		border-bottom: 1px solid #3ba73b;
		background:url('/green_bg.png') #42ba42;
		font-family: "dejavu sans", verdana, tahoma, arial, helvetica, sans-serif;
		font-size: 8pt;
		color: #faffae;
		width: 830px; /* need to set this for opera apparently */
		padding: 10px 35px 10px 35px;
		margin: 0px;
		text-align: center;
	}
	#footer h2 {
		font-size: 10pt;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}
	#footer p {
		padding:0;
		margin:2px 0;
   	}
	#footer img {
		vertical-align: text-bottom;
		border: 0px;
	}
	#footer a {
		color: #faffae;
		text-decoration: underline;
	}
	#footer a:hover {
	   text-decoration: none;
	}
	
/*a.subscribeButton {
   display: block;
   margin: 5px 0 0 0;
   padding: 15px 5px 15px 45px;
   width: 126px;
   height: 12px;
   font-size: 12px;
   line-height: 12px;
   font-weight: bold;
   text-decoration: none;
   border-width: 2px;
}*/
a.subscribeButton {
   display: block;
   margin: 5px 0 0 0;
   padding: 0 5px 0 45px;
   width: 126px;
   height: 42px;
   font-size: 12px;
   line-height: 42px;
   font-weight: bold;
   text-decoration: none;
   border-width: 2px;
   overflow: hidden;
}
a.subscribeButton:link, a.subscribeButton:visited {
   color: #333;
   border-style: outset;
}
a.subscribeButton:hover {
   color: #000;
   border-style: outset;
}
a.subscribeButton:active {
   color: #000;
   border-style: inset;
}
a#subscribeEmail:link, a#subscribeEmail:visited {
   background: #fffeb8 url('/email_36.png') no-repeat 5px 3px;
   border-color: #fffeb8;
}
a#subscribeEmail:hover, a#subscribeEmail:active {
   background-color: #fffe96;
   border-color: #fffe96;
}
a#subscribeRSS:link, a#subscribeRSS:visited {
   background: #ffd7a3 url('/feed_36.png') no-repeat 5px 3px;
   border-color: #ffd7a3;
}
a#subscribeRSS:hover, a#subscribeRSS:active {
   background-color: #ffc983;
   border-color: #ffc983;
}
a#subscribeTwitter:link, a#subscribeTwitter:visited {
   background: #aadcff url('/twitter_36.png') no-repeat 5px 3px;
   border-color: #aadcff;
}
a#subscribeTwitter:hover, a#subscribeTwitter:active {
   background-color: #8fd1ff;
   border-color: #8fd1ff;
}


/* INLINE STYLES */

.b {font-weight: bold}

/* This is perfect and beautiful in non-IE6 browsers.
It makes div.q = blockquote = blockquote p, and div.q with multiple p's = blockquote with multiple p's. */
blockquote, div.q {color: #4d4d4d; margin: 0px; padding: 5px 35px}
blockquote p, div.q p {margin: 0px !important; padding: 10px 0px 0px 0px !important}
blockquote > p:first-child, div.q > p:first-child {padding: 0px !important}

/* This looks acceptable in IE6. the following lines should be read by IE 6 only.
the widths of the elements are a little inconsistent for whatever reason. vertical padding is a little uneven. */
* html blockquote, * html div.q {color: #4d4d4d; margin: 0px; padding: 0px 35px 5px 35px}
* html blockquote p, * html div.q p {margin: 0px !important; padding: 6px 0px 0px 6px !important}

.center {text-align: center}
/*code {display: block; margin: 0px; padding: 0px; text-align: left}*/
div.entry {margin: 0px; padding: 0px}
	.date {
		margin: 0px !important;
		font-style: italic;
	}
	.commentdate {
		font-style: italic;
	}
	div#comments {
		margin: 0px 0px 15px 0px;
	}
	div#comments div {
		padding: 2px 10px 2px 10px;
		margin: 0px 15px 0px 15px;
		border-bottom: 1px solid #aaa;
	}
	div#comments div.author {
		background: #e3e3ff;
	}
div.image {font-size: 8.5pt; line-height: 10.5pt; margin: 6px}
.i {font-style: italic}
img.image {border: 1px solid #000}
	div.permanent {
		text-align: right;
		font-style: italic;
	}
ins {text-decoration: none}
form {margin: 0px; padding: 0px;}
.prefooter {text-align: center; font-family: "dejavu sans", verdana, tahoma, arial, helvetica, sans-serif; font-size: 8pt; line-height: 11pt} /* I don't think this is on the site anymore */
.right {text-align: right}
.small {font-size: 83.3%}
span.equiv {border-bottom: 1px dotted #5956cc; cursor: help}
span.image {font-size: 83.3%; margin: 6px}
.strike, del {text-decoration: line-through}
.sup {vertical-align: super; line-height: 0px}
.u {text-decoration: underline}

a.time, a:link.time, a:visited.time, a:hover.time, a:active.time {color: #000; font-weight: normal; text-transform: none; text-decoration: none; cursor: text}

#commentform {
	padding: 0px 10px 2px 10px;
	margin: 0px 15px 0px 15px;
}
#commentform input, #commentform textarea {
	font-family: "dejavu sans", verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10pt;
}
#commentform textarea {
   width: 100%;
	height: 100px;
}