body {
  line-height: 1.1em;
}

aside {
  line-height: 1.2em;
}

p {
  margin: 1em 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 1.1em 0 .7em 0;
}
h1 {
  font-size: 170%;
}
h2 {
  font-size: 150%;
}
h3 {
  font-size: 130%;
}

.float-left { float: left; margin: .2em .5em .2em 0 }
.float-right { float: right; margin: .2em 0 .2em .5em }
img { border: none; }
.hidden { display: none }

:target {
  border-style: solid;
  border-width: 2px;
  border-radius: .5em; -moz-border-radius: .5em;
  border-color: transparent; /* hide border unless specified by a style */
}

[lang=eo], .eo {
  color: #040;
}
[lang=en], .en {
  color: #000;
}

#content > article ul.kompakta li,
#primary-content ul.kompakta li { margin-top: 0; margin-bottom: .2em; padding-top: 0; padding-bottom: 0}

.dulingva p[lang], 
.dulingva div[lang], 
.dulingva div.eo,
.dulingva div.en,
.dulingva p.eo,
.dulingva p.en {
  width: 47%;
  float: left;
  margin: .2em 2% .5em 0;
}

.afisxo { 
  margin-bottom: 2em; 
  padding-bottom: 1em;
  border-bottom: 1px dotted #aaa;
}

.afisxo :target {
  border: none;
  padding: 0; margin:0;
}

.afisxo .ligiloj { 
  text-align: right;
  font-family: sans-serif;
  font-size: 85%;
  margin-top: .5em;
}
.afisxo > header { font-family: sans-serif; margin-bottom: 1em; font-size: 85%; }
.afisxo > header h1 { font-size: 160%; }
.afisxo time {
  color: #444;
  margin: 0 0 1em 0;
  padding: 0;
}
.afisxo .kiam { color: #777 }
.afisxo header h1 {
  margin: 0 0 .1em 0;
}
.calendar {}
.calendar_month_head {
  font-size:    smaller;
  font-weight:    bold;
}
.calendar_day_head {
  font-size:    smaller;
  font-weight:    normal;
}
.calendar_day_noday {}
.calendar_day_link {
  text-align:   right;
  font-weight: bold;
}
.calendar_day_nolink {
  text-align:   right;
}

.fn, 
.familia-nomo,
.familinomo{
  font-variant: small-caps;
}

ol, ul {
  padding-left: 2em;
}

blockquote {
  margin: .5em 2em .5em 1em;
  font-style: italic;
}

#extra-content h3 {
  margin-bottom: 0;
  padding-bottom: .1em;
  /* border-bottom: 1px solid #aaa; */
}
#extra-content h3 + p, 
#extra-content h3 + ul { margin-top: .5em }

.ungo { float: left; margin: 0 .5em .5em 0 }
img.ungo { width: 75px }

#atentigilo p { margin-top: 0 }

nav#breadcrumbs {
  margin: 1em 0 1em 0;
  font-family: sans-serif;
  font-size: 110%;
}
/* superfluaj:
nav#breadcrumbs a { text-decoration: none }
nav#breadcrumbs a:hover { text-decoration: underline }
*/

.noto { 
  font-family: sans-serif; 
  padding: .5em;
  background-color: #ff8; 
  border: 1px solid #dd6; 
  font-size: smaller
}