/*section, nav, header { position: relative; }*/

nav { text-align: right; }

body {
  background-color: #def;
}
  header.main {
    padding: 0 20px 20px 20px;
    text-align: center;
    position: relative;
  }
    header.main h1 {
      font-size: 400%;
      width: 900px;
      margin: 0 auto;
    }
    header.main h2 { font-size: 120%; }
    header.main nav {
      width: 860px;
      margin: 0 auto;
      padding: 10px 20px 0;
    }
    header.main nav.admin {
      text-align: left;
      position: absolute;
      bottom: 0; left: 0;
      width: 100%;
      padding: 0; margin: 0;
    }
      nav.admin ul {
        width: 900px;
        margin: 0 auto;
      }
      header.main nav.admin li {
        display: inline-block;
      }
        .ie6 header.main nav.admin li,
        .ie7 header.main nav.admin li {
          float: left;
        }
        nav.admin a:link,
        nav.admin a:visited,
        nav.admin a:hover {
          display: inline-block;
          padding: 10px 20px;
          font-weight: 600;
          margin-right: 3px;
          background-color: #389;
          color: #fff;
        }
          nav.admin a.current,
          nav.admin a.current:hover {
            color: #fff;
            background-color: #5bc;
            text-decoration: none;
          }
          nav.admin a:hover {
            text-decoration: none;
            background-color: #167;
          }

  section.main { background-color: #fff; position: relative; }


  header.page {
    background-color: #5bc;
    color: #fff;
    text-align: left;
    position: relative;
  }
    header.page h1 {
      font-family: serif;
      font-size: 250%;
      width: 900px;
      margin: 0 auto;
      padding: 20px;
    }
    #flash {
      display: none;
      position: absolute;
      bottom: 22px;
      width: 100%;
    }
      #flash div {
        padding: 8px 15px 8px 30px;
        width: 380px;
        margin: 0 auto;
        background: #389 url(/images/notice.png) no-repeat 10px 8px;

        -moz-border-radius: 15px/15px;
        -webkit-border-radius: 15px 15px;
        border-radius: 15px/15px;
      }
        #flash div.warning { background-image: url(/images/warning.png) }
        #flash div.error { background-image: url(/images/error.png) }

  nav.page {
    background-color: #389;
    color: #fff;
    text-align: right;
  }
    nav.page.left { text-align: left; }
    nav.page ul {
      width: 900px;
      margin: 0 auto;
    }
      nav.page li {
        display: inline-block;
      }
        .ie6 nav.page li,
        .ie7 nav.page li {
          float: left;
        }
        nav.page a:link,
        nav.page a:visited,
        nav.page a:hover {
          display: inline-block;
          padding: 10px 20px;
          color: #fff;
          font-weight: 600;
        }
          nav.page a:hover {
            background-color: #167;
            text-decoration: none;
          }

  section.page {
    width: 900px;
    margin: 0 auto;
    padding: 0;
  }

  fieldset.page {
    padding: 15px 20px 0px;
    width: 860px;
    margin: 10px auto;
  }
