/* Less than 1000px */
@media only screen
and (max-width: 999px) {
	#title h1, #site nav .nav-contain, #contain{
		width: 880px;
	}
	#title h1 img {
		max-width: 100%;
		height: auto;
	}
	#main{
		width: 600px;
	}
	#main article{
		width: 500px;
	}
	article section, article.quote header, article.quote header.frame, article.chat section.frame, article.ask header.frame {
		width: auto;
	}
	article section img{
		width:100%;
	}
	article header.frame, article section.frame {
		margin-bottom: 20px;
	}
	.pagination-box {
		width: 500px;
	}
	.meta-tags{
		width:auto;
		float:none;
		display:block;
		clear: both;
		position: static !important;
	}
	.meta-tags ul  {
		margin: 10px 0;
	}
	ul.meta li.time, ul.meta li.share, ul.meta li.notes, ul.meta li.comments {
		display:-moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display:inline;
		margin: 0 8px 0 0;
	}
	.share_links div {
		display:-moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display:inline;
		margin-bottom: 8px;
	}
}
/* Less than 900px & greater than 560px */
@media only screen
and (max-width: 899px) {
	#title h1, #site nav .nav-contain, #contain{
		width: 700px;
	}
	#site nav a.home {
		background-position: -22px 11px;
		width: 30px;
		font-size: 13px;
	}
	#site nav ul.pages{
		margin: 0 90px 0 30px;
		display:block;
	}
	#site nav ul.pages li a{
		padding: 10px 8px;
		font-size: 13px;
	}
	#main {
		width: 440px;
	}
	#main article {
		width: 400px;
		padding: 10px 20px 0;
	}
	#main article.first-day, #main article.same-day, #main article.no-day {
		padding: 0 20px;
	}
	article time{
		padding: 20px 0 0;
	}
	article time:after {
		margin: 20px -20px 0;
		background-position: bottom center;
		height: 30px;
	}
	article.no-day:before {
		margin: 0 -20px 0;
		background-position: bottom center;
		height: 30px;
	}
	article.audio header.audio-embed {
		float: none;
		width: auto;
		text-align: center;
		padding: 12px 0 10px 0;
		margin-bottom: 10px;
	}
	article section, article.quote header.frame, article.chat section.frame, article.ask header.frame {
		width: auto;
	}
	article section img{
		width:100%;
	}
	article header.frame, article section.frame {
		margin-bottom: 10px;
	}
	article h2, #main article h2 strong {
		font-size: 26px;
		margin-bottom: 6px;
	}
	article section blockquote.pull, article.quote header {
		font-size: 16px;
	}
	article.chat section.frame {
		padding: 0 10px;
	}
	article.audio p.plays .count {
		display: block;
		margin-top: 10px;
	}
	.pagination-box {
		width: 400px;
		padding: 30px 20px;
		font-size: 16px;
	}
	#contain {
		margin: 30px auto;
	}
	#main .date-wrap, #main .post-wrap, #sidebar section {
		margin-bottom: 30px;
	}
}
/* Less than 700px */
@media only screen
and (max-width: 699px) {
	#title h1, #site nav .nav-contain, #contain{
		width: 440px;
	}
	#site nav a.home {
		background-position: -22px 11px;
		width: 30px;
		font-size: 13px;
	}
	#site nav ul.pages{
		margin: 0 90px 0 30px;
		display:block;
	}
	#site nav ul.pages li a{
		padding: 10px 8px;
		font-size: 13px;
	}
	#main {
		width: 440px;
	}
	#main article {
		width: 400px;
	}
	#main article {
		padding: 10px 20px 0;
	}
	#main article.first-day, #main article.same-day, #main article.no-day {
		padding: 0 20px;
	}
	article section, article.quote header.frame, article.chat section.frame, article.ask header.frame {
		width: auto;
	}
	article section img{
		width:100%;
	}
	.pagination-box {
		width: 400px;
		padding: 30px 20px;
	}
	#contain {
		margin: 30px auto;
	}
	#main .date-wrap, #main .post-wrap, #sidebar section {
		margin-bottom: 30px;
	}
	#sidebar {
		width: 440px;
		float: none;
	}
	#sidebar section {
		display: none;
	}
	#sidebar section.description {
		display: block;
	}
	.social-links li:nth-child(7n+0) {
		margin-right: 5px;
	}
	#sidebar .search {
		width: 170px;
		float: right;
		margin: 0px 0 0 0;
	}
	#sidebar .search .search-text {
		width: 140px;
	}
	#sidebar h5 {
		margin: 18px 190px 12px -20px;
	}
}
/* Less than 480px */
@media only screen
and (max-width: 479px) {
	#title h1, #site nav .nav-contain, #contain{
		width: auto;
	}
	#title h1 {
		margin: auto 20px;
	}
	#main {
		width: 100%;
	}
	#main article{
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
	}
	article section, article.quote header.frame, article.chat section.frame, article.ask header.frame {
		width: auto;
	}
	article section img{
		width:100%;
	}
	article.audio header {
		float: none;
		width: auto;
		text-align: center;
	}
	article.audio img.album-art {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	#site nav ul.pages{
		margin: 0 20px;
		text-align: center;
	}
	#site nav a.home {
		display: none;
	}
	#site nav ul.util {
		display: none;
	}
	.pagination-box {
		width: auto;
		padding: 30px 20px;
		margin: 20px;
	}
	#contain {
		margin: 20px auto;
	}
	#main .date-wrap, #main .post-wrap, #sidebar section, #mobile-footer section {
		margin-bottom: 20px;
	}
	#sidebar, #mobile-footer {
		width: auto;
		float: none;
		margin: auto 20px;
	}
	#sidebar .search, #mobile-footer .search {
		width: auto;
		float: none;
	}
	#sidebar .search .search-text, #mobile-footer .search .search-text {
		width: 90%;
	}
	#sidebar h5, #mobile-footer, h5 {
		margin: 18px -20px 12px -20px;
	}
	.pagination-box ul li.label {
		display: none;
	}
	body.permalink-page #sidebar {
		display: none;
	}
	body.permalink-page #mobile-footer {
		display: block;
		margin: 40px 20px;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	#backstretch {
		display: none;
	}
	#site nav.locked {
		position: static;
		top: auto;
	}
	#sidebar .search:before, #mobile-footer .search:before {
		display: none;
	}
	#sidebar .search .search-text, #mobile-footer .search .search-text {
		padding: 8px;
		width: 80%;
		margin: 4px;
	}
}



/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#backstretch {
		display: none;
	}
	#site nav.locked {
		position: static;
		top: auto;
	}
}