<?php
	// Facebook Like Page 
?>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
	<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
	<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
	<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/960.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
	<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
	<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
	<link href='http://fonts.googleapis.com/css?family=Numans' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Ubuntu&subset=latin,cyrillic,latin-ext,greek,greek-ext,cyrillic-ext' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Days+One' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Volkhov' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Arvo:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
	<?php wp_get_archives('type=monthly&format=link'); ?>
	<?php wp_head(); ?>
	
	<?php if (get_option('calltoaction-bg') != "") { ?>
			<style type="text/css">
				body {
					background: url(<?php echo get_option('calltoaction-bg'); ?>) repeat-x top #f0f0f0 !important;
				}
			</style>
	<?php } ?>
	
	<?php if (get_option('typography') == "type-1") { ?>
			<style type="text/css">
				body {
					font-family: 'Numans', sans-serif  !important;
				}
				p {
					font-family: 'Numans', sans-serif  !important;
				}
				h1, h2, h3, h4, h5 {
					font-family: 'Droid Sans', sans-serif  !important;
				}
				#nav h1 a {
					padding-top: 18px;
				}
			</style>
	<?php } ?>
	<?php if (get_option('typography') == "type-2") { ?>
			<style type="text/css">
				body {
					font-family: 'Ubuntu', sans-serif !important;
				}
				p {
					font-family: 'Ubuntu', sans-serif !important;
				}
				h1, h2, h3, h4, h5 {
					font-family: 'Days One', sans-serif  !important;
				}
			</style>
	<?php } ?>
	<?php if (get_option('typography') == "type-3") { ?>
			<style type="text/css">
				body {
					font-family: 'Droid Serif', sans-serif !important;
				}
				p {
					font-family: 'Droid Serif', sans-serif !important;
				}
				h1, h2, h3, h4, h5 {
					font-family: 'Volkhov', sans-serif  !important;
				}
			</style>
	<?php } ?>
	<?php if (get_option('typography') == "type-4") { ?>
			<style type="text/css">
				body {
					font-family: 'Arvo', sans-serif !important;
				}
				p {
					font-family: 'Arvo', sans-serif !important;
				}
				h1, h2, h3, h4, h5 {
					font-family: 'Old Standard TT', sans-serif  !important;
				}
			</style>
	<?php } ?>
	
	<style type="text/css">
		#logo h1 a {
			color: #<?php echo get_option('logo_color'); ?>;
		}
		#logo h3 {
			color: #<?php echo get_option('logo_color'); ?>;
		}
		#nav ul li a {
			color: #<?php echo get_option('nav_color'); ?>;
		}
		#calltoaction h2 {
			color: #<?php echo get_option('cta_color'); ?>;
		}
		#calltoaction h4 {
			color: #<?php echo get_option('cta_color'); ?>;
		}
		#content h1 {
			color: #<?php echo get_option('headline_color'); ?>;
		}
		#content h2 {
			color: #<?php echo get_option('headline_color'); ?>;
		}
	</style>
</head>
<body class="<?php echo get_option('bg-style'); ?>">
	<div id="wrapper" class="container_12" style="width: 520px; margin: 0;">
		<div id="header"  class="grid_5" style="width: 520px;">
			<div id="logo">
				<?php if (get_option('calltoaction-logo') != "") { ?>
						<img src="<?php echo get_option('calltoaction-logo'); ?>" alt="">
				<?php } else { ?>
					<h1><a href="<?php echo get_option('home'); ?>"><?php echo get_option('logo'); ?></a></h1>
					<h3><?php echo get_option('tagline'); ?></h3>
				<?php } ?>
			</div>
		</div>
		<div id="nav"  class="grid_5" style="width: 500px;">
			<?php if (get_option('calltoaction-fanpage') != "") { ?>
					<a href="<?php echo get_option('calltoaction-fanpage'); ?>" style="float: right; margin: 10px 5px; margin-bottom: 0;"><img src="http://cdn4.iconfinder.com/data/icons/Classy_Social_Media_Icons/16/facebook.png" style="border: none"></a>
			<?php } ?>
			<?php if (get_option('calltoaction-places') != "") { ?>
					<a href="<?php echo get_option('calltoaction-places'); ?>" style="float: right; margin: 10px 5px; margin-bottom: 0;"><img src="http://cdn4.iconfinder.com/data/icons/Classy_Social_Media_Icons/16/map.png" style="border: none"></a>
			<?php } ?>
		
			<?php

				function displayMenuHelp() {
					?>
						<h5  style="float: left; padding: 9px; padding-left: 0; color: #fff !important; padding-bottom: 15px !important; display: block; font-size: 13px; font-weight: normal !important">Create menu called "Facebook Menu"</h5>
					<?php
				}

			?>
				<?php wp_nav_menu( array( 'menu' => 'facebook-menu', 'fallback_cb' => 'displayMenuHelp' ) ); ?>
		</div>
		 <?php if (get_option('fanpageBanner') != "") { ?>
					<div id="banner"  class="grid_5" style="width: 500px;">
						<img src="<?php echo get_option('fanpageBanner'); ?>" style="">
					</div>
			<?php } else {echo "<br clear='all' /> <br/><br/><style>#calltoaction-mobile h4 {color: #fff; opacity: .5;}#calltoaction-mobile h2  {color: #fff;}</style>"; } ?>
		<div id="calltoaction-mobile"  class="grid_5" style="width: 500px;">
			<h4><?php echo get_option('calltoaction-subheadline'); ?></h4>
			<h2><?php echo get_option('calltoaction-headline'); ?></h2>
		</div>
		<div id="content"  class="grid_5" style="width: 495px;">
			<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
				<?php the_content('Read the rest of this entry &raquo;'); ?> 
			<?php endwhile; else: ?>
				<p>Sorry, no posts matched your criteria.</p>
			<?php endif; ?>
		</div>
		<br clear="all">
</div>
		<div id="footer"  style="width:490px;padding-top: 0; text-align: center;">
			<p>Copyright &copy; 2011 - <?php echo get_option('logo'); ?> - <?php echo get_option('tagline'); ?> - All Rights Reserved!</p>
			<p style="font-size: 10px;"><strong>Powered by Site Crusher Theme - SuccessBug, Ltd</strong></p>
		</div>
	</div>
</body>
</html>