/* sticky footer */

div {
    margin: 0;
    padding: 0;
}

#wrapper, #footer, #main-col, #sidebar, #content, #title, #tags, #alt-langs {
    /* no idea why this is needed… */
    border: solid 1px transparent;
}

#title, #tags, #alt-langs, #dates, #nav-tags, #nav-links, #amazon-wishlist, #footer {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#nav-tags, #nav-links, #amazon-wishlist {
    margin-top: 1em;
}

body {
    font: normal 100%/1.375 Georgia, Times, Times New Roman, serif;
    background: #b3dbe9;
}

html, body {
    height: 100%;
    margin: 0; padding: 0;
}

#wrapper {
    min-height: 99%;
    margin: 0 auto -7em auto;
}

#push {
    height: 7em;
}

#push {
    clear: both;
}

#footer {
    margin: 0 auto;
    height: 7em;
    max-width: 60em;
    background: #1f7a98;
    color: #eeeeee;
}

#footer p {
    margin: 0;
    padding: 0.5em;
    font-size: 0.9em;
}

#footer a {
    color: #aaaaaa;
}

#footer a:visited {
    color: #aaaaaa;
    font-style: italic;
}

#wrapper {
    max-width: 60em; /* leave "air" at the sides */
}

/* columns */

#main-col {
    float: left;
    width: 70%;
}

#sidebar {
    float: right;
    width: 25%;
}

/* title */

#title {
    max-width: 99%;
    background: #79cde9;;
}

#title h1 {
    font-size: 2em;
    line-height: 1.15em;
    margin: 0.5em;
}

#toplink {
    float: right;
}

#toplink a, #toplink img {
    border: none;
}

#toplink img {
    max-height: 4em;
    padding-right: 2em;
}


/* top boxes */

#tags, #alt-langs {
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0.5em auto;
    background: #1f7a98;
    color: #eeeeee;
    padding: 0.2em;
}

#tags ul, #tags li, #alt-langs ul, #alt-langs li {
    display: inline;
    margin: 0.3em;
    padding: 0;
    border: none;
    list-style: none
}

#tags li:before, #alt-langs li:before { content: '-' }
#tags li:after, #alt-langs li:after { content: '-' }

#tags a, #alt-langs a {
    color: #aaaaaa;
}

#tags a:visited, #alt-langs a:visited {
    color: #aaaaaa;
    font-style: italic;
}


/* main content */

#content {
    width: 100%;
    line-height: 1.5em;
    background: #b3dbe9;
}

#dates {
    position: relative;
    width: 80%;
    margin: 0 auto;
    background: #1f7a98;
    padding: 0.2em;
    color: #eeeeee;
}

/* sidebar */

#nav-links, #nav-tags, #amazon-wishlist {
    position: relative;
    background: #2b687c;
    color: #eeeeee;
    padding: 0.5em;
}

#nav-links a, #nav-tags a, #amazon-wishlist a {
    color: #aaaaaa;
}

#nav-links a:visited, #nav-tags a:visited, #amazon-wishlist a:visited {
    color: #aaaaaa;
    font-style: italic;
}

a.icon-link img {
    width: 2em;
}

/* boxes, misc */

span.title {
    font-size: 0.3em;
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: right
}

h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}