@media screen and (max-width:840px) {
	blockquote.left {
		left:30px;
	}
	section.twitter .section_width {
		padding-left: 40px;
	}
	section.twitter a.twitter-icon {
		left: 8px;
	}
}

@media screen and (max-width:810px) {
	.section_width  {
		padding-left:10px;
		padding-right:10px;
	}
	section.me-footer .dribbble a:nth-child(3n){
		display:none;
	}
}

@media screen and (max-width:780px) {
	section.me-footer .bio {
		padding-right:20px;
	}
}

@media screen and (max-width:700px) {
	article .blog-entry {
		padding-left: 200px;
		padding-right:0px;
	}
	article {
		padding-top:20px;
	}
	
	body > footer .sm_like {
		display:none;
	}
}

@media screen and (max-width:620px) {
	blockquote.left {
		width:120px;
	}
	article .blog-entry { 
		padding-left:181px;
	}
	section.twitter a.tweet:nth-child(n+3), section.twitter:hover a.tweet:nth-child(n+3) {
		display:none;
	}
	
	section.twitter {
		max-height:150px;
	}
	section.twitter:hover {
		overflow:hidden;
	}
}

@media screen and (max-width:550px) {
	article aside {
		position: relative;
		width: 100%;
		display: inline-block;
	}
	article header {
		margin-bottom:10px;
	}
	h1 {
		font-size:1.750em;
	}
	article aside ul li {
		float: left;
		padding-left: 23px;
		margin-right: 15px;
	}
	article aside ul li:last-child {
		display:none;
	}
	
	article .blog-entry {
		font-size:0.875em;
		line-height: 1.43em;
		padding-left: 0px;
	}
	
	section.me-footer .bio {
		width: 100%;
		padding-right: 0px;
		margin-bottom:20px;
	}
	section.me-footer .dribbble {
		width:100%;
	}
	section.me-footer .dribbble a:nth-child(3n){
		display:block;
	}

	article .intro {
		margin: 0px 0px 14px 0px;
		font-size: 1.4em;
		line-height: 1.4em;
	}
}

@media screen and (max-width:470px) {
	blockquote.left {
		position: relative;
		left:0px;
		width: 100%;
		padding-left: 40px;
		margin-bottom: 1.5em;
	}
	blockquote.left.quote:before {
		left: 10px;
	}
	section.me-footer .dribbble .shots a {
		width: 29%;
	}
	article aside ul li:nth-child(2) {
		display:none;
	}
}	

@media screen and (max-width: 340px) {
	section.me-footer .bio img {
		width:24%;
	}
	section.me-footer .bio {
		font-size:0.813em;
	}
	section.orange  .logo span.name {
		font-size:2.25em;
	}
}

@media screen and (max-width: 315px) {
	section.orange  .logo span.name {
		font-size:2em;
	}
}

@media screen and (max-width: 285px) {
	section.orange  .logo span.name {
		font-size:1.8em;
	}
	header.main .top_sm img {
		margin-left:3px;
	}
	header.main .top_sm img:first-child {
		margin-left:0px;
	}
	.twitter-container {
		display:none;
	}
}

@media screen and (max-device-width: 1024px), screen and (max-device-width: 480px), screen and (max-width:550px)  {
	code[class*="language-"], pre[class*="language-"] {
		overflow: visible;
		max-height: none;
		white-space: pre-wrap;
		word-break: break-word;
	}
}
	

/* retina graphics
--------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
	section.orange  .logo .logo_img img {
		height:0px;
	}
	section.orange  .logo .logo_img {
		width:58px;
		height:57px;
		background: url(images/timothywhalin_logo_retina.png) no-repeat 0 0;
		-webkit-background-size: 58px 57px;
		-moz-background-size: 58px 57px;
		background-size: 58px 57px;
		display: inline-block;
		vertical-align: middle;
		margin:0 auto;
	}
}


/* iPad Change
--------------------------------------------- */
@media screen and (max-device-width: 1024px) {
	section.twitter {
		max-height:150px;
	}
	section.twitter:hover {
		overflow:hidden;
	}
	section.twitter a.tweet:nth-child(n+3) {
		display:none;
	}
}