p,body,td,th,li  {
   font-size: 13px;   
   font-family: arial, geneva, sans serif;
   color: black;
   text-align: justify;
   font-weight: normal;
}

h1 {font-size: 27px;}
h2 {font-size: 20px;}
h3 {font-size: 15px;}

.big {font-size: 16px;}

body {
   background-color: #f2f2f2;
}

a {font-weight: bold;border-bottom:1px dotted #666666; color:#333344; text-decoration:none;}
a.important {color:#EE0000;}
a:hover {font-weight: bold; border-bottom:1px solid #000000; color:#000066; text-decoration:none;}

li {margin: 0 0 6px 0;}

li.small {margin: 3px 0 3px 0;}

.slides {color: blue;}
.center {text-align: center;}
code {font-family: monospace; color: #222222; background-color: #dddddd; display: inline-block; padding: 0px 3px 1px 3px; margin: 0 0 0 0;}
.shell  {font-family: monospace; color: white; background-color: black; display: inline-block; padding: 0px 6px 1px 6px; margin: 0 0 0 0;}
.terminal  {font-family: monospace; color: white; background-color: black; padding: 6px 6px 6px 6px;}
.footer {text-align: right; color: 666666;}

@counter-style paren-lower-alpha {
  system: extends lower-alpha;
  suffix: ") ";
}

[type="a"] {
  list-style: paren-lower-alpha;
}

* --------------------------- */

details {
    width: 600px;
}

details > summary {
  padding: 2px 6px;
  width: 70px;
  background-color: #eee;
  border: none;
  box-shadow: 3px 3px 4px black;
  cursor: pointer;
}

details.meme {
    width: 600px;
}

details.meme > summary {
    background-color: #ddddee;
    width: 500px;
}

details > p {
  border-radius: 0 0 10px 10px;
  background-color: white;
  padding: 2px 6px;
  margin: 0;
  box-shadow: 3px 3px 4px black;
}

details[open] > summary {
  background-color: #ccf;
}
