/*  
Theme Name: Gonzo At 5
Theme URI: http://greatgonzo.net/projects/gonzoat5
Description: Gonzo At 5 is flexible-width two-column theme for WordPress, developed in HTML5. It has a newspaper-like front page, featuring three columns of text for browsers that support CSS columns (currently only Firefox, more to come)<br /><br />Wordpress Widgets ready.<br /><br />The font used in the header is <a href="http://openfontlibrary.org/media/files/gluk/306">Gputeks</a> by<a href="http://openfontlibrary.org/media/people/gluk"> gluk</a>, licensed under <a href="http://scripts.sil.org/OFL">SIL Open Font License</a>.
Version: 1.4
Author: Milen Petrinski - Gonzo
Author URI: http://greatgonzo.net/
Tags: black, two-columns, right-sidebar, flexible-width
*/

/**
* Eric Meyer's Reset stylesheet - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

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,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

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

/*
 * Created by gluk with FontForge 1.0 (http://fontforge.sf.net) 
 * This Font Software is licensed under the SIL Open Font License, V.1.1. 
 * This license is available with a FAQ at: http://scripts.sil.org/OFL.
 * Copyright (c) 2008, gluk,(gluksza@wp.pl) with Reserved Font Name Gputeks.
 */
@font-face {
	font-family: "Gputeks";
	src: local('Gputeks'),
		local('Gputeks-Regular'),
		url(fonts/Gputeks-Regular.ttf);
	font-weight: normal;
}

@font-face {
	font-family: "Gputeks";
	src: local('Gputeks Bold'),
		local('Gputeks-Bold'),
		url(fonts/Gputeks-Bold.ttf);
	font-weight: bold;
}

/*
 * This CSS file has been generated by fontsquirrel.com
 *
 * The fonts included are copyrighted.
 *
 * @vendor: DejaVu Fonts
 * @vendorurl: http://dejavu-fonts.org/
 * The license for this font family can be found on the fontsquirrel.com website.
 *
 * @licenseurl: http://www.fontsquirrel.com/license/DejaVu-Serif
 *
 */

