/* General stuff .............................................. */
body {
color: black; 
background-color: white;
font-family: Verdana,Arial,Helvetica,Serif; 
font-size: 10pt;
width: 900px;
margin-left: auto;
margin-right: auto;
}

h1 { 
font-size: 13pt;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,Serif;
color: #003300;
background-color: white;
}

h2 { 
font-size: 12pt;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,Serif;
color: #000000;
background-color: white;
}

h3 {
font-size: 11pt;
font-weight: bold;
color: #000000;
background-color: white;
}

#contentsection {
width: 670px;
}

#menusection {
width: 200px;
float: right;
}

input {
font-size: smaller;
}

p, td {
font-family: Verdana,Arial,Helvetica,Serif;
font-size: 10pt;
}

th {
font-family: Verdana,Arial,Helvetica,Serif;
font-size: 10pt;
color: black;
background-color: #eeeeff;
font-weight: bold;
}

li {
font-family: Verdana,Arial,Helvetica,Serif;
font-size: 10pt;
margin-bottom: 8px;
}

li.spaced {
font-family: Verdana,Arial,Helvetica,Serif;
font-size: 10pt;
}

pre.code {
font-family: monospace;
font-size: 10pt;
margin-top: 8pt;
margin-bottom: 8pt;
background-color: #FFFFEE;
white-space:pre;
border-style:solid;
border-width:1pt;
border-color:#999999;
color:#111111;
padding:5px;
}

p.quote {
background-color: #EEEEEE;
border-style:solid;
border-width:1pt;
border-color:#999999;
color:#111111;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 30px;
}

.footnote {
font-size: 8pt;
}

a.menulink:link { 
color: #7777bb; 
background-color: white;
text-decoration: none; 
}
a.menulink:visited { 
color: #555577; 
background-color: white;
text-decoration: none; 
}
a.menulink:active { 
color: #0000ff; 
background-color: white;
text-decoration: underline; 
}

.update {
padding: 1em;
padding: 1em;
border: 1pt solid #555;
color: black;
background-color: #ffdddd;
}

.menutitle {
font-size: 10pt;
font-weight: bold;
color: #336699;
background-color: white;
}

/* Blosxom registry stuff ..................................... */
.blosxomRegistryHeader {
border: 1px solid #999;
margin: 0px;
padding: 0px;
font-weight: bold;
}

/* Blosxom stuff ................................................ */
.blosxomDayDiv {
float: left;
/*width: 100%; */
}

.dent {
padding: 3px 10px 3px 10px;
border: 1px solid #999;
background-color: #eeeeff;
border-radius: 8px;
-moz-border-radius: 8px;
}

.news {
padding-right: 2em;
padding-left: 2em;
padding-bottom: 1em;
}	

.blosxomEntrySummary {
/* width: 100%; */
padding: 1em;
}	

.blosxomComments {
margin-top: 2em;
border-top: 1px dashed #444444;
}

.blosxomDate {
border-bottom: 1px solid #888888;
font-size: 11pt;
font-weight: bold;
color: #336699;
background-color: white;
} 

.blosxomEntryDate {
font-weight: bold;
font-size: 100%;
color: #aaaaaa;
background-color: white;
} 

.blosxomTime { 
color: #336699;
background-color: white;
}

/* Blosxom comment stuff .......................................... */
.blosxomComment {
color: black;
background-color: #eeeeee;
border-top: dashed 1px #444444;
padding: 0.2em 1em 0em 0em;
}

.blosxomCommentInfo {
font-size: smaller;
}

.blosxomCommentBody {
margin-left: 0.5em;
}

.blosxomCommentForm {
border-top: dashed 1px #444444;
}

.biggestTag { font-size: 16pt; }
.bigTag { font-size: 14pt; }
.mediumTag { font-size: 12pt; }
.smallTag { font-size: 10pt; }
.smallestTag { font-size: 8pt; }

table.footnote td {
  background: #f0f0f0;
  font-size: 8pt;
}

.email {
  color: #0000ff;
}

div.content {
  width: 100%;
  display: flex;
  flex-direction: row;
}

div.content > div.sidebar {
  flex: 1;
  height: 100%;
  padding: 1em;
}

div.content > div.sidebar > div.sidesection {
  padding-top: 8px;
}

div.content > div.main {
  flex: auto;
  padding: 1em;
  height: 100%;
}