/* Less than 1020px */
@media only screen
and (max-width: 1081px) {
	#container {
		width: 780px;
		padding-left: 30px;
		padding-right: 30px;
	}
	header#site h1 img {
		max-width: 100%;
		height: auto;
	}
	#content {
		width: 500px;
	}
	.slides_container {
		width: 100%;
	}
	.slide_box {
		width: 500px;
		height: auto;
	}
	.slides_container img {
		height: auto;
	}
	article.link header .link_wrap h2 a {
		width: 410px;
	}
	article footer ul {
		text-align: center;
	}
	article footer ul li {
		display:-moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display:inline;
		margin-right: 8px;
		float: none !important;
	}
	article .share-buttons.visible-bar {
		text-align: center;
	}
	aside {
		margin-left: 30px;
	}
	header#site nav {
		margin-left: -10px;
		margin-right: -10px;
	}
	nav#pagination {
		margin-left: -10px;
		margin-right: -10px;
		padding: 12px;
	}
}
/* Less than 900px & greater than 560px */
@media only screen
and (max-width: 899px) {
	#container {
		width: 500px;
	}
	header#site {
		margin-bottom: 20px;
	}
	header#site h1 {
		font-size: 54px;
		line-height: 62px;
		margin-bottom: 0;
	}
	header#site h1 img {
		max-width: 100%;
		height: auto;
	}
	header#site nav {
		display: none;
	}
	header#site p.mobile-jump a {
		display: inline;
	}
	.slides_container {
		width: 100%;
	}
	.slide_box {
		width: 500px;
		height: auto;
	}
	.slides_container img {
		height: auto;
	}
	article.link header .link_wrap h2 a {
		width: 410px;
	}
	article h2, article.quote header p {
		font-size: 32px;
		line-height: 40px;
	}
	nav#mobile {
		display: block;
	}
	aside {
		float: none;
		width: 100%;
		margin-left: 0;
		text-align: center;
	}
	aside p.btn {
		text-align: center;
	}
	aside p.btn a:hover {
		margin-left: -6px;
	}
	aside .search .search-text {
		width: 100%;
	}
	aside .authors ul li {
		border-bottom: 0px !important;
		margin: 0;
		padding: 8px 16px 8px 0;
		display:-moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display:inline;
	}
	.recent-updates p {
		text-align: left;
	}
	.recent-updates .tweet p {
		text-align: center;
	}
	nav#pagination ul {
		text-align: center;
	}
	nav#pagination ul li.label {
		float: none;
	}
	.popular-posts {
		display: none;
	}
	aside .flickr-feed ul.flickrfeed li:nth-child(4n+4) {
		margin-right: 6px;
	}
	.follows li:nth-child(7n+7) {
		margin-right: 5px;
	}
	.social-links li:nth-child(8n+0) {
		margin-right: 6px;
	}
}
/* Less than 900px & greater than 560px */
@media only screen
and (min-width: 560px)
and (max-width: 619px) {
	body {
		min-width: 320px;
		margin: 0;
		width: auto;
		-webkit-box-shadow: 0;
		   -moz-box-shadow: 0;
		        box-shadow: 0;
	}
}

/* Single Fluid Width Column (iPhone) ----------------------------------------
   Layout for screens that are 620px or less */
@media only screen
and (max-width: 559px) {
	body {
		min-width: 320px;
		margin: 0;
		width: auto;
		-webkit-box-shadow: 0;
		   -moz-box-shadow: 0;
		        box-shadow: 0;
	}
	header#site h1 img {
		max-width: 100%;
		height: auto;
	}
	#container {
		width: 100%;
		padding: 20px 0;
	}
	#content {
		float: none;
		margin: 0 auto;
		width: 85%;
	}
	article h2, article.quote header p {
		font-size: 26px !important;
		line-height: 34px !important;
	}
	article h3 {
		font-size: 16px !important;
	}
	article.link header .link_wrap h2 span {
		display: none;
	}
	article.link header .link_wrap h2 a {
		width: auto;
	}
	article.audio header {
		float: none;
		margin: 8px auto;
	}
	.slides_container {
		width: 100%;
	}
	.slide_box {
		width: 320px;
		height: auto;
	}
	.slides_container img {
		height: auto;
	}
	aside {
		float: none;
		margin: 0 auto;
		width: 85%;
	}
	header#site nav {
		margin-left: auto;
		margin-right: auto;
		width: 85%;
	}
	nav#pagination {
		margin-left: auto;
		margin-right: auto;
		width: 95%;
	}
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#backstretch {
		display: none;
	}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#backstretch {
		display: none;
	}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#backstretch {
		display: none;
	}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	#backstretch {
		display: none;
	}
}