{header}
{blogHeader}
<script type="text/javascript">
function toggleVisibility(objName){
  var obj=document.getElementById(objName);
  if(!obj)return false;
  var viewhide=document.getElementById('blog_viewhide');
  if(!viewhide)return false;
  if(obj.style.display=="none"){
    obj.style.display="block";
    viewhide.innerHTML="{res:Blog_hide}";
  } else {
    obj.style.display="none";
    viewhide.innerHTML="{res:Blog_view}"
  }
  return true;
}
</script>
<div id="blogLeft">
<!-- BEGIN Grid blogsGrid -->
  <!-- BEGIN Row -->
      <div class="displayNone">
        {blogid}
      </div>
    <div class="item blogItem">
     <div class="title"><a href="{alias_Src}">{alias}</a></div>
     <div class="small">
      {dated}
      <!-- BEGIN Label postedby --> {res:Blog_posted_by} {postedby}<!-- END Label postedby -->
      <span class="blogAvatar">{avatar}</span>
    </div>
     <!-- BEGIN Image imgThumbnail --><div class="thumb"><img src="{imgThumbnail}"></div><!-- END Image imgThumbnail -->
     <div class="hint">
      <!-- BEGIN Label hint -->{hint}<!-- END Label hint -->
      <!-- BEGIN Label description -->{description}<!-- END Label description -->
     </div>
     <div class="clearfix"></div>
     <!-- BEGIN Label labels --><div class="small">{res:Blog_categorized_under} {labels}</div><!-- END Label labels -->
     <div class="social">{socialbookmarks}</div>
    </div>
  <hr class="blogsHr"/>
  <!-- END Row -->
  <!-- BEGIN NoRecords -->
		{res:Blog_no_entries}
  <!-- END NoRecords -->
<!-- END Grid blogsGrid -->
<!-- BEGIN Grid blogsPreview -->
	<!-- BEGIN Row -->
		<div class="displayNone">{blogid}{alias_Src}</div>
		<div class="item">
		<div class="title">{alias}</div>
 		<div class="small">{dated}
		<!-- BEGIN Label postedby -->{res:Blog_posted_by} {postedby}<!-- END Label postedby -->
    <span class="blogAvatar">{avatar}</span>
    </div>
		{description}
		<div class="social">{socialbookmarks}</div>
    <!-- BEGIN Label labels --><div class="small">{res:Blog_categorized_under} {labels}</div><!-- END Label labels --></div>
		{blogs_comment_script}
	<!-- END Row -->
	<!-- BEGIN NoRecords -->
            <div class="blogsWarning alert">{res:Blog_no_entries}</div>
	<!-- END NoRecords -->
<!-- END Grid blogsPreview -->
</div>
<div id="blogRight">
		<div class="blogBanner">{lblBlogBannerTop}</div>
		<div id="blogSideHeader">{res:Blog_search}</div>	
<input id="blogQuery" type="text" size="18" maxlength="200" class="input" /><br />
<input type="button" value="{res:Articles_search_button}" class="btn rightButtonStyle" onclick="location.href = location.protocol + '//' + location.host + '/blog/search/' + escape(document.getElementById('blogQuery').value)" />
<div class="clearBoth"></div>
<!-- BEGIN Grid blogsLabels -->
	<h3>{res:Blog_categories}</h3>
	<div id="blogCategoriesControl"><a href="#_viewhide" onclick="return toggleVisibility('blogCategories');"><span id="blog_viewhide">{res:Blog_hide}</span> {res:Blog_all}</a></div>
	<div id="blogCategories" style="">
    <!-- BEGIN Row -->
  <div class="displayNone">
		{labelid}{labelname}
  </div>
	{labellink}<br />
 <!-- BEGIN NoRecords -->
            <div class="blogsWarning alert">{res:Blog_no_entries}</div>
 <!-- END NoRecords -->
  <!-- END Row -->
</div>
<!-- END Grid blogsLabels -->
<!-- BEGIN Grid blogsArchives -->
	<h3>{res:Blog_archives}</h3>
	<!-- BEGIN Row -->
	<div class="displayNone">
		{year}{month}{monthname}{cnt}
	</div>
	{archivelink}<br />
	<!-- END Row -->
	<!-- BEGIN NoRecords -->
	<!-- END NoRecords -->
<!-- END Grid blogsArchives -->
<div class="blogBanner">{lblBlogBannerBottom}</div>
</div>
{footer}