@font-face {
	font-family: 'DejaVu Serif';
	src: local('DejaVu Serif Book'),
	     local('DejaVuSerif-Book'),
	     url('fonts/DejaVuSerif.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DejaVu Serif';
	src: local('DejaVu Serif Italic'),
	     local('DejaVuSerif-Italic'),
	     url('fonts/DejaVuSerif-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'DejaVu Serif';
	src: local('DejaVu Serif Bold'),
	     local('DejaVuSerif-Bold'),
	     url('fonts/DejaVuSerif-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'DejaVu Serif';
	src: local('DejaVu Serif Bold Italic'),
	     local('DejaVuSerif-BoldItalic'),
	     url('fonts/DejaVuSerif-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
/*
@font-face {
	font-family: 'DejaVu Serif Condensed';
	src: local('DejaVu Serif Condensed Book'),
	     local('DejaVuSerifCondensed-Book'),
	     url('fonts/DejaVuSerifCondensed.ttf') format('truetype');
}

@font-face {
	font-family: 'DejaVu Serif Condensed';
	src: local('DejaVu Serif Condensed Book'),
	     local('DejaVuSerifCondensed-Book'),
	     url('fonts/DejaVuSerifCondensed-Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'DejaVu Serif Condensed';
	src: local('DejaVu Serif Condensed Bold'),
	     local('DejaVuSerifCondensed-Bold'),
	     url('fonts/DejaVuSerifCondensed-Bold.ttf') format('truetype');
	font-weight: bold;
}

@font-face {
	font-family: 'DejaVu Serif Condensed';
	src: local('DejaVu Serif Condensed Bold Italic'),
	     local('DejaVuSerifCondensed-BoldItalic'),
	     url('fonts/DejaVuSerifCondensed-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
*/

/**
* GLOBALS
*/

html {
	background: #fff;
	text-align:center;
}

body {
	background: #fff;
	text-align:justify;
	margin:0 auto 0 auto;
	padding:0;
	line-height:1;
	color: #000;
	/*font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;*/
	font-family: Verdana,Helvetica,sans-serif;
	/*font-family:Georgia,"Lucida bright","Times new roman",Georgia,"lucida bright",serif;*/
	/*font-family: "DejaVu Serif", Times New Roman, serif;*/
	font-size:14px;
}

h1, h2 {
	font-size:1.8em;
	text-align:left;
	/*font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,'Liberation Sans',DejaVu Sans,sans-serif;*/
	/*font-family:"Graublau Sans Web";*/
	font-family: "DejaVu Serif", Georgia, Times New Roman, serif;
	font-weight:900;
	font-style:normal;
}

h3 {
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.1em;
	font-family: "DejaVu Serif", Georgia, Times New Roman, serif;
	font-style:normal;
	margin-bottom: 1.4em;
}

h4 {
	font-size: 1em;
	line-height:1.5em;
	font-family: "DejaVu Serif", Georgia, Times New Roman, serif;
	font-weight:normal;
	font-style:normal;
}

hr {
	display:none;
}

a {
	text-decoration:none;
	color:#C30708;
	font-weight:inherit;
	font-style:inherit;
}

a:visited {
	color:#C30708;
}

a:hover {
	text-decoration:underline;
	color:#ff7800;
	/*text-shadow: #666 2px 2px 5px;*/
}

a:focus, a:active {
	color:#ff7800;
	outline: 1px dotted #ff7800;
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
	color:inherit;
}

p {
	line-height:1.5em;
	margin-bottom:1.5em;
}

li {
	line-height:1.5em;
}

ul, ol {
	margin-bottom:1.5em;
	list-style:none;
}

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

caption, th, td {
	text-align:left;
	font-weight:normal;
}

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

blockquote, q {
	quotes:"" "";
}

blockquote {
	margin:0;
	padding:1.15em .5em 1.25em 1.5em;
	color:#333;
	font-family: "DejaVu Serif", Georgia, Times New Roman, serif;
	font-style:italic;
}

blockquote * {
	margin-bottom:0;
}

abbr {
	border-bottom: 1px dotted #633B18;
}


img {
	border:none;
}

strong {
	font-weight:bold;
	font-style: inherit;
}

em {
	font-style:italic;
	font-weight:inherit;
}

.alignleft {
	float:left;
	margin: 0 1em 1em 0;
}

img.alignleft {
	float:left;
	margin-right:1em;
}

img.alignright {
	float:right;
	margin-left:1em;
}

img.alignright {
	float:right;
	margin-left:1em;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

code {
	font-family:courier,"courier new", monospace;
}

pre {
	display:block;
	font-family:courier,"courier new", monospace;
	font-size:1em;
	line-height:1.5em;
	background-color:#eeeeee;
	padding:1.5em 1.5em;
	margin-top:0em;
	margin-bottom:1.5em;
	overflow:auto;
}

ul {
	list-style-type:square;
	padding-left:3em;
}

ol {
	list-style-type:decimal;
	padding-left:3em;
}


/*
 * MAIN ARTICLE STYLES
 */

article header, article footer {
	margin: 0;
	padding:0;
	border: none;
}

article header h1 {
	padding:0;
}

article header a {
	color:inherit;
	text-decoration: none;
}

article footer {
	color: #555;
	margin-bottom: 1.5em;
}

article footer a:link,
article footer a:visited {
	color:inherit;
	text-decoration: underline;

}

/**
* HEADER
*/

header {
	text-align:left;
	border-bottom:.5em solid #999;
}
/*
body > header {
	background: #333;
	color: #fff;
}
*/
body > header h1 {
	padding: 0 4%;
	font-size:4em;
	font-weight:bold;
	font-family: Gputeks, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	text-align:left;
	line-height:1;
	margin:0;
	text-shadow: #000 1px 1px 2px;
	text-transform: uppercase;
	color: #C30708;
}

body > header h1 a:hover {
	text-decoration:none;
}

header div.description {
	color:#999;
	float:right;
	margin:-3.5em 4% 0 0;
	width: 28%;
	font-family: "DejaVu Serif", Georgia, Times New Roman, serif;
	font-weight:bold;
	line-height:1.2em;
	text-align: right;
}


/**
* MAIN NAVIGATION
*/

nav#main {
	margin-bottom:.25em;
	border-bottom:.25em solid #999;
}

nav#main ul {
	float:right;
	margin:0;
	margin-top:.6em;
	margin-right: 4%;
	list-style-type: none;
}

nav#main ul li {
	display: inline-block;
	font-size: 1.6em;
	font-weight:bold;
	font-family: Gputeks, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Bitstream Vera Sans", "Liberation Sans", "DejaVu Sans", Verdana, "Verdana Ref", sans-serif;
	margin:0;
	margin-left:.5em;
	line-height:1;
	text-transform:lowercase;
	word-spacing: -.2em;
}

nav#main ul li a {
	text-shadow: #000 1px 1px 1px;
	color: #666;
}

nav#main ul li a:hover, nav#main ul li a:focus {
	text-decoration:none;
	color: #C30708;
}

/**
 * First post on index page
 */

div#latest {
	clear: both;
	border-bottom:.25em solid #999;
}

