body {font-family: sans-serif; background-color: #fafafa;}
h1 {font-size: 32pt; font-weight: bold; margin-bottom: 2px}
h2 {margin-bottom: 2px}
h3 {margin-top: 2px; margin-bottom: 6px; font-style: italic;}
p {margin-top:6px;}
p.descr {margin-top:6px; margin-bottom:4px}
.events {background-color: lightblue}
.spoken {background-color: lavender}
.cabaret {background-color: pink}
.exhib {background-color: lightyellow}
.childrens {background-color: lightgreen}
.music {background-color: lightsalmon}
.theatre {background-color: tomato}
.comedy {background-color: violet}
img.poster {float: left; width:100; padding: 12px}
img.clock {float: right; width:40; padding: 6px}
img.rank {width:20; padding-right: 12px; vertical-align: middle;}
a.disappear {display:none;}
a.reappear {display:block;}
a { color: inherit; text-decoration:none;} 
.dateline {clear: both; font-weight: bold}
.show {padding-bottom: 0px;}
.button { font-weight:bold; border:none; border-radius:4px; margin-right: 3px; color:navy; background-color:cyan;}
.cabaretbutton { color: pink; background-color: fuchsia; }
.exhibbutton { color: lightyellow; background-color: goldenrod; }
.childrensbutton { color: lightgreen; background-color: green; }
.musicbutton { color: linen; background-color: orangered; }
.comedybutton { color: violet; background-color: purple; }
.theatrebutton { color: lightpink; background-color: crimson; }
.spokenbutton {color: lavender; background-color: darkviolet; }
.eventsbutton {color:lightblue; background-color: navy; }