/*
	:::: let's retrofit guys!
*/

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
@media only screen and (max-width:800px) {
	
	/*	::: Layout */
	.container {
		width:90%;
		margin:0 auto;
	}
	#nav .span-24,
	#content .span-17,
	#content .span-11,
	#content .span-6,
	#info.span-24,
/*	#info .span-5, */
	.entry_info.span-5,
	.entry_content.span-11 {
		width:100%;
	}
	#content .column.span-17,
	#content .column.span-5,
	#content .column.span-6,
	#comments .column.span-11.
	#info .column.span-5 {
		float:none;
		margin-right:0;
	}
	#content .column.append-1.span-5,
	#content .comment_form.prepend-6,
	#content .trackbacks.prepend-6,
	#content .shorturl.prepend-6,
	#secondary.column.prepend-1,
	#comments .comments-header.prepend-6,
	.search .prepend-6,
	p.next, p.prev,
	#info .append-1,
	h2.prepend-6 {
		padding:0;
	}
	/*
	.entry_info.span-5,
	.entry_content.span-11 {
		width:auto;
	}
	*/
	#secondary {
		clear:both;
	}
	/*	::: Typography */
	body {
		font-size:100%;
	}
	#branding h1 {
		font-size:2em;
		line-height:1.2;
		margin-bottom:0.5em;
		text-align:center;
	}
	.entry_info h3.date {
		font-size:1em;
	}
	.entry_content h2 {
		font-size:1.8em;	
	}
	#primary + h2.prepend-6 {
		text-align:center;
	}
	#primary blockquote {
		margin:1.5em 0 1.5em 1.6em;
	}
	/*	::: Texture */
	#branding h1 {
		background-position:center 16px;
	}
	
	/*	::: Colour */
	#branding h1,
	#branding h1 a,
	#branding h1 a:hover {
		color:transparent;	
	}
	
	/*	::: Navigation */
	ul#gnav li {
		text-align:center;
	}
	ul#gnav li.column {
		margin-right:0;
	}
	ul#gnav li.span-6 {
		width:25%;
	} 
	
	/*	::: Images */
	div.full {
		text-align:center;
	}
	div.full img {
		width:auto;
		max-width:100%;
	}
	/*	::: Elements */
	.entry_info h3.date,
	.entry_content h2 {
		text-align:center;
	}
	.entry_info p {
		height:0px;
		margin:0;
		
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.entry_content h2 {
		
	}
	#content p.prev.column.span-6 {
		float:left;
		width:48%;
		text-align:left;
	}
	#content p.next.column.span-5 {
		float:right;
		width:48%;
		text-align:right;
	}
	p.prev strong,
	p.next strong {
		display:block;
	}
	h4#quicklinks {
		text-transform:capitalize;
	}
	#secondary h4,
	.sidelink h4,
	.info_box h4 {
		text-align:center;
		text-transform:capitalize;
	}
	.home .sidelink a img {
		display:block;
		margin:.75em auto;
	}
	/*	::: Forms */
	input, textarea { 
	  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	  box-sizing: border-box;         /* Opera/IE 8+ */
	}
	input#comment-author,
	input#comment-email,
	input#comment-url,
	input#commchallenge_answer,
	textarea,
	input#search {
		width:100%;
	}
	div.comment {
		padding-top:1.5em;
	}
	/* ::: Comments */
	#comments .comment-header {
		margin-bottom:0;
		font-weight:bold;
	}
} /* 800px */
@media only screen and (min-width:600px) and (max-width:800px) {

	#info .column.span-5.append-1 {
		width:46%;
		padding-right:0;
		margin-right:8%;
	}
	#info .column.span-5.append-1:nth-child(even) {
		margin-right:0;
	}
}
@media only screen and (max-width:599px) {

	#info .span-5 {
		width:100%;
	}
}
/*
	:::: last modified on 
*/