/*------------------------------------------------------------------------------------------------------------------*/
/* Overall document */
html,body
{
    font-family: arial, helvetica, sans-serif;
    font-size: 11pt;
    margin: 0;
    padding: 0;
}

body
{
    padding: 0 5ex 0 5ex;
    margin: 0;
    background-color: rgb(80,100,120);
    position: relative;
    min-width: 20em;
}

header
{
    padding: 0;
    margin: 1em 0 0 0;
}
/*------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------*/
/* Main content */
body article
{
    padding: 2ex 1em 5ex 1em;
    margin: 0 1em 5em 1em;
    border: none;
    border-radius: 15pt;
    box-shadow: 5px 5px 5px 5px #444;
    min-width: 20em;
    position: relative;
    z-index: 5;
}

body article, nav ul li.selected
{
    background-color: rgb(240,250,240);
}

nav ul li.selected
{
    font-size: 150%;
}

body article p
{
    padding: 0;
    margin-top: 0;
}

body article p.footnote
{
    font-style: italic;
    font-size: 90%;
    border-top: solid 1pt;
}

body article note
{
    display: inline;
    font-size: 95%;
    font-style: italic;
}

body article *
{
    text-align: justify;
}

body article h1
{
    font-size: 127%;
    color: rgb(50, 20, 20);
    border-bottom: solid 1pt;
    width: 100%;
    text-align: left;
}

body article h2
{
    font-size: 118%;
    color: rgb(50, 70, 20);
    text-align: left;
    padding: 0;
    margin-bottom: 0;
}

body article h3
{
    font-size: 100%;
    color: rgb(20, 20, 20);
    text-align: left;
    padding: 0;
    margin-bottom: 0;
}

body article li
{
    padding: 0.5ex 0;
    margin: 0;
}

body article a
{
    color: rgb(20,20,180);
    text-decoration: none;
}

body article a:hover
{
    color: rgb(250,180,20);
    text-decoration: underline;
}

body article a.ext
{
    color: rgb(10,150,100);
}

body article a.ext:hover
{
    color: rgb(50,250,70);
}

body article p.important
{
    background-color: rgb(200,200,150);
    font-size: 110%;
    border: solid 1pt;
}
/*------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------*/
/* Navigation related */
nav
{
    color: rgb(100,100,150);
    margin: 1ex 0 0 0;
    padding: 0;
    border: none;
    width: 100%;
    position: relative;
    z-index: 10;
    overflow-x: auto;
    overflow-y: hidden;
}

nav ul
{
    list-style: none;
    border: none;
    padding: 0;
    margin: 0 5ex 0 5ex;
}

nav ul li
{
    display: inline;
    border: none;
    padding: 0 1ex 1ex 1ex;
    margin: 0 1ex 0 0;
    text-decoration: none;
    text-align: center;
    color: rgb(20,20,20);
    border-top-left-radius: 5pt;
    border-top-right-radius: 5pt;
    font-size: 120%;
    background-color: rgb(150,180,240);
    box-shadow: 5px 5px 5px 5px #444;
}

nav ul li a
{
    color: rgb(20,20,20);
    text-decoration: none;
}

nav ul li a:hover
{
    color: rgb(250,250,0);
    text-decoration: underline;
}

nav div#linksequence
{
    text-align: left;
    font-style: italic;
    font-size: 90%;
    color: rgb(20,20,20);
}

nav ul li.selected
{
    font-weight: bold;
}
/*------------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------------*/
/* Signature */
address
{
    position: absolute;
    padding: 0 0 1ex 0;
    margin: 0;
    right: 7ex;
    text-align: right;
    font-size: 80%;
    color: rgb(150,150,150);
}

address a, address a:visited
{
    color: rgb(180,180,50);
    text-decoration: none;
}

address a:hover
{
    color: rgb(255,255,255);
    text-decoration: underline;
}
*/
/*------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------*/
/* Misc */
noscript
{
    color: rgb(150,20,20);
    background: rgb(230,230,200);
}

canvas
{
    border-radius: 30px;
}

canvas#footCanvas
{
    position: absolute;
    bottom: 3ex;
}

pagelocation
{
    position: absolute;
    padding: 0.5ex 0 0 1em;
    margin: 0;
    top: 0;
    font-size: 80%;
    font-style: italic;
}
/*------------------------------------------------------------------------------------------------------------------*/