/home/coolpkct/www/websites/cake3.cool.rocks/_themes/base/pagetypes/basetheme.tpl
{extends file="layout.tpl"}

{*
 * These blocks replace corresponding blocks in the base theme layout.tpl file
 * These blocks can themselves be replaced/prepended/appended by blocks in the child theme.tpl file
 * Brace characters are assumed to be Smarty delimiters UNLESS surrounded by white space
 *}

{block "meta"}
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="cleartype" content="on">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title dir="ltr">{$ss_siteTitle} | {$ss_navName}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="{$ss_metaKeywords}">
    <meta name="description" content="{$ss_pageDescription}">
    <meta property="og:title" content="{$ss_ogTitle}"> 
    <meta property="og:type" content="website">
    <meta property="og:url" content="http://{$ss_hostName}{$ss_pageUrl}/"> 
    <meta property="og:description" content="{$ss_pageDescription}">
{if $ss_ogImageUrl ne ''}
    <meta property="og:image" content="http://{$ss_ogImageUrl}">
{/if}
{/block}


{block "stylelinks"}
    <link rel="stylesheet" href="{$ss_themeUrl}/css/styles.css">
    <link rel="stylesheet" href="{$ss_themeUrl}/css/custom.css">
{/block}


{block "scriptlinks"}
    <script src="{$ss_themesUrl}/base/js/jquery-min.js"></script>
    <script src="{$ss_themesUrl}/base/js/modernizr.custom.js"></script>
    <script src="{$ss_themesUrl}/base/js/base.js"></script>
    <script src="{$ss_themesUrl}/base/js/jquery.fitvids.js"></script>
    <!--[if (lt IE 9) & (gt IE 6) & (!IEMobile)]>
      <script src="{$ss_themesUrl}/base/js/selectivizr-min.js"></script>
      <script src="{$ss_themesUrl}/base/js/respond.min.js"></script>
    <![endif]-->
{/block}


{block "styles"}
      /* base font size */
      body {
        font-size: {$bodyFontPercent}%;
      }
      body.background-image {
        background-image: url({$backgroundImageSrc});
      }
      /* Site max width */
      #wrapper {
        max-width: {$siteMaxWidth}px;
      }
      /* Custom colors */
      .custom {
        background-color: {$customBackgroundColor};
        color: {$customForegroundColor};
      }
      /* logo */
      .custom h1, 
      .custom h1 a,
      .custom h1 a:hover {
        color: {$customHeading1Color};
      }
      /* links styles */
      .custom a {
        color: {$customLinkColor};
      }
      .custom a:hover {
        color: {$customHoverColor};
      }
      .custom header nav ul li.active > a:link,
      .custom header nav ul li.active > a:visited {
        color: {$customUrhereColor};
      }
      .custom header nav ul li.active > a:hover {
        color: {$customHoverColor};
      }
      /* content styles */
      .custom h2,
      .custom h3,
      .custom h4 {
        color: {$customHeading2Color};
      }
      /* borders */
      .custom * {
        border-color: {$customBorderColor};
      }
{/block}


{block "head" append}
{if $ss_googleAnalyticsId ne ''}
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', '{$ss_googleAnalyticsId}']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
{/if}
{/block}


{block "header"}
        <div class="hgroup">
        {block "hgroup"}
          <h1>
{if $siteLogoSrc ne ''}
            <a href="{$ss_siteHeaderLink}"><img src="{$siteLogoSrc}" alt="{$ss_siteTitle}"></a>
{/if}
{if $ss_siteHeading ne ''}
            <a href="{$ss_siteHeaderLink}">{$ss_siteHeading}</a>
{/if}
          </h1>
{if $ss_siteSubHeading ne ''}
          <h2>{$ss_siteSubHeading}</h2>
{/if}
          <div id="nav-anchors" class="nav-anchors">
            <a href="#nav" id="menu-anchor"><span aria-hidden="true" data-icon="&#x23;"></span></a>
          </div>
        {/block}
        </div>
        <nav  id="nav" class="header-nav-items">
        {block "nav"}
{$ss_navLinks}
        {/block}
        </nav>
  
{/block}


{block "body" append}
    <script>
      $("section.content").fitVids();
    </script>
    <script src="{$ss_themeUrl}/js/custom.js"></script>
{/block}


{block "footer"}
        <small>{$ss_siteFooter}</small>
{/block}