/*
	Name: Reset Stylesheet
	Description: Resets browser's default CSS
	Author: Eric Meyer
	Author URI: http://meyerweb.com/eric/tools/css/reset/
	Version: v1.0, 2008-02-12
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body { line-height: 1; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }

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

:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* Body & layout */

html {
	height: 100%;
	font-family: 'PT Serif', Georgia, Times, "Times New Roman", serif;
}

body {
	color: #000;
	font-size: 1.15em;
	margin: 0;
	padding: 0;
	text-align: left;
	height: 100%;
	display: grid;
	grid-template-columns: 1fr 665px 176px 1fr;
	grid-template-rows: repeat(3, min-content);
}

section#content {
	grid-column: 2;
}

section#sidebar {
	grid-column: 3;
}

footer {
    grid-column: 2 / span 2;
    padding-bottom: 1.3em;
}

/* Header & footer */

body > header {
	padding: 1.3em 0;
    grid-column: 2 / span 2;
    grid-row: 1;
}

h1 > a, section#content h1 {
	color: rgb(51, 51, 51) !important;
	text-decoration: none;
	font-size: 2.2em;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	text-rendering: optimizelegibility;
}

h1 { padding-bottom: 5px; }

footer address {
	font-style: normal;
	color: #aaa;
}

footer a:hover {
	color: #c00 !important;
}

footer a, footer a:visited {
	color: #aaf;
}

/* Sidebar */

section#sidebar h3 {
	text-align: right;
	margin: 1em 0 0.6em 0;
}

section#sidebar ul {
	list-style: none;
	margin: 0.3em 0 0.7em 0;
}

section#sidebar li {
	text-align: right;
	line-height: 1.2em;
}

/* Anchors */

a { outline: 0; }

a img {
	border: 0px;
	text-decoration: none;
}

a, a:visited {
	color: #00c;
	text-decoration: none;
}

a:hover, a:active {
	color: #c00;
	text-decoration: none;
}

/* Paragraphs */

p {
	margin-bottom: 1.143em; 
    line-height: 1.429;
}

strong, b { font-weight: bold; }
em, i { font-style: italic; }

div.lead p {
	font-style: italic;
}

article h2 {
    margin-bottom: 20px;
}

/* Lists */

ul {
	list-style: outside disc;
	margin: 1em 0 1em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1em 1.5em;
}

li {
	line-height: 1.429;
}

.post-info {
    margin: 12px 0;
    font-size: 0.85em;
    color: #999;
}

footer.post-info address {
	display: inline;
	font-style: normal;
}

.readmore { float: right }

dl {
	margin: 1em 0 0 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0.7em;
}

pre {
	padding: 10px;
	margin: 10px 10px 20px 10px;
	overflow: auto;
	border: 1px solid #ccc;
	background: #f8f8f8;
}

/* Quotes */

blockquote {
    margin: 20px;
    font-style: italic;
    line-height: 1.429;
}

/* Tables */

table {
	margin: .5em auto 1.5em auto;
	width: 98%;
}

thead th { padding: .5em .4em; text-align: left; }
tbody td { padding: .5em .4em; }

tbody .alt td {}
tbody .alt th {}

tfoot th {}
tfoot td {}

header, section, footer, aside, nav, article, figure {
	display: block;
}

/* Layout */

img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}

section#content img {
	padding: 10px;
	margin-bottom: 20px;
}

section#content img.border {
	border: 1px solid #ddd;
}

/* Header */

#banner {
	margin: 0 auto;
	padding: 2.5em 0 0 0;
}

#banner h1 {
	font-size: 3.571em;
	line-height: 0;
}

#banner h1 a:link, #banner h1 a:visited {
	color: #000305;
	display: block;
	font-weight: bold;
	margin: 0 0 .6em .2em;
	text-decoration: none;
	width: 427px;
}
#banner h1 a:hover, #banner h1 a:active {
	background: none;
	color: #C74350;
	text-shadow: none;
	display: block;
}

#banner h1 strong {
	font-size: 0.36em;
	font-weight: normal;
}

/* Main Nav */
#banner nav {
	background: #000305;
	font-size: 1.143em;
	height: 40px;
	line-height: 30px;
	margin: 0 auto 2em auto;
	padding: 0;
	text-align: center;
	width: 800px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#banner nav ul {list-style: none; margin: 0 auto; width: 800px;}
#banner nav li {float: left; display: inline; margin: 0;}

#banner nav a:link, #banner nav a:visited {
	color: #fff;
	display: inline-block;
	height: 30px;
	padding: 5px 1.5em;
	text-decoration: none;
}
#banner nav a:hover, #banner nav a:active,
#banner nav .active a:link, #banner nav .active a:visited {
	background: #C74451;
	color: #fff;
	text-shadow: none !important;
}

#banner nav li:first-child a {
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

/*
	Featured
*****************/

#featured {
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
}

#featured figure {
	border: 2px solid #eee;
	float: right;
	margin: 0.786em 2em 0 5em;
	width: 248px;
}
#featured figure img {display: block; float: right;}

/*
	Extras
*****************/
#extras {margin: 0 auto 3em auto; overflow: hidden;}

#extras ul {list-style: none; margin: 0;}
#extras li {border-bottom: 1px solid #fff;}
#extras h2 {
	color: #C74350;
	font-size: 1.429em;
	margin-bottom: .25em;
	padding: 0 3px;
}

