::selection {
  background: rgba(0,0,0,.05);
}
ul, h1, h2, h3, h4 {
  margin: 0; padding: 0;
  list-style: none;
}
a, li,
header nav span,
article span {
  text-decoration: none;
  transition: all .25s ease-in-out;
}

/****/
/* Left Bar */
/****/
nav.sections {
  overflow: hidden;
  display: block;
  float: left;
  width: 82px; height: auto;
  margin-right: 20px;
  background: #3bc1f8;
  box-shadow: 0 1px 1px rgba(78,200,247,.35);
  border-radius: 5px;
  text-aling: center;
}
  nav.sections li a {
    display: block;
    width: 100%; height: 82px;
  }
    nav.sections li:hover,
    nav.sections li.active {
      background: #00aced;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.07);
    }
    nav.sections li.notes a,
    nav.sections li.calendar a,
    nav.sections li.settings a {
	    background: url('http://ysfu.net/sprite.png') no-repeat;
    }
    nav.sections li.notes a {
      background-position: 25px 25px;
    }
    nav.sections li.calendar a {
	    background-position: 25px -57px;
    }
    nav.sections li.settings a {
	    background-position: 25px -139px;
    }

/****/
/* Calendar */
/****/
section.mounth {
  overflow: hidden;
  display: block;
  float: left;
  width: 100%; height: auto;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,.25);
  border-radius: 5px;
}
  header {
    position: relative;
    display: block;
    height: 30px;
    background: #292b6b;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.06);
  }
    header h3 {
      margin-left: 15px;
      line-height: 30px;
      font-size: 15px;
      color: #fff;
    }
    header nav {
      overflow: hidden;
      position: absolute;
      display: block;
      right: 30px; top: 30px;
    }
      header nav span {
        display: block;
        float: left;
        width: 11px; height: 20px;
        margin-left: 30px;
        cursor: pointer;
        background: url('http://ysfu.net/sprite.png') no-repeat;
      }
        header nav span:first-of-type {
          background-position: -77px -4px;
        }
          header nav span:first-of-type:hover {
            background-position: -106px -4px;
          }
        header nav span:last-of-type {
          background-position: -90px -4px;
        }
          header nav span:last-of-type:hover {
            background-position: -119px -4px;
          }

  article b,
  article span {
    display: block;
    float: left;
    font-size: 14px;
    margin: 4px;
    text-align: center;
  }
  article b {
    color: #37a032;
    width: 11%; height: 25px;
  }
  article span {
    
    color: #4c5373;
    box-shadow: inset 0 0 1px 1px #d9dce5;
    border-radius: 2px;
    cursor: pointer;
    width: 11%; height: 20px;
    font-size: 12px;
  }
  article b:first-child
  {
    color: #F7B2B2;
  }
  article span.disable {
    color: #b6bacc;
    box-shadow: inset 0 0 1px 1px #f3f4f7;
  }
    article span:not(.disable):hover {
      background: #cdd0dd;
      box-shadow:
        inset 0 0 1px 1px #d9dce5,
        0 1px 3px -1px #cdd0dd;
    }
    article span:not(.disable):active {
      background: #b9becf;
      box-shadow:
        inset 0 1px 2px rgba(0,0,0,.18),
        0 0 0 #cdd0dd;
    }
    article span.active,
    article span.active:hover,
    article span.active:active {
      color: #fff;
      box-shadow:
        inset 0 0 1px 1px #4cab04,
        0 1px 3px -1px #4cab04;
      background: #4cab04;
    }
    article span.absent,
    article span.absent:hover,
    article span.absent:active {
      color: #fff;
      box-shadow:
        inset 0 0 1px 1px #F7B2B2,
        0 1px 3px -1px #F7B2B2;
      background: #F7B2B2;
    }
    article span.holiday,
    article span.holiday:hover,
    article span.holiday:active
    {
      color: #fff;
      box-shadow:
        inset 0 0 1px 1px #FBD6B9,
        0 1px 3px -1px #FBD6B9;
      background: #FBD6B9;
    }
  article div {
    display: block;
    overflow: hidden;
    clear: both;
  }