/* Mobile styles, 320px and up */
/* TUMBLR */

/* Navigation */
	nav {
		font-size: 100%;
		margin: 2% 7%;
		padding: 0;
		}
	.container {/* Making main navigation buttons square */
		display: block;
		width: 50px;
		height: 50px;
		float: left;
		position: relative;
		}
	.dummy {margin-top: 100%;} /* % changes aspect ratio, 100=1:1 */
	.element {
		font-size: 80%;
		line-height: 90%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding-top: 38%;
		}
	nav ul li a.s {/* Home/logo link */
		background: url(http://static.tumblr.com/efrf053/Zkjmhwggo/s50.jpg) center no-repeat;
		text-indent: -1000px;
		}
	nav ul li.container#totop {/* Back to top link, hidden on mobiles */
		visibility: hidden;
		}
	nav ul li.container.hi {
		margin-bottom: -40px;
	}
	nav ul li a.element:hover {
		background-color: #f9b317;
		}
	nav ul li a.active {
		background-color: #f9b317;
		}
	#prevnext a:link.prev, #prevnext a:link.next {
		font-size: 80%;
		line-height: 3.6;
		margin: 0 2px 0 0;
		display: block;
		width: 50px;
		height: 50px;
		}

/* Typography */
	h1 {
		font-size: 120%;
		line-height: 1em;
		letter-spacing: 2px;
		margin-bottom: 0.2em;
		}
	h2 {
		font-size: 100%;
		letter-spacing: 1px;
		margin-top: 2em;
		margin-bottom: 1em;
		line-height: 1em;
		}
	h3 {
		font-size: 1em;
		margin-top: 1em;
		margin-bottom: 0.4em;
		}
	p {
		font-size: 100%;
		line-height: 1.7em;
		margin-top: 0.6em;
		margin-bottom: 1.4em;
		}
/* Building blocks & layout */
	#content {
		margin: 1% 7% 1em 7%;
		}
	section.col2 {
		float: none;
		}
	article {
		padding-top: 1em;
		margin-bottom: 2em;
		border-bottom: 1px solid #f9b317;
		}
	aside { /*Used to display dates & tags on blog posts. Positioned to 1st column. */
		margin-bottom: 1em;
		}