<!DOCTYPE html>
<html id="XenForo" lang="{$visitorLanguage.language_code}" dir="{$visitorLanguage.text_direction}" class="Public {xen:if {$visitor.user_id}, 'LoggedIn', 'LoggedOut'} {xen:if {$sidebar}, 'Sidebar', 'NoSidebar'}" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<xen:hook name="page_container_head">
<meta charset="utf-8" />
<xen:if is="{$requestPaths.fullBasePath}">
<base href="{$requestPaths.fullBasePath}" />
<script><xen:comment>/* Chrome bug and for Google cache */</xen:comment>
var _b = document.getElementsByTagName('base')[0], _bH = "{xen:jsescape $requestPaths.fullBasePath}";
if (_b && _b.href != _bH) _b.href = _bH;
</script>
</xen:if>
<title><xen:if is="{$title}">{xen:raw $title} | {$xenOptions.boardTitle}<xen:else />{$xenOptions.boardTitle}</xen:if></title>
<noscript><style>.JsOnly { display: none !important; }</style></noscript>
<link rel="stylesheet" type="text/css" href="css.php?css=xenforo,form,public&style={xen:urlencode $_styleId}&d={$visitorStyle.last_modified_date}" />
<!--XenForo_Require:CSS-->
{xen:helper ignoredCss, {$visitor.ignoredUsers}}
<xen:include template="google_analytics" />
<xen:include template="page_container_js_head" />
<xen:if is="@adStyler">
<!-- Start styleBar head -->
<script src="{$javaScriptSource}/ad_styler/1.0/styles/class/settings.js"></script>
<link rel="stylesheet" id="sbcss" href="{$javaScriptSource}/ad_styler/1.0/styles/class/css.php" />
<script src="{$javaScriptSource}/ad_styler/1.0/jquery.styleBar.min.js"></script>
<script>
if ( Storage.get( sb_settings[3] + 'href' ) )
document.getElementById( 'sbcss' )
.setAttribute( 'href', Storage.get( sb_settings[3] + 'href' ) );
( function( h,c ) {
h[c] = h[c].replace( /\bno-js\b/, '' );
} )( document.documentElement, 'className' );
</script>
<link rel="stylesheet" href="{$javaScriptSource}/ad_styler/1.0/css/styleBar.css" />
<!-- End styleBar head -->
</xen:if>
<link rel="alternate" type="application/rss+xml" title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}" href="{xen:link forums/-/index.rss}" />
<xen:if is="{$pageDescription.content} AND !{$pageDescription.skipmeta} AND !{$head.description}"><meta name="description" content="{xen:string wordTrim, {xen:helper stripHtml, {xen:raw $pageDescription.content}}, 200}" /></xen:if>
<xen:if is="{$head}"><xen:foreach loop="$head" value="$headElement">{xen:raw $headElement}</xen:foreach></xen:if>
</xen:hook>
</head>
<body{xen:if {$bodyClasses}, ' class="{$bodyClasses}"'}>
<xen:if is="@adStyler"><xen:include template="ad_styler" /></xen:if>
<xen:hook name="body">
<xen:if is="{$visitor.is_moderator} || {$visitor.is_admin}">
<xen:include template="moderator_bar" />
<xen:elseif is="!{$visitor.user_id} && !{$hideLoginBar}" />
<xen:include template="login_bar" />
</xen:if>
<div id="headerMover">
<div id="headerProxy"></div>
<div id="content" class="{$contentTemplate}">
<div class="pageWidth">
<div class="pageContent">
<!-- main content area -->
<xen:hook name="page_container_content_top" />
<xen:include template="ad_above_top_breadcrumb" />
<xen:hook name="page_container_breadcrumb_top">
<div class="breadBoxTop">
<xen:if is="{$topctrl}"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
<xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
</div>
</xen:hook>
<xen:include template="ad_below_top_breadcrumb" />
<xen:hook name="page_container_notices">
<xen:include template="notices" />
</xen:hook>
<xen:if is="{$sidebar}">
<div class="mainContainer">
<div class="mainContent"></xen:if>
<xen:hook name="page_container_content_title_bar">
<xen:if is="!{$noH1}">
<!-- h1 title, description -->
<div class="titleBar">
{xen:raw $beforeH1}
<h1><xen:if
is="{$h1}">{xen:raw $h1}<xen:elseif
is="{$title}" />{xen:raw $title}<xen:else
/>{$xenOptions.boardTitle}</xen:if></h1>
<xen:if is="{$pageDescription.content}"><p id="pageDescription" class="muted {$pageDescription.class}">{xen:raw $pageDescription.content}</p></xen:if>
</div>
</xen:if>
</xen:hook>
<xen:include template="ad_above_content" />
<!-- main template -->
{xen:raw $contents}
<xen:include template="ad_below_content" />
<xen:if is="!{$visitor.user_id} && !{$hideLoginBar}">
<!-- login form, to be moved to the upper drop-down -->
<xen:include template="login_bar_form" />
</xen:if>
<xen:if is="{$sidebar}"></div>
</div>
<!-- sidebar -->
<aside>
<div class="sidebar">
<xen:hook name="page_container_sidebar">
<xen:include template="ad_sidebar_top" />
<xen:if is="!{$noVisitorPanel}"><xen:include template="sidebar_visitor_panel" /></xen:if>
{xen:raw $sidebar}
<xen:include template="ad_sidebar_bottom" />
</xen:hook>
</div>
</aside>
</xen:if>
<xen:hook name="page_container_breadcrumb_bottom">
<div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
</xen:hook>
<xen:include template="ad_below_bottom_breadcrumb" />
</div>
</div>
</div>
<header>
<xen:include template="header" />
<xen:edithint template="navigation" />
<xen:edithint template="search_bar" />
</header>
</div>
<footer>
<xen:include template="footer" />
</footer>
<xen:include template="page_container_js_body" />
<xen:if is="@adStyler">
<!-- Start styleBar JS -->
<script>
(function( $ ) {
$( '#styleBar' ).styleBar();
})( jQuery );
</script>
<!-- End styleBar JS -->
</xen:if>
<xen:if is="{$cronLink}"><img src="{$cronLink}" width="1" height="1" alt="" style="display: none" /></xen:if>
</xen:hook>
</body>
</html>
apreciate it.
. Will post my final result 
