body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: black; background-color: #E0EFE0;
}
h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 170%; font-style: italic;
  color: #556B2F; background-color: #FFFFF0;
  border: 1px dashed #556B2F;
  padding: 0.4em 0.6em 0.4em 0.6em;
  margin: 0.6em;
}
h2.description {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 120%;
  color: #2F6A44;
  text-align: right;
  margin-right: 1em;
}

/*a { color: Maroon; }*/
a:hover { background-color: #EBF5FA; }

a {
  /* Default Colour/Styles here */
  color: Maroon;
}
a em:first-line {
  /* Rollover Colour/Styles here */
  color: #557AFF;
}

#content {
  float: left;
  width: 60%;
  margin-left: 1.6em;
}
#content h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 120%;
  font-weight: bold;
  margin-top: 0;
}

.article {
  background-color: #F0FFF0;
  border: 1px dashed #556B2F;
  padding: 0.3em;
  margin-bottom: 0.6em;
}
.article-footer {
  text-align: right;
  font-size: xx-small;
  color: gray;
}
.author, .datetime {
  font-weight: bold;
  color: #4F4F4F;
}

#rightbar {
  float: right;
  width: 22%;
  color: #2F4F4F; background-color: #FAFAD2;
  border-left: 2px solid black;
  margin-right: 1em;
}
#rightbar p {
  font-size: small;
  border-top: 1px solid black;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  margin: 0.4em;
}
#rightbar p.top {
  border-top-style: none;
}

/* calendar */
table.calendar {
  border: 1px dashed black;
  margin: 0.4em;
}
table.calendar tr.days {
  font-size: 50%;
}
table.calendar td.sunday {
  background-color: #FAFAE2;
}
/* this sucks */
table.calendar a {
  background-color: #EBF5FA;
  font-weight: bold;
}
table.calendar a:hover {
  background-color: #F5EBFA;
}


.rsslogo {
  font-family: Verdana, sans-serif;
  font-size: small;
  font-weight: bold;
  color: white; background: #FF6600;
  border-bottom-color: black;
  border-top-color: #F5F5DC;
  border-right-color: black;
  border-left-color: #F5F5DC;
  border: solid 1px;
  text-decoration: none;
}

acronym:hover, abbrev:hover { cursor: help }
abbrev[title], acronym[title], span[title] {
  border-bottom: thin dotted;
  cursor: help;
}

@media all {
	div#sidebar {
		margin:20px 0px 0px 0;
		padding:0px;
		text-align:left; 
		float: left;
		width: 15%;
		word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
		overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
	}
	div#main {
		float:right;
		width:85%;
		padding:30px 0 10px 1em;
		border-left:dotted 1px #e0ad12;
		word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
		overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
	}
}