div#latest article {
	padding: 2em 0 1.5em 0;
	margin-bottom:.3em;
	border-bottom:.5em solid #999;
}

div#latest article:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#latest h2 {
	font-size: 4em;
	line-height: 1em;
	margin: 0 0 0 4%;
}

div#latest header {
	margin:0;
}

div#latest footer {
	margin-left:4%;
}


div#latest article > div {
	width:60%;
	float:left;
	margin:1.5em 0 0 4%;
	-moz-column-count: 2;
	-moz-column-gap: 4%;
	-webkit-column-count: 2;
	-webkit-column-gap: 4%;
	column-count: 3;
	column-gap: 1%;
}

div#latest article > div > p:first-child:first-line,
div.single article > div > p:first-child:first-line {
	font-variant: small-caps;
	font-weight:bold;
}

div#latest article > div > p:first-child:first-letter,
div.single article > div > p:first-child:first-letter {
	display:block;
	float:left;
	font-size:3em;
	line-height: .7em;
	padding:0;
	margin:0;
	padding-top: .1em;
	margin-right: .1em;
	margin-top: 0.1em;
	font-family: "DejaVu Serif", serif;
	font-weight:bold;
	color:#C30708;
}

div#latest img {
	background: #eee;
	outline:.1em solid #999;
	max-width:100%;
	height: auto;
}

div#latest aside {
	float:right;
	width:28%;
	margin:1.5em 4% 0 0;
	padding-left: 2%;
	border-left: .2em solid #999;
}

div#latest article aside section {
	width:auto;
	float:none;
	padding:1em 0 .0em 0;
	margin:0;
	line-height:1.5em !important;
	-moz-column-count: 1;
	-webkit-column-count: 1;
}

div#latest aside section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#latest aside h2 {
	margin:.2em 0 .4em 0;
	border: none;
	padding:0em .2em;
	font-size:1.3em;
	line-height:1.2em;
	font-weight:bold;
	/*font-style:italic;*/
	text-transform:uppercase;
	background: #333;
	color:#fff;
}

div#latest aside img {
	float:left;
	margin:.3em .5em 0 0;
	outline:none;
}

div#latest aside .vcard img.photo {
	border: 1px solid #999;
	background: #eee;
}

/**
* FIRST MAIN COLUMN
*/

#content {
	margin: 1em 0px;
	width:60%;
	padding-left:4%;
	float:left;
	padding-top:1.1em;
}

#content.single, #content.archive {
	padding-top:0em;
}

#content article {
	margin: 0;
	padding: 0em 0 1em 0;
}

#content article footer p {
	float:none;
	width:auto;
	padding:0;
}

#content h1 {
	font-size:3em;
	line-height: 1em;
	margin: 0em 0em .5em 0;
}

#content article h1 {
	margin: 0em 0em .5em 0em;
}

#content article.list h2 {
	font-size:1.5em;
	line-height:1em;
	padding-top:.1em;
	margin-bottom:.3em;
	color: #000;
}

#content article h2 {
	margin-bottom: .5em;
}

#content article h3 {
	margin-bottom: 0;
}

#content p.tag-cloud {
	margin-top:3em;
}    

#content p.tag-cloud a {
	color: #000;
}    

#content img {
	border:.5em solid #999;
	max-width:90%;
}

#content img.noborder {
	border:0px;
	padding:0;
	background: none;
}

#content nav {
	clear:both;
}

#content nav div {
	line-height:1.5em;
	margin-bottom:1em;
}

#content nav .prev {
	float:left;
	width:40%;
	text-align:left;
}

#content nav .next {
	float:right;
	width:40%;
	text-align:right;
}

.column {
	float:left;
}

.left {
	padding-right:0;
	width:45%;
	clear:left;
}

.right {
	float:right;
	padding-left:0;
	padding-right:0;
	width:48%;
}


