{% extends "!layout.html" %}
{% block footer %}
	{{ super() }}

	<script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-155626-4']);
	  _gaq.push(['_trackPageview']);

	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();

	</script>

{% endblock %}
{% block extrahead %}
	{{ super() }}

   <style type="text/css">
   .pagetoc {
	max-width: 30%;
	display: block; float: right; margin-left: 3em; background-color: white; border: solid 2px gray;}
   </style>

   <style type="text/css">
	div.col1 {
		display: block;
		float: left;
	}

	div.col2 {
		margin-left: 3em;
		display: block;
		float: left;
	}

	div.after {
		clear: left;
	}

	div.twitterbadge {
		float: right;
		margin-left: 2em;
	}

	img.bigpicture {
		margin: 1em;
		max-width: 90%;
	}

	.header h2 {
		color: #990033 !important;
		font-size: 200% !important;
	}
	.content {
/*		padding-left: 5em; */
	}
	.content p, .content ul, .content ol {
		max-width: 40em;
	}

	.content h1 {
		display: none;
	}
	h2, h3 {
		border-bottom: solid 2px orange;
		max-width: 40em;
	}

	h1 { font-size: 200%;}
	h2 { font-size: 150%;}
	h3 { font-size: 125%;}

/*	body { font-size: 120%; font-family: Georgia,Serif !important;} */

	pre{
		max-width: 60em;
	/*	width: 80ex;*/
	}

	body {  font-size: 120%;
		font-family: "Verdana", sans-serif;
		/*font-family: "Droid Serif", serif; */
	}

	h1,h2,h3 {
  font-family: "Lobster", serif;
  font-style: normal;
  font-weight: 400;
  text-shadow: 6px 6px 6px #ccc;
}

div.header h2 {
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: none !important;
    color: #aaa;
    border: 0;
    margin-top: -3px;
    padding: 0;
}

/* On the first page */

.col1 strong, .col2 strong {
	font-family: "Lobster", serif; color: #990033;text-shadow: 6px 6px 6px #ccc;
	font-size: 160%;
 }

/*.compmake-brand {
	font-family: "Lobster", serif;
	font-size: 120%;
}*/

.compmake-brand {
	/*font-family: "Droid Serif";*/
	font-weight: bold;
}


a.reference em, a.external em {
	font-style: normal !important;
}

/* First page layout */

/*
	div#logo
	div#intro

*/
div#logo, div.intro {

	}
    div.intro ul, div.intro p {float: left; }
    h2 { clear: both;}
	div#logo {
		float: left;
		margin: 1em;
        margin-right: 4em;
	}
	div#logo img {
        border: solid 1px red;
		width: 15em;
	}
</style>


<meta name="google-site-verification" content="Wu274srIjeOWKp_9iWmydewgQsd8zyTuNSYFZ36fQd4" />

<!-- <link  href="http://fonts.googleapis.com/css?family=Lobster" 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=Cardo" rel="stylesheet" type="text/css" >-->

<!--
<script src="http://yui.yahooapis.com/3.1.0/build/yui/yui-min.js"></script>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.1.0/build/cssreset/reset-context-min.css"></link>
<script src="http://www.remarkbox.com/deploy/remarkbox-min.js"></script>
<script type="text/javascript">
YUI().use('remarkbox', function (Y) {
Y.Remarkbox.remarkson.elements("p,code");
Y.Remarkbox.remarkson.ids("para,tnt");
Y.Remarkbox.remarkson.classes("rmkit,contentfeedback");
Y.Remarkbox.remarktype.pointer("right");
Y.Remarkbox.remarktype.strongcolor("#ECFCE8");
Y.Remarkbox.remarktype.strongcolortext("#000000");
Y.Remarkbox.remarktype.lightcolor("#FF8040");
Y.Remarkbox.remarktype.lightcolortext("#800000");
Y.Remarkbox.remarktype.alwaysvisible("true");
Y.Remarkbox.remarktype.offsetx("-3em");
Y.Remarkbox.remarktype.offsety("-2em");
Y.Remarkbox.remarktype.allowanonymous("true");
Y.Remarkbox.render();
});
</script>
-->


{% endblock %}
{% block copyright %}
{% endblock %}
