{#
 # Layout template
 # ---------------
 #
 # This template defines your site’s global layout. It can be
 # “extended” by other templates to fill in the gaps.
 #
 # See Twig’s Template Inheritance documentation for more details:
 # http://twig.sensiolabs.org/doc/templates.html#template-inheritance
 #}

<!doctype html>
<html class="no-js" lang="en">
<head>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<title>Crafty Brewery</title>
	<link rel="stylesheet" href="/bower_components/foundation/css/foundation.css"/>
	<link rel="stylesheet" href="/stylesheets/app.css"/>
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
	<script src="/bower_components/modernizr/modernizr.js"></script>
	<link href='http://fonts.googleapis.com/css?family=Playfair+Display:700|Fauna+One|Pacifico' rel='stylesheet' type='text/css'>

</head>
<body>
<nav class="top-bar" data-topbar role="navigation">
	<ul class="title-area">
		<li class="name">
			<h1><a href="/"><span class="scripty">Crafty</span> Brewery</a></h1>
		</li>
		<li class="toggle-topbar menu-icon">
			<a href="#"><span>Menu</span></a>
		</li>
	</ul>
	<section class="top-bar-section">
		<ul class="right">
			{#<li class="has-dropdown">#}
				{#<a href="#">About Crafty Brewery</a>#}
				{#<ul class="dropdown">#}
					{#<li><a href="/contact">Contact Crafty</a></li>#}
				{#</ul>#}
			{#</li>#}
			{#<li class="has-dropdown">#}
				{#<a href="#">Our Beers</a>#}
				{#<ul class="dropdown">#}
					{#<li><a href="#">First link in dropdown</a></li>#}
					{#<li class="active"><a href="#">Active link in dropdown</a></li>#}
				{#</ul>#}
			{#</li>#}
			<li>
				<a href="/recipes">Our Recipes</a>
				{#<ul class="dropdown">#}
					{#<li><a href="#">First link in dropdown</a></li>#}
					{#<li class="active"><a href="#">Active link in dropdown</a></li>#}
				{#</ul>#}
			</li>
		</ul>
	</section>
</nav>
{#<ul class="breadcrumbs">#}
	{#<li><a href="">Recipes</a></li>#}
	{#<li>Unabridged Stout</li>#}
{#</ul>#}

<div class="row">
	<div class="large-9 small-12 columns">
    {% block main %}{% endblock %}
    </div>
</div>
<div class="row">
	<div class="footer">
		<p>Copyright 2015 Crafty Brewery, Inc. All rights reserved. Enjoy the brew!</p>
	</div>
</div>

<script src="/bower_components/jquery/dist/jquery.js"></script>
<script src="/bower_components/foundation/js/foundation.min.js"></script>
<script>
	$(document).foundation();
</script>
</body>
</html>
