<!DOCTYPE HTML>
<html <?php language_attributes(); ?>>
	<head>
		<meta charset="<?php bloginfo( 'charset' ); ?>" />
		<meta name="viewport" content="width=1000">
		<link rel="shortcut icon" href="http://illegalcurve.com/favicon.ico" type="image/vnd.microsoft.icon"/>
		<link rel="icon" href="http://illegalcurve.com/favicon.ico" type="image/x-ico"/>
		<title><?php wp_title( '|', true, 'right' ); ?></title>
		<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
		<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 640px)" href="<?php echo get_template_directory_uri(); ?>/mobile.css" />
		<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Jockey+One" />
		<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
		<!--[if IE]>
		<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/ie.css" type="text/css" charset="utf-8" />
		<script>
			document.createElement("header");
			document.createElement("nav");
			document.createElement("section");
			document.createElement("article");
			document.createElement("aside");
			document.createElement("footer");
		</script>
		<![endif]-->		
		<?php wp_head(); ?>
	</head>
	<body <?php body_class(); ?>>
		<div id="page">
			<header>
				<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
					<img id="logo" src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Illegal Curve" />
				</a>
				<a id="tsn" href="http://www.tsn.ca/winnipeg/listen/" target="_blank">Listen live to TSN Radio</a>
			</header>
			<nav>
				<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
				<div id="social-media">
					<h2>Social Media &amp; RSS</h2>
					<ul>
						<li><a id="twitter" href="http://twitter.com/illegalcurve">Twitter</a></li>
						<li><a id="facebook" href="http://www.facebook.com/IllegalCurve">Facebook</a></li>
						<li><a id="rss" href="<?php echo site_url( '/feed/' ); ?>	">RSS</a></li>
					</ul>
				</div>
			</nav>