.calendar {
    width:90%;
    max-width:300px;
    margin:60px auto;
    height:auto;
    overflow:hidden;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  
  
  .calendar:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .mainHead {
    background:#b8a122;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  
  .mainHead h3 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding:15px 0 15px 0;
    color:#fff;
    text-shadow:0px 1px 0px rgba(0,0,0,.1);
    font-weight:300;
  }
  
  .days {
    float:left;
    width:14.2857142857%;
    background:#ddd084;
    text-transform: uppercase;
    font-size: small;
    letter-spacing: 2px;
    text-align: center;
    color:#fff;
    padding:10px 0 10px 0;
    
    
    list-style:none;
  }
  
  .column {
    position: relative;
    float:left;
    list-style:none;
    width:14.2857142857%;
    background:#fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    color:#4e707d;
    padding:10px 0 10px 0;
    text-shadow:1px 0px 0px rgba(0,0,0,.1);
  }
  
  .column:hover {
    background:#f4f4f4;
  }
  
  .start > li:last-of-type {
    float:right;
  }
  
  .light {
    color:#ccc;
  }
  
  .event {
    position: absolute;
    bottom:3px;
    left:-1px;
    right:0;
    margin:0 auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background:#ed6b8c;
    width:25px;
    height:5px;
    display:block;
  }
  
  .work {
    position: absolute;
    bottom:3px;
    left:-1px;
    right:0;
    margin:0 auto;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background:#19dd89;
    width:5px;
    height:5px;
    display:block;
  }
  
  .meeting {
    position: absolute;
    bottom:3px;
    left:-1px;
    right:0;
    margin:0 auto;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background:#00a9e0;
    width:5px;
    height:5px;
    display:block;
  }
  
  .weekend {
    background:#fff1f5;
  }