<div style="height:190px;background-color:eee;margin:0px 20px;padding:30px 0px 0px 50px"><center><div style="font-size:40px;letter-spacing:-5px;color: 39104F">shades of cool </div></center><blockquote style="width:39px;height:60px;background-color: 39104F;text-align:center"><div style="margin-top:3px;margin-left:-8px"><img src="http://i.imgur.com/W540ev0.gif"width="56"></blockquote>
<div style="color: 39104F;font-size:40px;margin-top:-36px;margin-left:60px;">▶</div>
<div style="margin-left:-8px;line-height:11px;width:72px;margin-top:30px;font-size:10px"><center><div style="background-color: 39104F;border-bottom:2px solid ccc;color:fff;">header</div><div style="margin-top:3px;background-color: 39104F;border-bottom:2px solid ccc;color:fff;">link l</div><div style="margin-top:3px;background-color: 39104F;border-bottom:2px solid ccc;color:fff;">link ll</div></center></div>
<div style="margin-left:100px;width:130px;margin-top:-118px;text-align:justify;border-left: 39104F 6px solid;background-color:ccc;padding:5px;color:666;font-size:9px;line-height:8px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elit purus, venenatis nec placerat non, tincidunt at tortor. Nulla elit quam, egestas sit amet massa ut, ornare luctus leo. Donec vel egestas ante. Cras ac pretium risus. Donec vel egestas ante. Cras ac pretium risus Donec vel egestas ante. Cras ac pretium risus Donec vel pretium risus Donec vel egestas ante. Cras ac pretium risus Donec vel egestas ante. Cras ac pretium risus Donec </div><div style="font-size:6px;color:666;margin-left:100px;width:130px">coded by my_illusions; insp. by crowy