body {
	margin: 0px;
  font-family: arial, helvetica, sans-serif;
  font-size: 12pt;
  color: #333;
	background: url(images/bg.gif);
}

/* CSS for small calendar (not: overwrite for full page calendar) */
#calendar table {
	width: 150px;
	text-align: center;
}
#calendar td#month {
	font-size: small;
	padding-top: 5px;
}
#calendar td.current {
	border: thin outset #999999;
}
/* ToolTip for notes */ 
.toolbody {background-color:#FFF3D3;padding:5px;border:1px solid #666;width:150px;font-size:12px;}

#header {
	overflow: hidden;
	border-bottom: solid #000;
	border-bottom-width: 1px;
	height: 60px;
	background-color: 8f89d0;
	background-image: url(images/hdr_background.gif);
}

#header img {
	border-style: none;
}

#content {
	padding-left: 30px;
	padding-right: 30px;
}

#content h2 { 
  font-size: 14pt;
  font-variant: normal;
  color: #336600;
  margin: 10px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  border-bottom: solid #888;
  border-bottom-width: 1px;
  clear: both;
}

div.entrytext p {
  padding: 0 0 0 0;
  margin: 0 0 1.0em 0;
}

#content h3 { 
  font-size: 14pt;
  font-variant: small-caps;
  color: #4F6483;
  margin: 10px 0px 5px 0px;
  padding: 5px 0px 5px 5px;
  border: solid #888;
  border-width: 1px;
  background-color: #eceef1;
  clear: both;
}

#content img {
  border: 1px solid #ccc;
  padding: 5px;
  margin: 5px;
}

#content img.noborder
{
  border-style: none;
  padding: 0px;
  margin: 0px;
}

/* Links that appear in post headlines follow the same philosophy as
   body text links, except: there's no change in color when links are
   visited. The reason to change the color of visited links in the
   body text is to construct a visual history for the reader; that adds
   value because of the meaning that links have in the context of the
   body: they're part of the meaning of the text. Headline links, on
   the other hand, are just another way to see the content, and in
   this context there's little value added in keeping the history of
   the link. I see that there's more value in keeping the look of the
   page consistent, so visited headline links don't change color. */

#content h2 a:link
{
  text-decoration: none; 
}

#content h2 a:visited
{
  text-decoration: none;
}

#content h2 a:hover
{
  background-color: #ddd;
  text-decoration: none;
}

#content h2 a:active
{
  color: #fff;
  background-color: #4F6483;
  text-decoration: none;
}

div.widecolumn div.post div p.alt small {
	font-size: 8pt;
}

div.narrowcolumn div.post small { 
  font-size: 10pt;
  color: #888;
}

h3#respond {
  font-size: 12pt;
  font-variant: small-caps;
  color: #4F6483;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
/*  border-top: solid #888;
  border-top-width: 1px;*/
}

#content {
	text-align: justify;
	line-height: 1.1em;
}

#content div.image {
  text-align: center;
}

#content div.image p {
  text-align: center;
}

#content div.image a {
  font-variant: small-caps;
}

#content blockquote p code {
  text-align: left;
}

div.entry blockquote code {
	text-align: left;
}

/* Attributes for image links in the main body text - no hover change. */

#content a.image:link {}
#content a.image:visited {}
#content a.image:hover { background-color: transparent; }
#content a.image:active {}

#content p.postmetadata {
	text-align: right;
  font-size: 10pt;
  margin-bottom: 5px;
}

#content p.alt { 
  text-align: justify;
  border-top: solid #888;
  border-top-width: 1px;
  margin-left: 150px;
  margin-right: 150px;
  font-size: 9pt;
}

td#sidebar {
	width:160px;
	margin: 0;
	background-color: #eceef1;
	border-left: solid #888;
	border-left-width: 1px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
}

@media print
{
  #sidebar { display: none; }
}

#sidebar ul #searchform {
}

#sidebar ul #author {
  display: none;
}

#sidebar ul #sidetitle {
  display: none;
}

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

#sidebar ul li h2 {
  font-size: 10pt;
  font-weight: bolder;
  font-variant: small-caps;
  color: #333333;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: solid #888;
  border-bottom-width: 1px;
}

#sidebar ul li ul {
  list-style-type: none;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#sidebar ul li ul li { 
  font-size: 10pt;
}

#sidebar p {
  font-size: 8pt;
  margin: 20px 10px 0px 0px;
  padding: 0px 10px 0px 15px;
}

#sidebar a:link
{ 
  text-decoration: none;
  font-weight: normal;
}

#sidebar a:visited
{ 
  text-decoration: none;
  font-weight: normal;
}

#sidebar a:hover
{
  color: #eceef1; 
  background-color: #aaa;
  text-decoration: none;
  font-weight: normal;
}

#sidebar a:active
{
  color: #fff; 
  background-color: #4F6483; 
  text-decoration: none;
  font-weight: normal;
}

/* Another class of links for the sidebar. These are like the links
   for the body text, where we want the links to stand out in bold
   text, but we also need the background for the hover to be darker
   like for the other sidelinks. */

#sidebar p.sidebar a:link 
{ 
  color: #4F6483; 
  text-decoration: none;
  font-weight: bold;
}

#sidebar p.sidebar a:visited
{ 
  color: #666;
  text-decoration: none; 
  font-weight: bold;
}

#sidebar p.sidebar a:hover 
{ 
  color: #eceef1; 
  background-color: #aaa;
  text-decoration: none; 
  font-weight: bold;
}

#sidebar p.sidebar a:active 
{ 
  color: #fff; 
  background-color: #4F6483; 
  text-decoration: none;
  font-weight: bold; 
}

a:link 
{ 
  color: #000099; 
  text-decoration: none;
}

a:visited
{ 
  color: #660099;
  text-decoration: none;
}

a:hover 
{ 
  background-color: #ddd; 
  text-decoration: none;
}

a:active 
{ 
  color: #fff; 
  background-color: #4F6483; 
  text-decoration: none; 
}

hr {
	display: none;
}

.alignright {
	float: right;
}
	
.alignleft {
	float: left
}

div.navigation div.alignleft {
	padding: 0 0 10px 0;
}

div.navigation div.alignright {
	padding: 0 0 10px 0;
}

div.navigation a:link
{
  color: #666;
  text-decoration: none; 
  font-size: 10pt;
  font-weight: bold;
}

div.navigation a:visited
{
  color: #666;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
}

div.navigation a:hover
{
  background-color: #ddd;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
}

div.navigation a:active
{
  color: #fff;
  background-color: #4F6483;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
}

#footer { 
  height: 40px;
  margin: 0;
  background-color: #8f89d0; 
  border-top: solid #000;
  border-top-width: 1px;
  color: #eceef1;
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 30px;
}

#footer p { 
  font-size: 8pt;
}

#footer a:link 
{ 
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#footer a:visited
{ 
  color: #fff;
  text-decoration: none; 
  font-weight: bold;
}

#footer a:hover 
{ 
  color: #eceef1; 
  background-color: #aaa;
  text-decoration: none; 
  font-weight: bold;
}

#footer a:active 
{ 
  color: #fff; 
  background-color: #4F6483; 
  text-decoration: none;
  font-weight: bold; 
}

abbr
{ 
  cursor: help;
}