/* Defines behavior for the body tag */
body
{

}
div.absolute
{
    position:absolute;
}
#masterPage
{
    position:absolute;
    top:1%;
    width:98%;
    height:98%;
    left:1%;
    background-color:Silver; 
}
#masterHeader
{
  position:absolute;
  top:0%;
  height:5%;
  width:100%;
  background-color: #8b0000;
  color:White;
  font-size: 150%;
  font-weight: bold;
  border-bottom: 1% solid black;
}
#masterContent
{
  position:absolute;
  top:5%;
  height:95%;
  width:100%;
  background-color:Transparent; 
  font-size: 100%;
}
#masterContentLeft
{
  position:absolute;
  top:0%;
  left:0%;
  height:100%;
  width:20%;
  background-color:Transparent; 
  font-size: 100%;
  border-right-color:White; 
  border-right-style:solid; 
  padding:1%; 
}
#masterContentRight
{
  position:absolute;
  top:0%;
  height:100%;
  left:22%;
  width:78%;
  background-color:Transparent; 
  font-size: 100%;
  padding:1%; 
}
#blogEntries
{
  position:absolute;
  top:0%;
  height:98%;
  width:100%;
}
#blogEntriesTitle
{
  position:absolute;
  top:0%;
  height:5%;
  font-size:150%;
  font-weight:bold;   
  width:100%;
}
#blogEntriesMenuItems
{
  position:absolute;
  top:2%;
  height:10%;
  font-size:100%; 
  width:100%;
}

#blogEntriesLeaguePositionsButton
{
  position:absolute;
  top:0%;
  height:50%;
  font-size:150%; 
  left:0%;
  width:20%;
}
#blogEntriesManageLeaguesButton
{
  position:absolute;
  top:0%;
  left:30%;
  height:50%;
  font-size:150%; 
  width:20%;
}

#blogEntriesManageCategoriesButton
{
  position:absolute;
  top:0%;
  left:60%;
  height:50%;
  font-size:150%; 
  width:20%;
}
#blogEntriesNewButton
{
  position:absolute;
  top:50%;
  height:50%;
  left:0%;
  font-size:150%; 
  width:20%;
}
#blogEntriesCountyMatchesButton
{
  position:absolute;
  top:50%;
  left:30%;
  height:50%;
  font-size:150%; 
  width:20%;
}
#blogEntriesList
{
  position:absolute;
  top:12%;
  height:85%;
  width:100%;
}
#blogEntriesResultsLabel
{
  position:absolute;
  top:0%;
  height:5%;
  font-size:120%; 
  width:100%;
}
#blogEntriesPanel
{
  position:absolute;
  top:7%;
  height:93%;
  width:100%;
}

#blogEntryDate
{
    background-color:Transparent;
    border-top-style:solid; 
}
#blogEntryTitle
{
    background-color:Transparent;
    font-size:150%; 
    font-weight:bold; 
}
#blogEntryBody
{
    background-color:Yellow;
}
#blogFilter
{
    position:absolute;
    top:2%;
    width:98%;
    height:98%;
}
#blogFilterDateLabel
{
    position:absolute;
    top:0%;
    width:100%;
    height:5%;
}
#blogFilterDate
{
    position:absolute;
    top:10%;
    width:100%;
    height:30%;
}
#blogFilterCategoryLabel
{
    position:absolute;
    top:45%;
    width:100%;
    height:5%;
}
#blogFilterCategories
{
    position:absolute;
    top:50%;
    width:98%;
    height:50%;
}







#manageCategories
{
  position:absolute;
  top:0%;
  left:5%;
  height:95%;
  width:95%;
}
#manageCategoriesLabel
{
  position:absolute;
  top:5%;
  left:5%;
  height:5%;
  width:95%;
  font-size:150%; 
}
#manageCategoriesListBox
{
  position:absolute;
  top:10%;
  left:5%;
  height:80%;
  width:95%;
}
#manageCategoriesReturn
{
  position:absolute;
  top:20%;
  left:5%;
  height:80%;
  width:95%;
}

#manageCategoriesFormView
{
  position:absolute;
  top:10%;
  left:30%;
  height:80%;
  width:70%;
}









/* Changes color and fonts for the header above the page */
#Header
{
  position:absolute;
  top:0%;
  height:7%;
  width:100%;
  background-color: #8b0000;
  color:White;
  font-size: 150%;
  font-weight: bold;
  border-bottom: 1% solid black;
}

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

/* Sets the width, padding and font for the menu on the left with the calendar and category list */
#LeftMenu
{
    position:absolute;
    top:10%;
    left:0%;
  width: 20%;
  padding: 1%;
  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
{
  position:absolute;
  top:13%;
  left:23%;
  width:75%;
  height:87%;
  background-color: #eeeedd;
  padding: 1%;
}

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

/* 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: .1% solid gray;
}

/* Sets the font size for most screen elements */
.BlogEntryText, span
{
  margin-bottom: 2%;
  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%;
}