/* body look */
body {
    background: grey;
    font-family: Arial, sans-serif;
    font-size: 0.9em;
}

#bodycontent {
    background: white;
    min-width: 700px;
    max-width: 90%;
    margin: 0px auto;
}

/* title */
#title {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0.5em;
}

#subtitle {
    margin-top: 0;
    margin-left: 0;
    color: grey;
    font-size: 1.5em;
    padding-left: 1em;
}

/* menu */
#menu {
    background-color: black;
    background: -moz-linear-gradient(bottom, black, rgba(50, 50, 50, 0.8), rgba(50, 50, 50, 0.6));
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 2em;
}

#menu a {
    color: white;
    font-size: 120%;
    padding-right: 20px;
    text-decoration: none;
}

/* content */
#content {
    padding: 1em 1em 1em 1em;
}

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 2em;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

h2 a {
    text-decoration: none;
    color: black;
}

.article {
    width: 90%;
}

#tag_cloud {
    float: right;
    width: 20%;
}

#article_list {
    float: left;
    width: 80%;
}


.author {
    color: grey;
}

.date {
    color: grey;
}

    /* tag cloud */
.tag-size-0 {
    font-size: 1em;
}

.tag-size-1 {
    font-size: 1.1em;
}

.tag-size-2 {
    font-size: 1.2em;
}

.tag-size-3 {
    font-size: 1.3em;
}

.tag-size-4 {
    font-size: 1.4em;
}

.tag-size-5 {
    font-size: 1.5em;
}

.tag-size-6 {
    font-size: 1.6em;
}

.tag-size-7 {
    font-size: 1.7em;
}

.tag-size-8 {
    font-size: 1.8em;
}

.tag-size-9 {
    font-size: 1.9em;
}

.tag-size-10 {
    font-size: 2em;
}

pre {
    /* Thanks to: http://www.longren.org/2006/09/27/wrapping-text-inside-pre-tags/ */
    overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    width: 80ex;
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    background: #f0f0f0;
    border-style: solid none solid none;
    border-top-color: #aaaaaa;
    border-top-width: 2px;
    border-bottom-color: #aaaaaa;
    border-bottom-width: 2px;
    padding: 4px 0px 4px 0px;
}

/* footer */
#footer {
    color: grey;
    font-size: 90%;
    padding: 1em 1em 1em 1em;
    clear:both;
}