econchick/base.html

## base.html
<!doctype html>
<html lang="{{ HTML_LANG }}">
<head>
  <meta charset="utf-8"/>
  <title>{% block title %}PyLadies BYOBlog{%endblock%}</title>
  <meta name="author" content="A PyLady">

  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="320">
  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0">

  <link href='http://fonts.googleapis.com/css?family=Droid+Sans:700,400|Droid+Sans+Mono' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="/static/style.css" type="text/css" />

  <!--[if lt IE 9]>
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

  {% block scripts %}
  {% endblock %}
</head>

<body>
  <header class="clearfix" role="banner">
    <div class="wrapper">
      <h1 class="huge"><a href="{% url 'home' %}">PyLadies BYOBlog</a></h1>
      {% if user.is_staff %}
        <h3 class="normal"><a href="{% url 'admin:index' %}">Admin</a> | <a href="{% url 'admin:MyBlog_post_add' %}">Add post</a></h3>
      {% else %}
        <h3 class="normal"><a href="mailto:you@youremail.com">Contact</a></h3>
      {% endif %}
    </div>
  </header>

  {% block content %}
  {% endblock %}


<footer class="clearfix">
    <p role="contentinfo">© 2013 <a href="mailto:you@youremail.com">A PyLady</a><br>
    Proudly powered by <a href="http://djangoproject.com">Django</a>.</p>
  </div>
</footer>

</body>
</html>

## list.html
{% extends "base.html" %}

{% block content %}
    <div class="main">

        <!-- Posts  -->
        <ul>
            {% for post in posts.object_list %}
                <h3>{{ post.title }}</h3>
                <ul>
                    <time pubdate datetime="{{ post.created }}">{{ post.created }}</time>
                    <div class="body">{{ post.body|truncatewords:50 }}</div>
                    <div class="moar"><a href="{% url 'post' post.pk %}">More</a></div>
                </ul>
                <br />
            {% endfor %}
        </ul>

        <!-- Next/Prev page links  -->
        {% if posts.object_list and posts.paginator.num_pages > 1 %}
        <div class="pagination" style="margin-top: 20px; margin-left: -20px; ">
            <span class="step-links">
                {% if posts.has_previous %}
                    <a href= "?page={{ posts.previous_page_number }}">newer entries &lt;&lt; </a>
                {% endif %}

                <span class="current">
                    &nbsp;Page {{ posts.number }} of {{ posts.paginator.num_pages }}
                </span>

                {% if posts.has_next %}
                    <a href="?page={{ posts.next_page_number }}"> &gt;&gt; older entries</a>
                {% endif %}
            </span>
        </div>
        {% endif %}

    </div>

{% endblock %}

## post.html
{% extends "base.html" %}

{% block content %}
    <section id="post">
        <!-- Posts  -->
            <h2>{{ post.title }}</h2>
            <header id="meta">
            <ul>
                <li><time pubdate datetime="{{ post.created }}">{{ post.created }}</time></li>
                <li><a href="{{ post.url }}">∞</a></li>
            </ul>
            </header>
            <article>{{ post.body|linebreaks }}</article>
        </section>
        <p><a href="{% url 'home' %}">Back to Blog Frontpage</a></p>

        <!-- Comments -->

        <div id="disqus_thread"></div>
        <script type="text/javascript">
            /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
            var disqus_shortname = 'stockholmpyladies'; // required: replace example with your forum shortname

            /* * * DON'T EDIT BELOW THIS LINE * * */
            (function() {
                var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
            })();
        </script>
        <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
        <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>

    </div>

{% endblock %}

## style.css
/*
Heavily based on:
=================

Theme Name: Space
Theme URI: http://www.getspace.org/
Description: Space for WordPress
Author: Kurt Edelbrock
Author URI: http://www.kurtedelbrock.com/

*/


/* @font-face { */
/*     font-family: 'source_sans_proitalic'; */
/*     src: url('../fonts/sourcesanspro-it-webfont.eot'); */
/*     src: url('../fonts/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'), */
/*          url('../fonts/sourcesanspro-it-webfont.woff') format('woff'), */
/*          url('../fonts/sourcesanspro-it-webfont.ttf') format('truetype'), */
/*          url('../fonts/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg'); */
/*     font-weight: normal; */
/*     font-style: normal; */

/* } */