/**
* COMMENTS
*/

#comments {
}

#comments h2 {
	margin-top:.2em;
	margin-bottom:1.5em;
	padding-bottom:0em;
}

#comments article {
	margin:0;
	padding:.25em 0 .5em 0;
	border-top:.25em solid #999;
}

#comments article.author {
/*	border-top:.25em solid #ff7800;*/
}

#comments article cite.comment-author {
	display:block;
	font-size:1.5em;
	line-height:1em;
	font-style:italic;
	font-family: "DejaVu Serif", serif;
	margin-bottom:0em;
	border-top:.1em solid #999;
	padding-top: .5em;
}

#comments article.author cite.comment-author {
/*	border-top:.1em solid #ff7800;*/
}

#comments article.author cite.comment-author a:link,
#comments article.author cite.comment-author a:visited {
}

#comments article p {
	margin-bottom:1.5em;
}

#comments article footer {
	margin-bottom:1.5em;
	clear:none;
}

#comments article ul li,
#comments article ol li {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}

#comments article ul {
	padding-left:1.5em;
	list-style-type:square;
}

#comments article ol {
	padding-left:1.5em;
	/*list-style-type:lower-alpha;*/
}

p.nocomments {
	padding-bottom:.5em;
	font-weight:bold;
	font-size:1.5em;
	line-height:1em;
}

.allowed-tags {
	color: #555;
}

#comments article span.avatar {
	display:block;
	float:right;
	margin:.5em .2em 0 0;
	width:60px;
	height:60px;
	text-align:right;
}

#comments article span.avatar img.avatar {
	display:block;
	width:48px;
	height:48px;
	padding: 2px;
	border: 1px solid #999;
	background: #eee;
}

#comments article.author span.avatar img.avatar {
	border: 1px solid #ff7800;
}

h2#respond {
	margin-bottom:1.5em;
}

/**
* FORMS
*/

#commentform {
	margin-bottom:1.5em;
	padding-bottom:0em;
}

textarea {
	width:99%;
	margin-bottom: 1.5em;
}

input {
	display:block;
	float:left;
	width: 20em;
	clear:left;
	margin-bottom: 1.5em;
	margin-right: 1em;
}

label {
	display:block;
	float:left;
	width: 20em;
}

p.allowed-tags {
	clear:both;
	color: #555;
}

/**
* RIGHT #sidebarS
*/

#sidebar {
	float:right;
	width:28%;
	margin:3em 4% 3em 0;
	padding-left: 2%;
	border-left: .2em solid #999;
}

#sidebar h2, footer section h2 {
	font-size:1.3em;
	line-height:1.2em;
	margin:.2em 0 -.1em 0;
	/*font-variant:small-caps;*/
	font-weight:normal;
	font-style:italic;
	border-bottom:1px solid #999;
}

#sidebar section {
	padding:1em 0 .5em 0;
	margin:0;
	margin-bottom: 1em;
	line-height:1.5em !important;
}

#sidebar section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#sidebar img {
	float:left;
	margin:.3em .5em 0 0;
}

#sidebar .vcard img.photo {
	border: 1px solid #999;
	background: #eee;
}

#sidebar ul,
#sidebar ol,
footer section ul,
footer section ol {
	list-style-type:none;
	margin:0;
	padding:0;
}

#sidebar ul li,
#sidebar ol li,
footer section ul li,
footer section ol li {
	border-bottom:0;
	margin:0;
	padding-bottom:0;
	font-size:.9em;
	border-bottom:1px dotted #999;
	line-height: 1.7em;
	padding:.1em 0;
}

#sidebar ul li:last-child,
#sidebar ol li:last-child,
footer section ul li:last-child,
footer section ol li:last-child {
	border-bottom:none;
}

#sidebar ol li span,
footer section ol li span {
		display:none;
}

/**
* FOOTER
*/

footer {
	padding:0 0 1.5em 0;
	border-top:.5em solid #999;
	clear:both;
	text-align:left;
	/*background: #333;
	color: #fff;*/
}

body * footer {
	background: none;
}

footer > div {
	margin-top:.25em;
	border-top:.25em solid #999;
	padding:1.5em 0;
}

footer div.widgets {
	border-bottom:.5em solid #999;
}

footer div.widgets:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
	
footer section {
	float:left;
	width: 28%;
	margin-left: 4%;
	margin-bottom: 1.5em;
}

