body{margin:0;padding:0;font-family:Verdana;font-size:14px;color:3c3c3c;background-color:#f7f7f7}#page{max-width:960px;margin:0 auto;text-align:left;background-color:#fff}@media screen and (min-width: 960px){#page{margin:10px auto}}#header-img{background:#8f0000;margin-bottom:1px;position:relative}@media screen and (min-width: 450px){#header-img{height:128px;padding-right:128px}}#name-box{text-align:center;color:#fff}@media screen and (min-width: 450px){#name-box{line-height:128px}}#name-box .box{display:inline-block;vertical-align:middle;line-height:normal;margin:.5rem 0;text-shadow:.15em .15em #000}#name-box .box .name{font-family:sans-serif;font-size:2rem;font-weight:bold}#name-box .box .subtitle{font-size:1rem;font-style:italic}#photo{display:none}@media screen and (min-width: 450px){#photo{display:inline-block;position:absolute;right:0;top:0;height:128px}}#menu-main{height:35px;background:#474644;font:normal 13px Arial}#menu-main ul{margin:0;padding:0;list-style-type:none}#menu-main li{position:relative;display:inline;float:left}#menu-main a{display:block;padding:10px 18px;color:#ccc}#menu-main a:hover{background:#ccc;color:#000}img{max-width:100%}code{background-color:#f0f0f0;padding:1px 4px;border-radius:4px}#content{padding:0 7px 10px 7px}@media screen and (min-width: 450px){#content{padding:0 14px 10px 14px}}@media screen and (min-width: 960px){#content{padding:0 15px 10px 25px}}h1{font-size:2.3em}a{color:#983e3a;text-decoration:none}a:hover{text-decoration:underline}.link-collection{list-style-type:none;padding-left:0}#project-list li{padding-bottom:10px}#project-list .desc{color:gray}#project-list a{font-size:1.3em;font-weight:bold;color:#000}.post{padding-bottom:10px}.post h1{font-weight:bold}.post h1 a{color:#000}.post-date{padding:8px 0;border-top:1px dotted #ababab;border-bottom:1px dotted #ababab;font-size:12px;margin-bottom:15px}.list-post-date{font-size:.8em;font-style:italic}#footer{background:#474644;height:50px}#menu-footer{padding:15px 20px}#menu-footer ul{margin:0;padding:0;list-style-type:none;text-align:center}#menu-footer li{text-align:center;display:inline;color:#ccc}#menu-footer a{text-transform:uppercase;color:#ccc;font-size:12px;font-weight:100;padding:0 5px}#menu-footer li+li::before{content:" | "}