@font-face {
    font-family: 'source_sans_probold';
    src: url('../fonts/sourcesanspro-bold-webfont.eot');
    src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
background:transparent;
border:0;
font-size:100%;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
text-rendering: optimizeLegibility;
}

pre {
  margin-bottom: 24px;
}

body {
color:#444;
font-size:18px;
line-height:1;
margin:36px auto;
max-width:960px;
min-width:960px;
padding:0 30px 30px;
font-family: 'source_sans_proregular', sans-serif;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}

nav ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

a {
background:transparent;
color:#900;
font-size:100%;
margin:0;
padding:0;
text-decoration:none;
vertical-align:baseline;
}

#post article a {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    -moz-text-decoration-style: dotted;
}

#post article a:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    -moz-text-decoration-style: solid;
}

ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:700;
}

del {
text-decoration:line-through;
}

abbr[title],dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

hr {
border:0;
border-top:1px solid #ccc;
display:block;
height:1px;
margin:1em 0;
padding:0;
}

input,select {
vertical-align:middle;
}

/* End of HTML5 reset */

small {
color:#999;
font-size:16px;
}

#meta ul,#meta li {
color:#999;
display:inline;
font-style:italic;
}
p.meta {
color:#999;
font-size:18px;
font-style:italic;
padding-bottom:42px;
}

h1,h2,h3,h4 {
color:#111;
font-weight: 600;
font-family: 'source_sans_probold', sans-serif;
}

h1,h2,h3,h4,h5,p {
margin-bottom:24px;
padding:0;
}

h3, h4 {
max-width: 540px;
}

h1 {
font-size:48px;
}

h2 {
font-size:36px;
margin:24px 0 6px;
}

h3 {
font-size:24px;
}

h4 {
font-size:21px;
}

h5 {
font-size:18px;
font-variant:small-caps;
line-height:24px;
margin:0;
padding:0 0 3px;
}

p {
font-size:18px;
line-height:27px;
max-width:540px;
}

article li {
line-height:27px;
max-width:540px;
}

aside {
display:block;
float:right;
width:390px;
}

hr.clear {
background-color:#fff;
border:0;
clear:both;
height:0;
margin:0;
padding:0;
}

body header {
margin-bottom:36px;
}

.top-nav {
background-color:#333;
margin-bottom:24px;
min-width:946px;
padding:7px;
}

.top-nav ul {
display:inline;
padding:7px;
}

.top-nav li {
color:#eee;
display:inline;
list-style-type:none;
}

.top-nav li:not(:last-child) {
margin-right:30px;
}

.top-nav a {
color:#fff;
text-decoration:none;
}

.top-nav .sub-menu {
display:none;
}

#sub-nav {
margin-top:-15px;
}

.sub li {
display:inline;
}

.sub li:not(:last-child) {
padding-right:10px;
}

#meta time {
color:#999;
font-style:italic;
}

#meta li:first-of-type:after {
content:" \B7";
display:inline;
}

#meta li:only-child:after {
content:"";
}

#post article p:first-of-type {
color:#333;
font-size:1.3em;
line-height:1.3em;
}

blockquote {
left:30px;
max-width:493px;
position:relative;
}

blockquote p {
color:#888!important;
font-size:16px!important;
font-style:italic;
line-height:27px!important;
text-align:justify;
}

#bottom {
margin-top:48px;
text-align: center;
border-top:1px dotted #ccc;
clear:both;
margin:0;
padding:24px 0;
}

details {
border-top:1px dotted #ccc;
clear:both;
padding-top:24px;
position:relative;
top:24px;
}

#archive {
left:367px;
position:relative;
width:540px;
}

#archive h3 {
padding-bottom:24px;
}

#archive time {
color:#999;
display:block;
font-style:italic;
left:-320px;
margin-top:-17px;
position:absolute;
text-align:right;
width:300px;
}

#archive p {
margin-top:-19px;
}

#im {
list-style-type:none;
}

#splash span {
font-size:72px;
}

#splash p {
font-size:24px;
line-height:32px;
}

#hi {
font-weight:900;
font-family: 'source_sans_probold', sans-serif;
}

#main article time {
color:#999;
}

#main article {
max-width:540px;
}

h1 a,h2 a,h3 a,h4 a,h5 a,#bottom .footer-child li a,#archive h3 a,#posts h3 a {
color:#000;
}

h5 a,#bottom h5 {
color:#900;
}

