craft/templates/_layout.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
	{% block head %}
		<meta charset="utf-8" />
		<title>{% if title is defined %}{{ title }} - {% endif %}On the Rocks</title>
		<meta name="viewport" content="width=1000" />
		<link rel="home" href="{{ siteUrl }}" />
		<link rel="stylesheet" type="text/css" href="/resources/css/ontherocks.css" />
	{% endblock %}
</head>

<body>
	<header id="header">
		<h1><a href="{{ siteUrl }}">On the Rocks</a></h1>

		<nav>
			<ul>
				<li><a {% if craft.request.firstSegment == 'cocktails' %}class="sel"{% endif %} href="{{ url('cocktails') }}">Cocktails</a></li>
				<li><a {% if craft.request.firstSegment == 'ingredients' %}class="sel"{% endif %} href="{{ url('ingredients') }}">Ingredients</a></li>
				<li><a {% if craft.request.firstSegment == 'blog' %}class="sel"{% endif %} href="{{ url('blog') }}">Blog</a></li>
			</ul>
		</nav>

		<ul id="account">
			{% if user %}
				<li>Welcome, {{ user.friendlyName }}!</li>
				<li><a href="{{ logoutUrl }}">Logout</a></li>
			{% else %}
				<li><a id="loginLink" href="{{ loginUrl }}">Login</a></li>
				<li><a href="{{ url('accounts/register') }}">Register</a></li>
			{% endif %}
		</ul>
	</header>

	<div id="main">
		{% for type, message in craft.session.flashes %}
			<div class="flash {{ type }}">{{ message }}</div>
		{% endfor %}

		<header>
			<h1>{{ title }}</h1>
		</header>

		<div id="content">
			{% block content %}
				You can’t see me!
			{% endblock %}
		</div>
	</div>

	<script type="text/javascript" src="/resources/lib/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="/resources/lib/packery.pkgd.min.js"></script>
	<script type="text/javascript" src="/resources/js/ontherocks.js"></script>
</body>
</html>