Here in the page's source code:
there are two closing </style> tags for that block of style directives. There should only be one. The --> (which is meant to close the <!-- at the beginning of that style block) is outside the first one. Get rid of the first one (red), and it (the --> marks) will no longer appear as the first thing in the body.
/* This imageless css button was generated by CSSButtonGenerator.com */
<style id='template-skin-1' type='text/css'><!--
.content-outer, .content-fauxco . . .l
However, it appears as though the layout depends upon there being something there, because removing that --> makes the top border disappear. You can probably adjust that in the css, but it might be hard to find. A quick fix would be to add a non-breaking space character at the beginning of the body:
. . . le type='text/css'>
margin-top: -60px !important;
if (window.jstiming) window.jstiming.load.tick('headEnd');
<div class='navbar section' id='navbar'></div>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<meta content='Quick . . .