#extras a:link, #extras a:visited {
	color: #444;
	display: block;
	border-bottom: 1px solid #F4E3E3;
	text-decoration: none;
	padding: .3em .25em;
}

#extras a:hover, #extras a:active {color: #fff;}

	/* Blogroll */
	#extras .blogroll {
		float: left;
		width: 615px;
	}
	
	#extras .blogroll li {float: left; margin: 0 20px 0 0; width: 185px;}
	
	/* Social */
	#extras .social {
		float: right;
		width: 175px;
	}
	
	#extras div[class='social'] a {
		background-repeat: no-repeat;
		background-position: 3px 6px;
		padding-left: 25px;
	}
	
		/* Icons */
		.social a[href*='delicious.com'] {background-image: url('../images/icons/delicious.png');}
		.social a[href*='digg.com'] {background-image: url('../images/icons/digg.png');}
		.social a[href*='facebook.com'] {background-image: url('../images/icons/facebook.png');}
		.social a[href*='last.fm'], .social a[href*='lastfm.'] {background-image: url('../images/icons/lastfm.png');}
		.social a[href*='atom.xml'] {background-image: url('../images/icons/rss.png');}
		.social a[href*='twitter.com'] {background-image: url('../images/icons/twitter.png');}
		.social a[href*='linkedin.com'] {background-image: url('../images/icons/linkedin.png');}

/* Article */

.entry-title {
	font-size: 2.2em;
	line-height: 120%;
}

.entry-title a:link, .entry-title a:visited {
	text-decoration: none;
	color: #333;
}

.entry-title a:visited {
	background-color: #fff;
}

.e-content {
	margin-bottom: 50px;
}

/* Fonts */

@font-face {
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: bold;
	src: local('PT Serif Bold'), local('PTSerif-Bold'), url('pt-serif-bold.woff') format('woff');
}

@font-face {
	font-family: 'PT Serif';
	font-style: italic;
	font-weight: bold;
	src: local('PT Serif Bold Italic'), local('PTSerif-BoldItalic'), url('pt-serif-bold-italic.woff') format('woff');
}

@font-face {
	font-family: 'PT Serif';
	font-style: italic;
	font-weight: normal;
	src: local('PT Serif Italic'), local('PTSerif-Italic'), url('pt-serif-italic.woff') format('woff');
}

@font-face {
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: normal;
	src: local('PT Serif'), local('PTSerif-Regular'), url('pt-serif-regular.woff') format('woff');
}

/* Pygments */

.hll { background-color: #ffffcc }
.c { color: #408080; font-style: italic } /* Comment */
.err { border: 1px solid #FF0000 } /* Error */
.k { color: #008000; font-weight: bold } /* Keyword */
.o { color: #666666 } /* Operator */
.cm { color: #408080; font-style: italic } /* Comment.Multiline */
.cp { color: #BC7A00 } /* Comment.Preproc */
.c1 { color: #408080; font-style: italic } /* Comment.Single */
.cs { color: #408080; font-style: italic } /* Comment.Special */
.gd { color: #A00000 } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #FF0000 } /* Generic.Error */
.gh { color: #000080; font-weight: bold } /* Generic.Heading */
.gi { color: #00A000 } /* Generic.Inserted */
.go { color: #888888 } /* Generic.Output */
.gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.gt { color: #0044DD } /* Generic.Traceback */
.kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.kp { color: #008000 } /* Keyword.Pseudo */
.kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.kt { color: #B00040 } /* Keyword.Type */
.m { color: #666666 } /* Literal.Number */
.s { color: #BA2121 } /* Literal.String */
.na { color: #7D9029 } /* Name.Attribute */
.nb { color: #008000 } /* Name.Builtin */
.nc { color: #0000FF; font-weight: bold } /* Name.Class */
.no { color: #880000 } /* Name.Constant */
.nd { color: #AA22FF } /* Name.Decorator */
.ni { color: #999999; font-weight: bold } /* Name.Entity */
.ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.nf { color: #0000FF } /* Name.Function */
.nl { color: #A0A000 } /* Name.Label */
.nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.nt { color: #008000; font-weight: bold } /* Name.Tag */
.nv { color: #19177C } /* Name.Variable */
.ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #666666 } /* Literal.Number.Float */
.mh { color: #666666 } /* Literal.Number.Hex */
.mi { color: #666666 } /* Literal.Number.Integer */
.mo { color: #666666 } /* Literal.Number.Oct */
.sb { color: #BA2121 } /* Literal.String.Backtick */
.sc { color: #BA2121 } /* Literal.String.Char */
.sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.s2 { color: #BA2121 } /* Literal.String.Double */
.se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.sh { color: #BA2121 } /* Literal.String.Heredoc */
.si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.sx { color: #008000 } /* Literal.String.Other */
.sr { color: #BB6688 } /* Literal.String.Regex */
.s1 { color: #BA2121 } /* Literal.String.Single */
.ss { color: #19177C } /* Literal.String.Symbol */
.bp { color: #008000 } /* Name.Builtin.Pseudo */
.vc { color: #19177C } /* Name.Variable.Class */
.vg { color: #19177C } /* Name.Variable.Global */
.vi { color: #19177C } /* Name.Variable.Instance */
.il { color: #666666 } /* Literal.Number.Integer.Long */