@import url("Clavo.css");
@import url("CallunaSans.css");

body {
    margin: 0 auto;
    padding: 0;
    font: 11pt "CallunaSans", sans-serif;
    font-weight: normal;
    background: white;
    font-variant-numeric: lining-nums proportional-nums;
    -moz-font-feature-settings:"lnum" 1, "pnum" 1;
    -moz-font-feature-settings:"lnum=1, pnum=1";
    -ms-font-feature-settings:"lnum" 1, "pnum" 1;
    -o-font-feature-settings:"lnum" 1, "pnum" 1;
    -webkit-font-feature-settings:"lnum" 1, "pnum" 1;
    font-feature-settings:"lnum" 1, "pnum" 1;
}

h2 {
    margin: 3ex 0 1.5ex 0;
}

h3 {
    margin: 3ex 0 1.5ex 0;
}

#title {
    margin: 0 1em 4ex 2em;
    padding: 1ex 0 1ex 1em;
    clear: right;
    background: #005080;
    color: white;
    box-shadow: rgba(0, 80, 128, 0.5) 0 0 0.5ex 0.3ex;
    border-radius: 0 0 1ex 1ex;
}

#title h1 {
    line-height: 1.3;
    text-align: left;
    font-family: "Clavo", serif;
    font-style: italic;
    font-weight: normal;
}

#main {
    background: #ffffff;
    margin: 0 auto;
    min-width: 750px;
    max-width: 70em;
    line-height: 1.0;
}

#rightpane {
    float: right;
    line-height: 1.5;
    width: 16em;
    padding: 0 1em 0 1em;
}

#rightpane p {
    font-size: small;
}

#rightpane ul {
    font-size: small;
    padding-left: 2em;
    margin-left: 0;
}

#rightpane h2 {
    font-size: 12pt;
    border-bottom: 2px solid #FFF7B7;
}

#rightpane .newsitem {
    padding: 0.3ex 1em 0.3ex 1em;
    margin-top: 2ex;
    color: #505050;
    background-color: #d4f4d4;
    border-radius: 1ex;
    line-height: 1.2;
}

#rightpane .newsitem :link { color: #505050; text-decoration: none; }
#rightpane .newsitem :visited { color: #505050; text-decoration: none; }
#rightpane .newsitem a:hover { text-decoration: underline; }

#content {
    line-height: 1.3;
    text-align: justify;
    margin: 0 18em 0 1em;
    padding: 0 1em 0 1em;
    border-right: 1px dotted #0083D1;
}

#content h2 {
    font-size: 14pt;
}

#content h3 {
    font-size: 12pt;
}

#content p.strong {
    font-weight: 700;
    font-size: larger;
    font-style: italic;
}

#content p.strong em {
    text-decoration: underline;
}

strong {
    font-weight: bold;
}

code {
    font-family: "DejaVu Sans Mono", monospace;
}

:link { color: #18567D; text-decoration: none; }
:visited { color: #18567D; text-decoration: none; }
a:active { color: #18567D; text-decoration: underline; }
a:hover { text-decoration: underline; }

#footer {
    clear: both;
    margin: 0 auto;
    padding: 1ex 1em 2ex 1em;
    border-top: 2px solid #FFF7B7;
    width: 90%;
    color: #808080;
    font-size: small;
    font-weight: normal;
    line-height: 1.1;
}

#footer p {
    margin-top: 1ex;
    margin-bottom: 1ex;
}

#footer a {
    color: #808080;
    text-decoration: underline;
}

.textright {
    text-align: right;
}

.textcenter {
    text-align: center;
}

.hide {
    display: none;
}

.sc {
    font-variant: small-caps;
}

table.normal {
    margin: 1ex 1em 1ex 0em;
}

table.normal th {
    background-color: rgb(248,248,248);
    background-color: #eff8df;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1ex;
    padding-bottom: 1ex;
    padding: 1ex 1em 1ex 1em;
    font-weight: bold;
}

table.normal td {
    background-color: rgb(248,248,248);
    background-color: #eff8df;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1ex;
    padding-bottom: 1ex;
    padding: 1ex 1em 1ex 1em;
}

img {
    border: 0;
}

img.photo {
        float: left; 
        margin: 0ex 1em 1ex 0em;
        box-shadow: rgba(0, 0, 0, 0.5) 0 0 0.5ex 0.3ex;
}

pre {
    font-size: small;
    background-color: #F0F0F0;
}

p.authors {
    text-align: center;
}

p.authors .author-name {
    font-weight: bold;
}

p.alert {
    margin-top: 3ex;
    margin-bottom: 0;
    font-size: larger;
    background-color: #d4f4d4;
    padding-top: 0.2ex;
    padding-bottom: 0.2ex;
    padding-left: 0.4em;
    padding-right: 0.4em;
}