.timeline{padding:10px 50px}.timeline:before{content:"";position:absolute;top:0;left:calc(33% + 15px);bottom:0;width:4px;background:#ddd}.timeline:after{content:"";display:table;clear:both}.entry{clear:both;text-align:left;position:relative}.entry .title{margin-bottom:.5em;float:left;width:33%;padding-right:60px;text-align:right;position:relative}.entry .title:before{font-size:18px;padding:11px 5px 0 5px;text-align:center;content:"IN";font-weight:700;position:absolute;width:60px;height:60px;border:4px solid green;background-color:#fff;border-radius:100%;top:0;right:-25px;z-index:99}.entry .title h3{margin:0;font-size:120%}.entry .title p{margin:0;font-size:100%}.entry .body{margin:0 0 3em;float:right;width:66%;padding-left:60px;padding-top:10px}.entry .body p{line-height:1.4em}.entry .body p:first-child{margin-top:0;font-weight:400}.entry .body ul{color:#aaa;padding-left:0;list-style-type:none}.entry .body ul li:before{content:"–";margin-right:.5em}.entry-out{clear:both;text-align:left;position:relative}.entry-out .title{margin-bottom:.5em;float:left;width:33%;padding-right:60px;text-align:right;position:relative}.entry-out .title:before{font-size:18px;padding:11px 6px 0 5px;text-align:center;content:"OUT";font-weight:700;position:absolute;width:60px;height:60px;border:4px solid red;background-color:#fff;border-radius:100%;top:0;right:-25px;z-index:99}.entry-out .title h3{margin:0;font-size:120%}.entry-out .title p{margin:0;font-size:100%}.entry-out .body{margin:0 0 3em;float:right;width:66%;padding-left:60px;padding-top:10px}.entry-out .body p{line-height:1.4em}.entry-out .body p:first-child{margin-top:0;font-weight:400}.entry-out .body ul{color:#aaa;padding-left:0;list-style-type:none}.entry-out .body ul li:before{content:"–";margin-right:.5em}