footer div.info p {
	margin-left:68%;
	padding-right:4%;
	padding-top:1.5em;
}

footer div.info p:first-child {
	float:left;
	width:60%;
	margin-left:4%;
	padding-top:1.5em;
}

#lifestream {
	margin: 3em 0;
}

#lifestream img {
	border: none;
}

#lifestream .lifestream_feed_twitter h2 {
	font-size: 1.2em !important;
	font-weight: normal;
	line-height: 1.5em !important;
}

#lifestream .lifestream_feed_twitter h2 a {
	color:#C30708;
}

#lifestream .lifestream_feed_twitter h2 a:visited {
	color:#C30708;
}

/*
 * DEBUG STYLES 
 */
/*
section, article, aside {
	outline: 1px solid red;
}
*/

/*
 * Styles for HD displays
 */

@media screen and (min-width:1290px){
	/**
	* GLOBALS
	*/
	
	body {
		max-width:none;
	}
	
	/**
	 * First post on index page
	 */
	
	div#latest article > div {
		width:70%;
		float:left;
		margin:1.5em 0 0 4%;
		-moz-column-count: 3;
		-moz-column-gap: 5%;
		-webkit-column-count: 3;
		-webkit-column-gap: 5%;
		column-count: 3;
		column-gap: 5%;
	}
	
	div#latest aside {
		float:right;
		width:18%;
		margin:1.5em 4% 0 0;
		padding-left: 2%;
		border-left: .2em solid #999;
	}
	
	#content {
		width:70%;
	}
	
	#content article:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	
	#content.home {
		text-align:left;
	}
	
	#content article.list {
		display:inline-block;
		margin-right: 5%;
		width:29%;
		vertical-align:top;
		text-align:justify;
		float:none !important;
	}
	
	#content article.list:nth-child(3n) {
		margin-right:0;
	}
	
	#content article.list section,
	#content article.list footer {
		float:none;
		width:auto;
	}
	
	/*#content.single article header,*/
	#content.single article div {
		width:62%;
		float:left;
		clear:none;
	}
	
	#content article section#comments {
		width:32%;
		float:right;
		clear: none !important;
		border-left: .2em solid #999;
		padding-left:3%;
	}
	
	.column {
		float:left;
	}
	
	.left {
		padding-right:0;
		width:45%;
		clear:left;
	}
	
	.right {
		float:right;
		padding-left:0;
		padding-right:0;
		width:48%;
	}
	
	
	/**
	* COMMENTS
	*/
	
	#comments h2 {
		margin-top:.2em;
		margin-bottom:1.5em;
		padding-bottom:0em;
	}
	
	#comments article {
		margin:0 0 1.5em 0;
		padding:.25em 0 .5em 0;
		border-top:.25em solid #999;
	}
	
	#comments article.author {
	/*	border-top:.25em solid #ff7800;*/
	}
	
	#sidebar {
		float:right;
		width:18%;
		margin:3em 4% 3em 0;
		padding-left: 2%;
		border-left: .2em solid #999;
	}
	
	footer {
		position:relative;
	}
	
	footer > div {
		margin-top:.25em;
		border-top:none;
		padding:1.5em 0;
	}
	
	footer div.widgets {
		border-top:.25em solid #999;
		border-bottom:none;
	}
	
	footer div.widgets:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	
	footer div.info {
		float:right;
		width:18%;
		margin: 1.75em 4% 0 0;
		padding-left: 2%;
		padding-top: .5em;
		position:absolute;
		top:0;
		right:0;
		border-left: .2em solid #999;
	}
		
	footer section {
		float:left;
		width: 18%;
		margin-left: 4%;
		margin-bottom: 1.5em;
	}
	
	footer div.info p {
		margin:0 0 1.5em 0;
		padding-top:0em;
		float:none;
		width:auto;
	}
	
	footer div.info p:first-child {
		float:none;
		width:auto;
		margin-left:0;
		padding-top:0em;
	}
	
} /* End HD styles */

/*
 * Styles for small displays 
 */
