ul.projects,ul.projects li{margin:0;padding:0;display:block}img{width:240px;height:200px;border-radius:12px;border:solid 1px #ccc;margin-right:20px}month{display:block;height:1.4em;margin-top:0;margin-bottom:.4em;padding-left:4em;color:#b3b3b3;-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;transition:color .2s;cursor:default}month.active{color:#000}year{display:block;padding-left:1em;margin-left:1em;border-radius:5px;border-left-width:5px;border-left-style:solid;border-opacity:.7}year:nth-child(odd){border-left-color:#6b8a66}year:nth-child(odd) span.year{color:#6b8a66}year:nth-child(even){border-left-color:#d6aa5c}year:nth-child(even) span.year{color:#d6aa5c}span.year{line-height:0;display:block;transform:translateY(2.1em)translateX(-4.75em)rotate(-90deg);font-size:4.6em;opacity:.7;letter-spacing:.4em;width:10em;text-align:center;font-family:Georgia;cursor:default}a.datespan{display:block;position:absolute;width:1.5em;border-radius:.8em;left:13em;margin-top:-.2em;transition:opacity .2s}a.datespan.hover{opacity:.5}a.datespan.color0{background:#335266}a.datespan.color1{background:#41706b}a.datespan.color2{background:#6d965c}a.datespan.color3{background:#b29152}a.datespan.color4{background:#754f68}#large{position:relative}#timeline{margin:1em 0}#small{display:none}li.project{display:none}div.project{transition:opacity .2s;opacity:0;position:absolute;left:26em;margin-top:-101px;width:650px}div.project.shown{opacity:1}.project img{float:left}.project h2{margin:0}dt{float:left;width:80px;color:#444}dt,dd{margin:0}