/* --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */

body {
  font-family: Verdana;
  margin: 0;
  padding: 0;
  background-image: url("images/koalabg.gif");
  background-position: bottom right;
  background-repeat: no-repeat;
}

h1, h2 {
  font-size: 100%;
}


.header {
  font-family: Verdana;
  background-color: black;
  color: white;
  text-align: center;
  font-size: 70%;
  padding:4;
}

.footer {
  margin-top: 2em;
  text-align: center;
  font-size: 70%;
}

:hover {
  text-decoration: underline;
}

.headerLink {
  color: #eee;
  text-decoration: none;
}

.title {
  background: rgb(62, 113, 155);
  color: white;
  line-height: 120%;
  padding: 4;
  padding-left: 20;
}

/* --------------------------------------------------------------
 * Sidebar
 * --------------------------------------------------------------
 */

.sidebar {
  background-color: #aaa;
  padding-left: 8;
  padding-right: 8;
  height: 100%;
}

/* --------------------------------------------------------------
 * sidebar box
 * --------------------------------------------------------------
 */
.sidebarBox {
  font-family: Arial;
  width: 242px;
  background-color: white;
  border: 1px solid black;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 70%;
}

.sidebarBoxTitle {
  padding: 4 4 4 20;
  background-color: #ddd;
  color: #444;
  font-weight: bold;
}

.sidebarBoxBody {
  line-height: 140%;
  padding: 4 4 4 20;
}

.sidebarBoxItem {
}

/* --------------------------------------------------------------
 * Calendar
 * --------------------------------------------------------------
 */

.calendar { 
  background-color: white;
  font-family: Arial;
  padding-top: 0.5em;
  border-top: 1px solid black;
  font-size: 70%;
  width: 240px;
}

.calendarMonth { 
  color: #666;
  padding-bottom: 0.25em;
  font-weight: bold; 
}

.calendarToday { 
  padding: 2 4 2 4;
  background-color: #ddd;
  font-weight: bold;
}

.calendarDayOfWeek {
  color: #888;
  padding: 2 4 2 4;
}

.calendarDay {
  padding: 2 4 2 4;
}
.calendarDayLink {
  font-weight: bold;
}

/* --------------------------------------------------------------
 * Blog
 * --------------------------------------------------------------
 */
.blog {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 2em;
  padding-right: 2em;
  padding-bottom: 1em;
  vertical-align: top;
  display: inline;
  width: 600;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.blogTitle {
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 1em;
}

.blogBody {
  font-size: 80%;
  line-height:140%;
  margin-bottom: 2em;
  color: #444;
}

.blogSignature {
  text-align: right;
  font-size: 70%;
}

.blogComment {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 2em;
  padding-right: 2em;
  padding-bottom: 1em;
  width: 600;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.blogCommentBody {
  font-size: 80%;
  line-height:140%;
  margin-bottom: 2em;
  color: #444;
}

.blogGroup {
  margin-bottom: 2em;
}

/* --------------------------------------------------------------
 * Forms
 * --------------------------------------------------------------
 */

form {
  background-color: #eee;
  padding: 10 10 10 10;
  width: 600;
}

.buttonBar {
  margin-top: 10;
  text-align: center;
}

.label {
  margin-top: 1em;
  font-size: 80%;
}