#logo-text:hover {text-decoration: none;}
a:hover { text-decoration:underline; }

article ul,#page h2,#about h5 {
margin-bottom:24px;
}

.sub-menu ul,.sub-menu li {
display:inline;
list-style-type:none;
}

/*#meta,*/
#archive article,#archive h2 {
margin-bottom:48px;
}

#hynek {color: #990000;}

#social {
    margin-left: 4px;
    margin-top: 8px;
    list-style-type: none;
}
#social li {
    list-style: none;
    display: inline;
    border: none;
    padding: 0;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: opacity linear 0.2s;
}
#social li:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
#abstract {
    font-size: 1.125em;
    line-height: 1.333em;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 24px;
}
#post ol {
    margin-bottom: 24px;
}
#footer {
    font-size: 36px;
    text-align: center;
}
#arr {
    margin-top: 1em;
    font-size: 75%;
}
.linenodiv {
    margin-right: 1em;
    color: #DDD;
}
div.code pre {
    line-height: 1.1em;
    font-family: 'Source Code Pro', 'Anonymous Pro', Consolas, 'Envy Code R', 'Ubuntu Mono', Inconsolata-g, Inconsolata, monospace;
}
code {
    line-height: 1.1em;
    font-family: 'Source Code Pro', 'Anonymous Pro', Consolas, 'Envy Code R', 'Ubuntu Mono', Inconsolata-g, Inconsolata, monospace;
}
	<!doctype html>
	<html lang="{{ HTML_LANG }}">
	<head>
	<meta charset="utf-8"/>
	<title>{% block title %}PyLadies BYOBlog{%endblock%}</title>
	<meta name="author" content="A PyLady">

	<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">
	<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0">

	<link href='http://fonts.googleapis.com/css?family=Droid+Sans:700,400\|Droid+Sans+Mono' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="/static/style.css" type="text/css" />

	<!--[if lt IE 9]>
	<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	{% block scripts %}
	{% endblock %}
	</head>

	<body>
	<header class="clearfix" role="banner">
	<div class="wrapper">
	<h1 class="huge"><a href="{% url 'home' %}">PyLadies BYOBlog</a></h1>
	{% if user.is_staff %}
	<h3 class="normal"><a href="{% url 'admin:index' %}">Admin</a> \| <a href="{% url 'admin:MyBlog_post_add' %}">Add post</a></h3>
	{% else %}
	<h3 class="normal"><a href="mailto:you@youremail.com">Contact</a></h3>
	{% endif %}
	</div>
	</header>

	{% block content %}
	{% endblock %}


	<footer class="clearfix">
	<p role="contentinfo">© 2013 <a href="mailto:you@youremail.com">A PyLady</a><br>
	Proudly powered by <a href="http://djangoproject.com">Django</a>.</p>
	</div>
	</footer>

	</body>
	</html>
	{% extends "base.html" %}

	{% block content %}
	<div class="main">

	<!-- Posts -->
	<ul>
	{% for post in posts.object_list %}
	<h3>{{ post.title }}</h3>
	<ul>
	<time pubdate datetime="{{ post.created }}">{{ post.created }}</time>
	<div class="body">{{ post.body\|truncatewords:50 }}</div>
	<div class="moar"><a href="{% url 'post' post.pk %}">More</a></div>
	</ul>
	<br />
	{% endfor %}
	</ul>

	<!-- Next/Prev page links -->
	{% if posts.object_list and posts.paginator.num_pages > 1 %}
	<div class="pagination" style="margin-top: 20px; margin-left: -20px; ">
	<span class="step-links">
	{% if posts.has_previous %}
	<a href= "?page={{ posts.previous_page_number }}">newer entries << </a>
	{% endif %}

	<span class="current">
	Page {{ posts.number }} of {{ posts.paginator.num_pages }}
	</span>

	{% if posts.has_next %}
	<a href="?page={{ posts.next_page_number }}"> >> older entries</a>
	{% endif %}
	</span>
	</div>
	{% endif %}

	</div>

	{% endblock %}
	{% extends "base.html" %}

	{% block content %}
	<section id="post">
	<!-- Posts -->
	<h2>{{ post.title }}</h2>
	<header id="meta">
	<ul>
	<li><time pubdate datetime="{{ post.created }}">{{ post.created }}</time></li>
	<li><a href="{{ post.url }}">∞</a></li>
	</ul>
	</header>
	<article>{{ post.body\|linebreaks }}</article>
	</section>
	<p><a href="{% url 'home' %}">Back to Blog Frontpage</a></p>

	<!-- Comments -->

	<div id="disqus_thread"></div>
	<script type="text/javascript">
	/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
	var disqus_shortname = 'stockholmpyladies'; // required: replace example with your forum shortname

	/* * * DON'T EDIT BELOW THIS LINE * * */
	(function() {
	var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
	dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
	(document.getElementsByTagName('head')[0] \|\| document.getElementsByTagName('body')[0]).appendChild(dsq);
	})();
	</script>
	<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
	<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>

	</div>

	{% endblock %}
	/*
	Heavily based on:
	=================

	Theme Name: Space
	Theme URI: http://www.getspace.org/
	Description: Space for WordPress
	Author: Kurt Edelbrock
	Author URI: http://www.kurtedelbrock.com/

	*/


	/* @font-face { */
	/* font-family: 'source_sans_proitalic'; */
	/* src: url('../fonts/sourcesanspro-it-webfont.eot'); */
	/* src: url('../fonts/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'), */
	/* url('../fonts/sourcesanspro-it-webfont.woff') format('woff'), */
	/* url('../fonts/sourcesanspro-it-webfont.ttf') format('truetype'), */
	/* url('../fonts/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg'); */
	/* font-weight: normal; */
	/* font-style: normal; */

	/* } */

	@font-face {
	font-family: 'source_sans_probold';
	src: url('../fonts/sourcesanspro-bold-webfont.eot');
	src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'),
	url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
	url('../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
	font-weight: normal;
	font-style: normal;
	}

	@font-face {
	font-family: 'source_sans_proregular';
	src: url('../fonts/sourcesanspro-regular-webfont.eot');
	src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
	url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
	url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
	font-weight: normal;
	font-style: normal;
	}

	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
	text-rendering: optimizeLegibility;
	}

	pre {
	margin-bottom: 24px;
	}

	body {
	color:#444;
	font-size:18px;
	line-height:1;
	margin:36px auto;
	max-width:960px;
	min-width:960px;
	padding:0 30px 30px;
	font-family: 'source_sans_proregular', sans-serif;
	}

	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
	}

	nav ul {
	list-style:none;
	}

	blockquote,q {
	quotes:none;
	}

	blockquote:before,blockquote:after,q:before,q:after {
	content:none;
	}

	a {
	background:transparent;
	color:#900;
	font-size:100%;
	margin:0;
	padding:0;
	text-decoration:none;
	vertical-align:baseline;
	}

	#post article a {
	text-decoration: underline;
	-webkit-text-decoration-style: dotted;
	-moz-text-decoration-style: dotted;
	}

	#post article a:hover {
	text-decoration: underline;
	-webkit-text-decoration-style: solid;
	-moz-text-decoration-style: solid;
	}

	ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
	}

	mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:700;
	}

	del {
	text-decoration:line-through;
	}

	abbr[title],dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
	}

	table {
	border-collapse:collapse;
	border-spacing:0;
	}

	hr {
	border:0;
	border-top:1px solid #ccc;
	display:block;
	height:1px;
	margin:1em 0;
	padding:0;
	}

	input,select {
	vertical-align:middle;
	}

	/* End of HTML5 reset */

	small {
	color:#999;
	font-size:16px;
	}

	#meta ul,#meta li {
	color:#999;
	display:inline;
	font-style:italic;
	}
	p.meta {
	color:#999;
	font-size:18px;
	font-style:italic;
	padding-bottom:42px;
	}

	h1,h2,h3,h4 {
	color:#111;
	font-weight: 600;
	font-family: 'source_sans_probold', sans-serif;
	}

	h1,h2,h3,h4,h5,p {
	margin-bottom:24px;
	padding:0;
	}

	h3, h4 {
	max-width: 540px;
	}

	h1 {
	font-size:48px;
	}

	h2 {
	font-size:36px;
	margin:24px 0 6px;
	}

	h3 {
	font-size:24px;
	}

	h4 {
	font-size:21px;
	}

	h5 {
	font-size:18px;
	font-variant:small-caps;
	line-height:24px;
	margin:0;
	padding:0 0 3px;
	}

	p {
	font-size:18px;
	line-height:27px;
	max-width:540px;
	}

	article li {
	line-height:27px;
	max-width:540px;
	}

	aside {
	display:block;
	float:right;
	width:390px;
	}

	hr.clear {
	background-color:#fff;
	border:0;
	clear:both;
	height:0;
	margin:0;
	padding:0;
	}

	body header {
	margin-bottom:36px;
	}

	.top-nav {
	background-color:#333;
	margin-bottom:24px;
	min-width:946px;
	padding:7px;
	}

	.top-nav ul {
	display:inline;
	padding:7px;
	}

	.top-nav li {
	color:#eee;
	display:inline;
	list-style-type:none;
	}

	.top-nav li:not(:last-child) {
	margin-right:30px;
	}

	.top-nav a {
	color:#fff;
	text-decoration:none;
	}

	.top-nav .sub-menu {
	display:none;
	}

	#sub-nav {
	margin-top:-15px;
	}

	.sub li {
	display:inline;
	}

	.sub li:not(:last-child) {
	padding-right:10px;
	}

	#meta time {
	color:#999;
	font-style:italic;
	}

	#meta li:first-of-type:after {
	content:" \B7";
	display:inline;
	}

	#meta li:only-child:after {
	content:"";
	}

	#post article p:first-of-type {
	color:#333;
	font-size:1.3em;
	line-height:1.3em;
	}

	blockquote {
	left:30px;
	max-width:493px;
	position:relative;
	}

	blockquote p {
	color:#888!important;
	font-size:16px!important;
	font-style:italic;
	line-height:27px!important;
	text-align:justify;
	}

	#bottom {
	margin-top:48px;
	text-align: center;
	border-top:1px dotted #ccc;
	clear:both;
	margin:0;
	padding:24px 0;
	}

	details {
	border-top:1px dotted #ccc;
	clear:both;
	padding-top:24px;
	position:relative;
	top:24px;
	}

	#archive {
	left:367px;
	position:relative;
	width:540px;
	}

	#archive h3 {
	padding-bottom:24px;
	}

	#archive time {
	color:#999;
	display:block;
	font-style:italic;
	left:-320px;
	margin-top:-17px;
	position:absolute;
	text-align:right;
	width:300px;
	}

	#archive p {
	margin-top:-19px;
	}

	#im {
	list-style-type:none;
	}

	#splash span {
	font-size:72px;
	}

	#splash p {
	font-size:24px;
	line-height:32px;
	}

	#hi {
	font-weight:900;
	font-family: 'source_sans_probold', sans-serif;
	}

	#main article time {
	color:#999;
	}

	#main article {
	max-width:540px;
	}

	h1 a,h2 a,h3 a,h4 a,h5 a,#bottom .footer-child li a,#archive h3 a,#posts h3 a {
	color:#000;
	}

	h5 a,#bottom h5 {
	color:#900;
	}

	#logo-text:hover {text-decoration: none;}
	a:hover { text-decoration:underline; }

	article ul,#page h2,#about h5 {
	margin-bottom:24px;
	}

	.sub-menu ul,.sub-menu li {
	display:inline;
	list-style-type:none;
	}

	/#meta,/
	#archive article,#archive h2 {
	margin-bottom:48px;
	}

	#hynek {color: #990000;}

	#social {
	margin-left: 4px;
	margin-top: 8px;
	list-style-type: none;
	}
	#social li {
	list-style: none;
	display: inline;
	border: none;
	padding: 0;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: opacity linear 0.2s;
	}
	#social li:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}
	#abstract {
	font-size: 1.125em;
	line-height: 1.333em;
	}
	h1, h2, h3, h4, h5, h6 {
	margin-bottom: 24px;
	}
	#post ol {
	margin-bottom: 24px;
	}
	#footer {
	font-size: 36px;
	text-align: center;
	}
	#arr {
	margin-top: 1em;
	font-size: 75%;
	}
	.linenodiv {
	margin-right: 1em;
	color: #DDD;
	}
	div.code pre {
	line-height: 1.1em;
	font-family: 'Source Code Pro', 'Anonymous Pro', Consolas, 'Envy Code R', 'Ubuntu Mono', Inconsolata-g, Inconsolata, monospace;
	}
	code {
	line-height: 1.1em;
	font-family: 'Source Code Pro', 'Anonymous Pro', Consolas, 'Envy Code R', 'Ubuntu Mono', Inconsolata-g, Inconsolata, monospace;
	}