.H {
  width: 35ex; /* picture + margin */
}

.V {
  width: 27ex; /* picture + margin */
}

.floatL{
  float:  left;
  clear:  left;
  margin-right : 3ex; 
  margin-left  : 0; 
}

.floatR { 
  float: right;
  clear: right;
  margin-left   : 3ex; 
  margin-right  : 0; 
}


p.caption {
  text-align : center;
  font-style : italic;
  font-size  : smaller;
}

*.floatL p.caption {
  padding-right : 3ex;
}

*.floatR p.caption {
  padding-left : 3ex;
}


*.V img {
  width: 24ex;
}

*.H img {
  width: 32ex;
}

*.floatL img {
  float: left;
}

*.floatR img {
  float: right;
}



.day {
  clear:  both;
  padding: 2ex 2em 2ex 2em;
}


.sum {
/*  border-top    : thin solid grey;
  border-bottom : thin solid grey; */
  background-color : #DCDCDC;
  font-size    : larger;
}

a.pink {
  color : red;
}


body {
  margin-left  : 5%;
  margin-right : 5%;
}

.C1 {background-color: #90EE90;}
.C2 {background-color: #F0E68C;}
.C3 {background-color: #FFA07A;}