@import url(/ui/minimal.css);

body {background: white; color: black; margin: 0; padding: 0;}
#main {margin: 0 2em 0 0; padding: 5em 0; border-width: 0; width: auto;}

#main table.top h2 {font: bold 200% Arial, Verdana, sans-serif;
  border: none; border-top: 2px solid black; padding: 0.5em 2.5em 0; margin: 0;}
#main table.top h3 {font: bold italic 120% sans-serif;
  border-bottom: 1px solid black; border-top: 2px solid black;
  border-right: 1px solid #ffd; border-left: 1px solid #ffd;
  background: #ffc; padding: 0.125em 4em; margin: 0;}
#main p {line-height: 1.5em; text-indent: 1.5em;
  margin: 0.5em 75px 0.5em 5em; padding: 0;}

h3 + p {text-indent: 0;}
h3 + p:first-line {font-weight: bold;}

sup {vertical-align: super; font: 80% sans-serif;  line-height: 1px;}
em {font-style: italic;}
cite {font-style: italic; color: #001;}

table.top {font-size: 1em; background: #ffe;
  margin-top: 0.66em; margin-bottom: 1em;
  border: 1px solid black; border-left-width: 0;}
table#calendar {font: 1em Arial, Verdana, sans-serif;
  margin: 0; background: #cc9;}
table#calendar td, table#calendar th {padding: 1px;}
table#calendar a {color: black; text-decoration: none;}
table#calendar a:visited {color: gray;}
table#calendar a:hover {color: #33c;}
td#yesterday, td#day, td#tomorrow {font-weight: bold;
  background: black; color: white;}
td#yesterday a, td#day a, td#tomorrow a {color: white;}
td.jul {background: #dda;}
td.aug {background: #bb8;}
td#july {text-align: left; color: #885; border-color: #ddb;
  font-style: italic;}
td#august {text-align: right; color: #774; border-color: #ddb;
  font-style: italic;}

div#main div.Kat {margin: 0.25em 100px 0.5em 5em; padding: 0.75em;
  background: #ddc; border: 3px double #aa9;}
div#main div.Kat p {margin: 0.25em; line-height: 1.25em;}

div.aside {margin: 0.25em 150px 0.5em 5em; padding: 0.25em;
  background: #eed; border: 2px inset #999; font-style: italic;}
div#main div.aside p {margin: 0.25em 1em; line-height: 1.25em; font-size: 90%; text-indent: 0 !important;}
div.aside p:before {content: "(";}
div.aside p:after {content: ")";}

img.picture {float: right; clear: right;
  margin-right: 50px; margin-left: 1.5em; margin-bottom: 0.75em;}
div + a img, table + a img {margin-top: 2em;}

div#main p.nextday {font-weight: bold; text-align: right; text-indent: 0;
  margin-top: 1.5em; clear: both;}

img.sidesep {width: 1px; height: 1px;}