@html-background: #dedede repeat-x scroll;
@body-background: transparent no-repeat center top;
@body-width: 956px;

@font-family: "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
@base-font-size: 11px;

@base-margin: 10px;
@base-padding: @base-margin;
@base-border-size: 1px;
@base-color: #111;

/* ----------------------------- General -------------------------------- */

html {
    overflow-y: scroll;
    background: @html-background;
}

body {
    margin: 0;
    padding: 20px;
    background: @body-background;
    min-height: 100%;
    font-family: @font-family;
    font-size: @base-font-size;
}

#wrapper {
    background: #FFFFFF;
    margin: 0 auto;
    width: @body-width;
    position: relative;
    padding: @base-padding;
}

.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}

/* ------------------------------ Tags ---------------------------------- */

@tags-width: 20%;
@tags-border-size: @base-border-size;
@tags-padding: @base-padding;

#tags {
    width: @tags-width;
    padding: @tags-padding;
    float: left;
    border: @tags-border-size solid @base-color * 5;
    border-right: none;

    h2 {
        font-size: @base-font-size * 1.5;
        margin-top: 0px;
    }

    button {
        display: block;
        margin-bottom: @base-margin;
    }

    #tags-actions {
        margin-top: @base-margin * 2;
    }
}

/* ------------------------------ Table --------------------------------- */

@table-gap: 2%;
@table-width: 100% - (@tags-width + (@tags-padding / @body-width * 100) + @table-gap);

#map-table {
    width: @table-width;
    display: inline-block;
    border: @base-border-size solid @base-color * 5;
}

/* ----------------------------- Toolbar -------------------------------- */

#toolbar {
    border: @tags-border-size solid @base-color * 11;
    padding: @base-padding;
    margin-bottom: @base-margin * 2;
}


/* ----------------------------- Buttons -------------------------------- */