#content .quote {
    background-color: #D8D8D8;
    width: 650px;
    margin-left: 25px;
    font-size: 10pt;
    font-family: monospace;
}

#content .code {
    background-color: #D8D8D8;
    width: 650px;
    margin-left: 25px;
    font-size: 10pt;
    font-family: monospace;
}

#content .img_caption {
    width: 400px;
    margin-left: 175px;
    margin-right: auto;
    font-size: 10px;
    text-align: center;
}

#banner {
    width: 1000px;
}

#browse_bar img {
    width: 200px;
    border-top: 10px solid #A9D0F5;
}

#browse_title {
    font-weight: bold;
    font-size: 30pt;
    font-family: courier new;
}

#browse_bar {
    /* TODO: font style change! */
    bottom: 0;
    background-color: #A9D0F5;
    left: 100px;
    width: 250px;
    font-size: 20pt;
    min-height: 100%;
    position: fixed;
    text-align: center;
    font-family: courier;
}

#browse_bar div {
    border-bottom: 10px solid #D8D8D8;
}

#content {
    position: absolute;
    top: 0;
    left: 360px;
}

#content div {
    background-color: white;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
}

a {
    color: blue;
}

html {
    height: 100%
}

body {
    background-color: #D8D8D8;
    margin: 0;
    padding: 0;
    height: 100%
}


/*
Blog stuff
*/

.blogpost h2 {
    font-family: monospace;
}

#content .blogpost img {
    width: 400px;
    margin-left: 175px;
    margin-right: auto;
}

span {
    float: left;
    padding-left: 30px;
    width: 110px;
}

.click_platformer {
    width: 624px;
    height: 624px;
    margin-left: 63px;
    margin-right: auto;
}

#mvp_click_platformer {
    width: 624px;
    height: 624px;
    margin-left: 63px;
    margin-right: auto;
}

#untitled_wuxia_playground {
    width: 624px;
    height: 624px;
    margin-left: 63px;
    margin-right: auto;
}

#untitled_wuxia_empty_screen {
    width: 624px;
    height: 624px;
    margin-left: 63px;
    margin-right: auto;
}

#crafty_collision_demo {
    width: 624px;
    height: 624px;
    margin-left: 63px;
    margin-right: auto;
}

/*
Diary Log Table Stuff
*/
table {
    border-collapse: collapse;
}

th, td {
    text-align: left;
    border: 1px solid #999;
    padding: 0.5rem;
}

.notes {
    width: 100px;
}

.activity {
    width: 450px;
}

.pomodoros {
    width: 200px;
}

.pomodoros span {
    padding-left: 0px;
    display: inline-block;
    height: 20px;
    width: 12px;
}

.pomodoros span.normal {
    border: 1px solid black;
}

.pomodoros span.ideal {
    border: 1px solid turquoise;
}

.pomodoros span.second {
    border: 1px solid red;
}

.pomodoros span.third {
    border: 1px solid orange;
}

.pomodoros span.bus {
    border-style: dotted;
}