// LESS VARIABLES
@base: 16px;
@color_base: #3f3f3f;
@color_border: #ebebeb;

.text_base () {
    font-size:   @base*0.8;
    line-height: 1.25em;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    color:       @color_base;

    text-decoration: none;
}

.text_header () {
    font-size:  @base*4;
    line-height: 1.25em;
    font-family: 'Volkhov', 'Georgia', serif;
    margin: 0 0 @base*1;
}

.text_highlight () {
    font-size:   @base*1.6;
    line-height: 1.25em;
    font-family: 'Amaranth', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

// CSS GENERIC

html, body {
    margin:  0;
    padding: 0;
    .text_base;
}

ul, table, p, a {
    .text_base;
}

img {
    border: 0;
}

a {
    .text_base;
    &:hover {
        color: lighten(@color_base, 4%);
    }
}

h1,h2,h3,h4,h5,h6 {
    .text_header;
}

.highlight {
    .text_highlight;
    display: block;
}

// CSS PAGE
body {
    padding-top:    @base*5;
    padding-bottom: @base*5;
    min-width:      @base*60;

    .box () {
        h1 {
            .text_header;
            font-size:   @base*4;
            text-indent: -(@base*2);
            margin-left: @base*25;
            text-transform: uppercase;
        }

        p {
            .text_base;
            margin: @base*1 0 @base*1 @base*25;
        }

        margin-left: 50%;
        position: relative;
        left: -(@base*30);

        width: @base*50;

        overflow: auto;
    }

    #presentation {
        .box;

        img {
            float: left;
            width:  @base*25;
            height: @base*25;
        }

        .highlight {
            text-indent: (@base*1);
        }
    }

    #work {
        .box;

        img {
            float:   none;
            display: block;

            width:  @base*25;
            height: @base*18.75;

            margin: @base*1 0 @base*1 @base*25;

            outline: 1px solid @color_border;
            position: relative;
            left: -1px;
        }

        p {
            text-align: center;
            margin-bottom: @base*2;
        }
    }
}