* {
    image-rendering: pixelated;
    box-sizing: border-box;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
}

body {
  margin: 5px;
}

.container-outer {
    border: 1px solid;
    border-image-source: url(/o.o/doll);
    border-image-repeat: round;
    border-image-slice: 5;
    border-image-width: 5px;
    padding: 2px;
    background: white;
}

h1 {
  font-size: 20px;
  padding: 7px;
  display: inline;
  border: 1px solid;
  border-image-source: url(/o.o/doll);
  border-image-repeat: round;
  border-image-slice: 5;
  border-image-width: 5px;
  background: white;
}

header {
  background-image:url(/o.o/plaid.gif);
  padding: 20px;
  margin-bottom: 5px;
}

img {
  width: 240px;
}

.calendar {
  font-size: 12;
}

caption {
  padding: 3px 25px;
  background-image: linear-gradient(to bottom, #768C5C4b 0%, #768c5c60 50%, #768c5c73 51%, #768c5c23 100%);
  text-align: center;
  border: 1px solid #768C5C10;
  border-radius: 8px;
  color: #fff;
  text-shadow: -1px -1px 0 #768C5C50, 1px -1px 0 #768C5C50, -1px 1px 0 #768C5C50, 1px 1px 0 #768C5C50; 
}

th {
  color: #768C5C90;
}

.empty{
    background: none;
    border: none;
}

td {
  padding: 2px;
  text-align: center;
  background-image: linear-gradient(to bottom, #bdbdbd21 0%, #bdbdbd4f 50%, #bdbdbd8e 51%, #bdbdbd10 100%);
  text-align: center;
  border: 1px solid #6d6d6d30;
  border-radius: 8px;
  font-weight: 200;
  color: #6d6d6d90;
}

.active {
  border: 1px dashed #6d6d6d30;
}

aside {
  float: left;
  border: 1px solid #866863;
  padding: 4px;
  margin: 0 5px 5px 5px;
  background: greenyellow;
  border-radius: 3px;
}

.aside {
width: 30%;
}

svg {
position: absolute;
}