body{margin:0;padding:0 0 23px;font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; text-align:left;font-size:12px;color:#000000;background:#d6d6d6;}
#page-container{width:820px;margin:42px auto 0;background:#fff; box-shadow: 0 0 1em #b0b0b0; padding: 15px;}
#head-nav{margin-bottom: 10px;border: black;border-width: 1px;border-bottom-style: solid;border-top-style: solid;}
#head-nav .btn {margin:1px 0.5px 1px 
0.5px;display:inline-block;min-height:1.5em;line-height:1.5em;padding-right: 5px;padding-left: 5px;border: black;border-width: 1px;border-style: solid;width:104px;text-align: center;}
#head-title {margin-bottom: 10px;}
#head-title-right {float:right;}
#head-title-right .btn {margin-left:12px;}
#head-nav .btn:hover {background-color:#bbb;}
#dates .btn {margin:1px 1px 1px 
1px;display:inline-block;min-height:1.5em;line-height:1.5em;padding-right: 2px;padding-left: 2px;border: black;border-width: 0px;border-style: solid;width:20px;text-align: center;height:20px}
#dates .left {border-left-width: 1px; margin-left:0px;}
#dates .right {border-right-width: 1px; margin-right:0px;}
#dates .down {border-bottom-width: 1px; margin-bottom:0px;}
#dates .lighted {background-color:#ddd;}
#dates .lighted:hover {background-color:#bbb;}
#dates {width:187px; display:inline-block;}
#log_content {white-space: pre-wrap; vertical-align: top;width: 560px;display: inline-block;}
#content {white-space: pre-wrap;}
.month_label {margin-left: 5px; width: 0px; display:inline-block}
#date_selector {width:250px; display:inline-block;}
#articles .btn, #projects .btn {margin:1px 0.5px 1px 
0.5px;display:block;min-height:1.5em;line-height:1.5em;padding-right: 5px;padding-left: 5px;border: black;border-width: 1px;border-style: solid;width:104px;text-align: center;}
#articles .btn:hover, #projects .btn:hover {background-color:#bbb;}
#article_selector, #projects_selector {width:117px; display:inline-block; border-right-width: 1px; margin-right: -1px; border-top-width: 1px; border-style: solid;}
#article_content, #projects_content {white-space: pre-wrap; vertical-align: top;width: 690px;display: inline-block; border-left-width: 1px; border-left-style: solid; padding-left: 4px;}
#file_content * {display: block;}
/* pure colour: 6000ff */
/* 80% 732ee6 */
/* 60% 8052cc */
/* 40% 866bb3 */
/* 20% 867a99 */
/* 0 % 808080 */