/* @import url("http://fonts.googleapis.com/css?family=Laila:300,700"); */

/* Reset settings and set sane defaults */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    background: transparent;
}

article, aside, figure, footer, header, main, nav, section, details, summary { display: block; }

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }


/* Main Style */

html { margin: 0 1em; }
body {
    margin: 0 auto;
    padding: 0;
    font-family: Laila, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    color : #432;  /*#543;*/
    text-align: center;
    background-color: #f7f9f7; /* #eee #ffe #d4cabf, #fbf0d0 #f5f5f5 */
    max-width: 55em;
}

code {
    font-family: Menlo, Courier, monospace;
}

header {
    color: white;
    background-color: #a00000;
}

header h1 {
    font-size: 36pt;
    font-weight: normal;
    font-style: italic;
    text-shadow: 2px 2px 2px #888;
    margin: 0;
    padding: 0;
    box-shadow: 3px 7px 5px #888888;
}

header h1 a {
    font-size: inherit;
    color: inherit;
}

nav {
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
}

nav ul {
    margin: 1em 0;
    padding: 0;
    list-style: none outside none;
    color: black;
}

nav li {
    margin: 0 2em;
    color: black;
    display: inline;
}

nav li.current-nav {
    color: #a00000;
}

nav li a {
    padding: 7px;
    font-size: larger;
    font-weight: bold;
    color: inherit;
    border: 2px solid;
    border-radius: 12px 0px;
    border-color: transparent;
}

nav li a:hover {
    border-color: #d00000;
}

main {
    margin: 0;
    border: 2px solid #d00000;
    border-radius: 40px 0px;
}

main h3 {
    margin: 22px 0;
    font-size: x-large;
    font-weight: bold;
}

main h4 {
    margin: 1em 2em;
    text-align: left;
    font-size: large;
    font-weight: bold;
}

a {
    color: #a03030;
    text-decoration: none;
}

a[href^="http"] {
    border-bottom: 1px dotted #808080;
    text-decoration: none;
}

a[href^="http"]:hover {
    text-decoration: none;
}

a[href^="http"]:after {
    content: url("../images/external_link_small.svg");
    margin: 0 0 0 3px;
}

a.imglink {
    border-bottom: none;
}
a.imglink:after {
    content: none;
    margin: 0;
}

p {
    margin: 1em 2em;
    text-align: justify;
}

img.vrlogo {
    width: 300px;
    margin: -1em 2em 0;
}

.right {
    float: right;
}

.clear {
    clear: right;
}

address {
    text-align: left;
    margin: 1em 2em;
}

address img {
    float: right;
}

footer {
    font-size: xx-small;
    margin: 1em auto;
}