/* Defines behavior for the body tag */
body
{
  font-family: Verdana, Arial;
  margin: 0;
  padding: 0; 
  font-size: 1em;
  background-image: url(../Images/Background.gif);
  background-repeat: repeat-y;
  background-color: #eeeedd
}

/* Changes color and fonts for the header above the page */
#Header
{
  height: 55px;
  background-color: #8b0000;
  color: #cccc99;
  font-size: 30px;
  font-weight: bold;
  border-bottom: 3px solid black;
  padding: 5px;
}

/* Defines the font for the text in the sub header inside the header */
#Header #SubHeader
{
  font-size: 14px;
}

/* Sets the width, padding and font for the menu on the left with the calendar and category list */
#LeftMenu
{
  width: 200px;
  padding: 10px;
  font-size: 70%;
}

/* Determines the looks for the list with categories */
#LeftMenu ul
{
  list-style-type: none;
  margin: 0;
}

/* Determines the looks for the main content section */
#MainContent
{
  background-color: #eeeedd;
  padding: 10px;
  width: 100%;
}

/* Sets the width of the heading section above each blog entry on the BlogEntries control */
.ItemHeading
{
  width: 100%; 
}

/* Resets margin and padding for all h1, h2 and h3 tags in the MainContent section */
#MainContent h1, #MainContent h2, #MainContent h3
{
  margin: 0;
  padding: 0;
}

/* Changes margin and font for the h1 tag in the main content section */
#MainContent h1
{
  font-size: 110%;
  margin-bottom: 10px;
}

/* Changes color and font for the h2 tag in the main content section */
#MainContent h2
{
  font-size: 90%;
  color: #8b0000;
}

/* Changes font size and border for the h2 tag in the main content section */
#MainContent h3
{
  font-size: 70%;
  border-bottom: 1px solid gray;
}

/* Sets the font size for most screen elements */
.BlogEntryText, span
{
  margin-bottom: 20px;
  font-size: 80%;
}

/* Aligns each table cell vertically to the top */
td
{
  vertical-align: top;
}

/* Changes the color and font weight of each link in the MainContent and LeftMenu section */
#MainContent a, #LeftMenu a
{
  color: #8b0000;
  font-weight: bold;
}

/* Changes the size of the Edit This Entry link */
.EditLink
{
  font-size: 70%; 
}

/* Changes the font-weight and size of the label in front of the controls in the Edit Blog Entry panel */
.Label
{
  font-weight: bold; 
  font-size: 80%;
}