/*
_______________________________
Desktop version layout - place your custom code here */
body {
	font-family: 'Cantarell', sans-serif;
	font-size: 95%;
	line-height: 1.4em;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Cardo', serif;
	font-weight: 100;
}
h2 {
	
}
h3 {
	font-size: 32px;
	margin-bottom: 1em;
}
img {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	margin-bottom: 0;
}

header {
	margin-top: 60px;
	margin-bottom: 24px;
}
	p#title {
		padding: 195px 0 0;
	}
		p#title a {
			display: block;
			font-family: 'Cardo', serif;
			font-size: 50px;
		}
	p#description {
		padding: 0;
	}
	ul#following {
		list-style: none;
		padding: 0;
		overflow: hidden;
		position: absolute;
		top: 12px;
		right: 169px;
		width: 200px;
		height: 280px;
	}
		ul#following li {
			margin: 0;
		}
			ul#following li img {
				float: left;
				opacity: 0.07;
			}
				ul#following li img:hover {
					opacity: 0.5;
				}

article {
	margin-bottom: 1.4em;
}
	h2 {
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
	div.icon {
		margin-top: 1px;
		float: left;
		margin-right: 4px;
	}
	div.icon a {
		display: inline-block;
		width: 21px;
		height: 21px;
		text-indent: -9999em;
		background-image: url(http://static.tumblr.com/mchmwol/aVhlrj5l3/sprite.png);
	}
	.icon.text a {
		background-position: 0 0;
	}
	.icon.photo a {
		background-position: -23px 0;
	}
	.icon.photoset a {
		background-position: -23px 0;
	}
	.icon.quote a {
		background-position: -49px 0;
	}
	.icon.link a {
		background-position: -77px 0;
	}
	.icon.chat a {
		background-position: -104px 1px;
	}
	.icon.audio a {
		background-position: -124px 0;
	}
	.icon.video a {
		background-position: -145px 0;
	}
	
	article span.date a,
	article span.notecount a,
	li.pages,
	article span.tags a {
		padding: 0 1em;
		display: inline-block;
		text-transform: uppercase;
		font-size: 0.8em;
		letter-spacing: 2px;
		margin-bottom: 3px;
	}
	.quote blockquote {
		font-size: 32px;
		font-family: 'Cardo', sans-serif;
		line-height: 42px;
	}
	.photo img {
		margin-bottom: 1.4em;
	}
	.audio img.art {
		float: left;
		width: 200px;
		margin-right: 1.5em;
	}
	img.reblog {
		margin-right: 4px;
	}
	article .post-notes {
		margin-bottom: 1.4em;
		padding: 1.4em;
	}
		.post-notes h3 {
			font-family: 'Cantarell', sans-serif;
			font-size: 22px;
			margin-top: 0;
		}
		ol.notes {
			margin: 0;
			padding: 0;
		}
			ol.notes li {
				margin-left: 0;
			}
				ol.notes img {
					float: left;
					margin-right: 5px;
				}
	
aside {

}
	aside h3 {
		font-family: 'Cantarell', sans-serif;
		padding: 0 1em;
		display: inline-block;
		text-transform: uppercase;
		font-size: 0.8em;
		letter-spacing: 2px;
	}
	ul#likes {
		list-style: none;
		padding: 0;
		overflow: hidden;
	}
		ul#likes li {
			margin: 0 0 10px;
			font-size: 0.9em;
		}
	#tweets .content {
		padding-bottom: 5px;
		margin-bottom: 5px;
		font-size: 0.9em;
	}

nav {
	position: absolute;
	top: 20px;
	width: 91%;
}
	nav ul {
		list-style: none;
		padding: 0;
	}
		nav ul li {
			margin-left: 0;
			margin-right: 1.4em;
			float: left;
		}

/*
_______________________________
Mobile version - preset code from cssgrid.net */

@media handheld, only screen and (max-width: 767px) {

	.examplecontainer {}

	body {}
	
}


/*
_______________________________
Provide higher res assets for iPhone 4 - preset code from cssgrid.net */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
	.download {
	background: url(../img/downarrow@2x.png) no-repeat;
	background-size: 27px 28px;
	}
	*/

}