// Background colors
@banner-color: #12126F;
@inside-color: #FFFFFF;
//@inside-color: #98AFC7;
@outside-color: #8B8BDB;

// Text colors
@banner-text: #b8babb;

// Oooh
@banner-space: 20;

// Padding
@page-horiz: 5%;
@page-vert: 3%;

// Footer padding
@footer-pad: 10px;

// Columns
@w1: 50%;
@w2: 50%;
@pad: 3%;
@pad-vert: 10px;

body {
    font-family: Arial;
    margin-left: 10%;
    margin-right: 10%;
    background-color: @outside-color;
}


#banner {
    //background-color: @banner-color;
    background:#12126F url('../img/header.gif') no-repeat top left;
    background-size: 100%;
    color: @banner-text;
    width: 100%;
    height:20%;
    padding: @banner-space 0 @banner-space 0;

    #banner-cloister {
        font-size:60pt;
        font-variant: small-caps;
        font-weight: bold;
    }

    ul {
        margin-left: 14.5%;
        margin-top: 9.5%;
        padding-left: 0;
        display: block;
        color: #b8babb;
    }
    li { display: inline; }
    a { color: #b8babb; }
    a:hover { color: white; }
}

.normal {
    margin-left: 10;
    width: 50%;
}

img { 
    width: 100%;
    float: right; 
    margin-bottom: 20;
}

iframe {
    width: 100%;
    height: 400;
}

.cont {
    padding: @pad;
    h2 {
        margin: 0;
    }
}

.cont2 {
    float: left;
    width: 100%;
    background-color: @inside-color;
    padding: @pad-vert 0 @pad-vert 0;
    overflow: hidden;
    position: relative;
}

.cont1 {
    float: left;
    width: 100%;
    background-color: @inside-color;
    padding: @pad-vert 0 @pad-vert 0;
    position: relative;
    right: @w2;
}

.col1 {
    float: left;
    width: @w1 - @pad * 2;
    position: relative;
    left: @w2 + @pad * 1;
}

.col2 {
    float: left;
    width: @w2 - @pad * 2;
    position: relative;
    left: @w2 + @pad * 3;
}

.text-imp {
    font-size: 13pt;
}

#page {
    display: block;
    width: 100%;
    background-color: @inside-color;
    float: left;
}

.bio {
    float: left;
    padding: @pad-vert @pad @pad-vert @pad;
    width: (100% - @pad*2);

    .bio-begin {
        padding: @pad-vert 0 @pad-vert 0;
        a {
            margin-left:10;
            overflow: wrap;
            font-size: 10pt;
            font-weight: normal;
        }
        h3 {
            margin: 0;
        }
        img {
            width: 15%;
            float: left;
            margin-right: 10;
        }

    }

    p {
        margin-top: 0;
        margin-bottom: 12pt;
    }
}

#footer {
    width: 100%;
    display: block;
    float: left;

    text-align: center;
    background-color: @banner-color;
    color: @banner-text;
    margin-bottom: 10;

    ul { 
        font-variant: small-caps;
        display: block; 
    }

    li { 
        display: inline; 
        margin: 0 5 0 5;
    }
    a { color: #b8babb; }
}

h4 {
    display: inline;
    margin: 0;
}