<!DOCTYPE html>
<html>
    <head>
		<meta charset="utf-8">
        <title><txp:page_title /></title>
<meta name="viewport" content="width=1093">
<!--[if lt IE 9]>
<script src="/scripts/html5shiv.js"></script>
<![endif]-->
        <link rel="stylesheet" href="/css/master.css">
		<script src="https://use.typekit.net/cgc4tyu.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
  <script type="text/javascript" src="/scripts/selectivizr-min.js"></script>
<![endif]-->
		<script type="text/javascript">

function initOverLabels () {
  if (!document.getElementById) return;  	

  var labels, id, field;

  // Set focus and blur handlers to hide and show 
  // LABELs with 'overlabel' class names.
  labels = document.getElementsByTagName('label');
  for (var i = 0; i < labels.length; i++) {
	
    if (labels[i].className == 'overlabel') {

      // Skip labels that do not have a named association
      // with another field.
      id = labels[i].htmlFor || labels[i].getAttribute('for');
      if (!id || !(field = document.getElementById(id))) {
        continue;
      }

      // Change the applied class to hover the label 
      // over the form field.
      labels[i].className = 'overlabel-apply';

      // Hide any fields having an initial value.
      if (field.value !== '') {
        hideLabel(field.getAttribute('id'), true);
      }

      // Set handlers to show and hide labels.
      field.onfocus = function () {
        hideLabel(this.getAttribute('id'), true);
      };
      field.onblur = function () {
        if (this.value === '') {
          hideLabel(this.getAttribute('id'), false);
        }
      };

      // Handle clicks to LABEL elements (for Safari).
      labels[i].onclick = function () {
        var id, field;
        id = this.getAttribute('for');
        if (id && (field = document.getElementById(id))) {
          field.focus();
        }
      };

    }
  }
};

function hideLabel (field_id, hide) {
  var field_for;
  var labels = document.getElementsByTagName('label');
  for (var i = 0; i < labels.length; i++) {
    field_for = labels[i].htmlFor || labels[i].getAttribute('for');
    if (field_for == field_id) {
      labels[i].style.textIndent = (hide) ? '-1000px' : '0px';
      return true;
    }
  }
}

window.onload = function () {
  setTimeout(initOverLabels, 50);
};

</script>
    </head>
    <body class="sec-<txp:section />">
		<div id="container">
			<header role="banner">
				<txp:soo_if_frontpage>
					<h1 id="logo">
						<txp:image id="105" />
					</h1>
				<txp:else />
					<div id="logo">
						<a href="/index.php"><txp:image id="105" /></a>
					</div>
				</txp:soo_if_frontpage>
				<nav role="navigation">
<ul>
					<txp:section_list wraptag="" break="" include_default="1" sections="music,video,blog,touring,store,gallery,about,contact" default_title="Home">
						<li<txp:if_section name='<txp:section />'> class="active"</txp:if_section>><txp:section title="1" link="1" /></li>
					</txp:section_list>
<li><a href="https://soulhasnotempo.bandcamp.com/album/natural-selections">Store</a></li>
</ul>
				</nav>
			</header>
			<div id="content">