/*  == GENERAL ==  */

html {
       background-color: #f1f8df;
       font-family: sans-serif;
       margin: 0 7%;
}

a {
    color: inherit;
}

a img {
        padding: 2px;
        border: 1px solid #555;
}

h1 {
     background-color: #99bb88;
     font-family: "Century Schoolbook L", serif;
     font-size: 280%;
     font-weight: bold;
     font-style: italic;
     letter-spacing: 0.4em;
     border: 1px solid #669944;
     border-left: 12px double #669944;
     padding: 0.5% 3%;
     margin-top: 20px;
     margin-bottom: 20px;
}

h2 {
     font-variant: small-caps;
     font-size: 120%;
     font-family: serif;
     font-style: italic;
     border-top: 1px solid black;
     width: 30%;
     padding: 1% 0% 0% 2%;
}

p + h2 { margin-top: 3em }

em.nyello {
     font-family: "Century Schoolbook L", serif;
     font-size: 140%;
     font-style: italic;
     color: #669944;
}

em {
     font-family: serif;
     font-size: 120%;
     font-weight: bold;
     font-style: italic;
     color: #522590; 
}

strong {
     font-family: serif;
     font-size: 120%;
     font-weight: bold;
     color: #665544;
}

pre {
       margin-left: 5%;
       color: #555;
}

p.author {
           font-style: italic;
           margin-left: 80%;
}
p.author:before { content: "\2014\A0" }

/*  == MENU ==  */

#menu {
        font-family: serif;
        font-weight: bold;
        letter-spacing: 0.1em;
        margin-bottom: 3em;
}

#menu ul {
           margin: 0;
           padding: 0;
}

#menu li {
           padding-right: 1em;
           display: inline;
}

#menu a {
          font-variant: small-caps;
          text-decoration: none;
          border-bottom: 1px dotted black;
}

#menu li:before { content: "[\A0" }
#menu li:after {  content: "\A0]" }

#menu li.selected a {
                      border-bottom: 1px solid red;
}
#menu li.selected:before { color: red }
#menu li.selected:after {  color: red }


/*  == SIDEBOX ==  */

#sidebox {
           background-color: #99bb88;
           font-size: 80%;
           line-height: 1.5em;
           border: 2px dotted #669944;
           width: 22%;
           padding: 1%;
           margin-left: 2em;
           margin-bottom: 2em;
           float: right;
}

#sidebox strong {
                  font-size: 160%;
}

#sidebox a {
             font-weight: bold;
             text-decoration: none;
             border-bottom: 1px solid black;
}


/*  == PAGE ==  */

#page {
}

div.news { margin-top: 2em }


/*  == FOOTER ==  */

#footer {
          margin-top: 3em;
          padding-top: 0;
          line-height: 1.5em;
          font-size: 80%;
          border-top: 1px solid #888;
          color: #888;
}