/* 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: 115px;
    background-color: #99ccff;
    color: #ff6600;
    font-size: 30px;
    font-weight: bold;
    border-bottom: 3px solid black;
    padding: 0px;
    vertical-align: middle;
}

/* 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: whitesmoke;
    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: orangered;
}

/* 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: blue;
    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%;
}