/* Written by Rebecca Shalfield between 2013 and 2017
   Copyright (c) Rebecca Shalfield 2013-2017
   Released under the GNU AGPL v3
*/

b.menubar {
    float:     right;
    display:   inline-block;
    font-size: 10pt;
    margin:    10px;
}

body {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

div.cookie {
    background-color: gold;
    border-radius:    15px;
    padding:          5px;
    width:            50%;
    
    p {
        text-align: justify;
    }
}

.flex-container {
    display:          flex;
    width:            100%;
    flex-wrap:        wrap;
    background-color: White;
}

.flex-item {
    background-color: Ivory;
    width:            32%;
    margin:           10px;
    flex-grow:        1;
}

.flex-item-large {
    background-color: Ivory;
    min-width:        32%;
    max-width:        64%;
    margin:           10px;
    flex-grow:        3;
}

#footer_container {
    height:   48px;
    width:    100%;
    left:     0pt;
    bottom:   0;
    display:  block;
    position: fixed;
}   

#footer_contents {
    width:            100%;
    text-align:       center;
    border-top:       1px dotted #AAAAAA;
    background-color: Maroon;
    padding:          10px;
    
    h3 {
        height:    48px;
        font-size: 12pt;
        color:     White;
        margin:    0pt;
    }
}

h1.catchphrase {
    background-color: white;
    color:            Maroon;
    text-align:       left;
    border-top:       solid;
    margin:           0pt;
    font-size:        18pt;
    text-indent:      10px;
    font-style:       bold;
}

h1.header {
    background-color: white;
    color:            Maroon;
    margin:           0pt;
    width:            100%;
    padding:          0pt;
    text-align:       left;
    text-indent:      10px;
    font-size:        48pt;
}

h1.menubar {
    background-color: Maroon;
    background-image: -moz-linear-gradient(left, Maroon 0%, White 100%);
    background-image: -o-linear-gradient(left, Maroon 0%, White 100%);
    background-image: -webkit-linear-gradient(left, Maroon 0%, White 100%);
    background-image: -ms-linear-gradient(left, Maroon 0%, White 100%);
    color:            Yellow;
    width:            100%;
    margin:           0pt;
    padding:          0pt;
    height:           50px;
    text-align:       left;
    text-indent:      100px;
    font-size:        20pt;
}

h2 {
    color:           Green;
    text-align:      left;
    margin-left:     25pt;
    margin-right:    25pt;
    text-decoration: underline;
}

h3 {
    color:        Green;
    text-align:   left;
    margin-left:  25pt;
    margin-right: 25pt;
}

img.screenshot {
    float:  right;
    width:  320;
    height: 200;
    margin: 10px;
}

li {
    margin-left: 10px;
}

#kanbanaralogo {
    background-color: #445F77;
    float:            left;
}

#kanbanaralogo td.green {
    background-color: Green;
    color:            Ivory;
    font-size:        12pt;
    text-align:       center;
    padding:          2px;
}

#kanbanaralogo td.red {
    background-color: Maroon;
    color:            Ivory;
    font-size:        12pt;
    text-align:       center;
    padding:          2px;
}

#kanbanaralogo td.blue {
    background-color: Blue;
    color:            Ivory;
    font-size:        12pt;
    text-align:       center;
    padding:          2px;
}

p {
    margin-left:  35pt;
    margin-right: 25pt;
}

table.info {
    border:           #FF6666 outset 0.1em;
    box-shadow:       4px 4px 4px #888888;
    background-color: #FAFDFE;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    font-size:        10pt;
    
    td {
        padding:   3px;
        font-size: 10pt;
        border-width:     1px;
    }

    th {
        background-color: Maroon;
        color:            White;
    }    
}

ul {
    text-align:  left;
    margin-left: 10px;
}