@media handheld, screen and (max-width: 800px), screen and (max-device-width: 800px){

	html {
		background: #fff;
		text-align:left;
	}
	
	body {
		background: #fff;
		text-align:left;
		margin:0;
		padding:0;
		max-width:1200px;
		color:black;
	}
	
	h1, body > header h1 {
		font-size:2em;
	}
	
	h2 {
		font-size:1.5em;
	}
	
	h3 {
		font-size:1.2em;
	}
	
	blockquote {
		font-size: 1em;
	}
	
	nav#main {
		border: none;
	}
	
	header nav#main ul {
		margin-top:0.6em;
		margin-right:0;
	}
	
	nav#main ul li {
		display: inline-block;
		font-size: 1.2em;
	}
	
	div#latest h2 {
		font-size: 2em;
	}
	
	div#latest article > div {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		float:none;
		width:100%;
		margin: 1.5em 0 0 0;
	}
	
	body > header h1,
	div#latest h2,
	div#latest footer,
	div#latest article,
	div#latest article div,
	div#latest article aside,
	#content,
	#content article {
		float:none;
		width:auto;
		margin-right:0em;
		margin-left:0em;
		padding-left:0;
		padding-right:0;
		border: none;
	}
	
	body > header,
	div#latest,
	#content {
		padding-left:4%;
		padding-right:4%;
	}
	
	#sidebar {
		clear:both;
		width:auto;
		float:none;
		margin:0;
		padding: 1.5em 4% !important;
		border-left: none;
		border-top: .5em solid #999;
	}
	
	
	footer {
		padding: 1.5em 0;
	}
	
	footer > div {
		border-top:none;
		padding: 0 4%;
		margin-left: 0;
		margin-right: 0;
	}
	
	footer div.widgets > section {
		float:none;
		width: auto;
		margin-left: 0;
	}
	
	
	footer p {
		float:none !important;
		padding:0 !important;
		width:auto !important;
		margin:0 !important;
	}
	
} /* end mobile styles */

/*
 * Styles for print
 */
@media print {
	
	html, body {
		background: #fff;
		text-align:justify;
		margin:0;
		padding:0;
		width:auto;
		color: #000;
	}
	
	body {
		padding: 0 1.5cm;
	}
	
	h1, h2, h3, h4, footer {
		page-break-after: avoid;
	}
	
	footer {
		page-break-before: avoid;
	}
	
	blockquote {
		font-size: 1em;
	}
	
	div#latest h2 {
		font-size: 3em;
	}
	
	div#latest article section {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	
	body > header h1,
	div#latest h2,
	div#latest footer,
	div#latest article,
	div#latest article section,
	#content,
	#content article {
		float:none;
		width:auto;
		margin-right:0em;
		margin-left:0em;
		padding-left:0;
		padding-right:0;
	}
	
	body > header nav ul,
	div#latest article aside,
	#commentform, 
	#respond, 
	#content nav {
		display:none;
	}
	
	#sidebar {
		display:none;
		clear:both;
		width:100%;
		float:none;
		padding: 1.5em 0 !important;
		border-left: none;
		border-top: .5em solid #999;
	}
	
	
	footer{
		padding: 1.5em 0;
	}
	
	
	footer p {
		float:none !important;
		padding:0 !important;
		width:auto !important;
		margin:0 !important;
	}

}

/*
 * Experimenting with Opera Reader - styles for paged media (tablets)
 */
@media -o-paged {

	html { 
		height: 96%;
		padding: 2% 0 0 0;
		overflow: -o-paged-x-controls;
	}
	
	h1, h2, h3, h4, header {
		break-after: avoid;
	}
	
	div#latest {
		break-inside: avoid;
	}
	
	body > header h1,
	div#latest h2,
	div#latest footer,
	div#latest article,
	#content,
	#content article {
		float:none;
		width:auto;
		margin-right:0em;
		margin-left:0em;
		padding-left:0;
		padding-right:0;
		border: none;
	}
	
	body > header > h1,
	div#latest header,
	div#latest footer {
		margin-left: 4%;
	}
	
	#content {
		padding-left:4%;
		padding-right:4%;
	}
	
	#sidebar {
		clear:both;
		width:auto;
		float:none;
		margin:0;
		padding: 1.5em 4% !important;
		border-left: none;
		border-top: .5em solid #999;
	}
	
	footer {
		padding: 1.5em 0;
	}
	
	footer > div {
		border-top:none;
		padding: 0 4%;
		margin-left: 0;
		margin-right: 0;
	}
	
	footer div.widgets > section {
		float:none;
		width: auto;
		margin-left: 0;
	}
	
	footer p {
		float:none !important;
		padding:0 !important;
		width:auto !important;
		margin:0 !important;
	}
}