/* NOTE
 * IE6 still does not implement child selectors from the (6 year old)
 * CSS2 specification. Must use contextual selectors and hope there is
 * no leakage.
 */

div.events {
  margin-left: 3em;
}

div.events h2 {
  color: #000000;
  text-transform: uppercase;
  text-align: left;
}

div.events div.event {
  width: 100%; /* Suppress IE6 bug triggered by floating right .micon */
  margin: 1ex 0 1ex 0;
  clear: right;
}

div.events div.event div.delete { float: left; }

div.events div.event div.micon {
  margin-left: 0.5em;
  float: right;
  clear: right;
}

div.events div.event div.date {
  margin-right: 1em;
  float: left;
/*  clear: right; */
  font-weight: bold;
}

div.events div.event div.description {
  margin-left: 7em;
}

div.events div.event p {
  margin: 1ex 1.5em;
/*  clear: left; */
}

div.events div.event div.date,
div.events div.event div.description {
  text-transform: uppercase;
}

div.events div.detailed {
  font-weight: bold;
}

div.events div.event div.date sup,
div.events div.event div.description sup {
  text-transform: none;
}

div.events div.reminder {
  font-weight: bold;
}

form.events .section {
    margin: 2ex 0;
}

form.events textarea {
    vertical-align: top;
}