/* Less than 960px */
@media only screen
and (max-width: 960px) {
	#container {
		width: 620px;
		padding-left: 10px;
		padding-right: 10px;
	}
	header#site h1 img {
		max-width: 100%;
		height: auto;
	}
	
	.logo {
		display: inline;
		float:left;
		width:300px;
		padding-top:15px;
		height:95px;	
	}
	

	.headsearch {
		display:inline;
		float:right;
		padding-top:5px;
	}
		
	.headsearch {
		margin-top: 8px;
	}
	.headsearch:before {
		content: "s";
		margin: -3px 4px 0 0;
		font-family: 'Pictos';
		vertical-align: 0;
		font-weight: normal;
		text-transform: none;
		font-size: 15px;
		float: left;
		width: 16px;
		color: #000000;
	}
	.headsearch form {
		padding-left: 20px;
	}
	.headsearch .headsearch-text {
		border: 1px solid #000;
		padding: 0px;
		font-size: 15px;
		letter-spacing: 0;
		font-family: Constantia, Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif;
		color: #f20a5c;
		height:25px;
		width:200px;
		background: #ffffff;
	}
	.headsearch .headsearch-text:focus {
		background: #000;
		color: #fff;

	}
	.headsearch .headsearch-text::-webkit-input-placeholder {
		font-weight: bold;
	    color: #f20a5c;
	}
	
	
	
	.topnav {
		display: inline;
		float: left;
		width: 585px;
		height:45px;
		padding-right:20px;
		padding-left:0px;
		
	}
	
	.topnav ul li {
		display: inline;
		text-align:center;
		font-weight: normal;
		font-style: normal;
		line-height:normal;
		font-family: 'HelveticaNeueLTStdCnBold', sans-serif;
		font-size:16px;
	}
	
	
	.headbottom {
	 	float:left;
		width:620px;
		height:1px;
		border-bottom-style: dotted;
		border-bottom-width: 1pt;
		border-color:#cccccc;	
	}
	
	#content {
		width: 620px;
	}
	
	article {
	margin-bottom: 20px;
	}

	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: left;
	}
	aside {
		margin-left: 0px;
		width:620px;
	}
	
	aside .search {
		margin-bottom: 25px;
		display:none;
	}
	
	aside .description {
		display:inline;
		padding-bottom:15px;
		width:260px;
		padding-right:40px;
		float:left;
	}
	
	aside .fb-like-box, aside .fb_iframe_widget {
		display:inline;
		width:300px;
		float:left;
	}
	
	aside .instagram {
		margin-top: 30px;
		padding-bottom: 25px;
		height: 120px;
		display: inline;
		float: left;
	}
	
	aside ul.util li {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	margin-right: 24px;
	width:auto;
	height: 35px;
	}
	
	#tagCloud {
		display:none;
	}
	
	header#site nav {
		margin-left: -10px;
		margin-right: -10px;
	}
	
	#pagenav {
		margin:0 -30px;
		padding:0;
		position:fixed;
		top:50%;
		width:680px;
		z-index:10000;
	}
	
	nav#pagination {
		margin-bottom:40px;
	}
	
	footer#bottom {
		font-size:11px;
	}
	
	footer#bottom ul li{
		display:inline;
		padding-right:30px;
	}
}
/* 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;
	}
}

@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%;
	}
	
	.topnav {
		display: inline;
		float: left;
		width: 500px;
		height:45px;
		padding-right:10px;
		padding-left:0px;
		
	}
	
	.topnav ul li {
		display: inline;
		text-align:center;
		font-weight: normal;
		font-style: normal;
		line-height:normal;
		font-family: 'HelveticaNeueLTStdCnBold', sans-serif;
		font-size:14px;
	}
	
	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;
	}
}