/* Mobile */
@media only screen and (max-width: 479px) {

	.wrapper {
		width: 90%;
		}
		
	header,
	#content {
		position: static;
		}
		
	header .wrapper {
		padding-top: 25px;
		}
		
	header h1 {
		float: none;
		padding-bottom: 20px;
		}
		
	header h1 a img {
		margin: 0 auto;
		}
		
	header ul {
		float: none;
		}
		
	header ul li {
		padding: 0 2%;
		width: 45%;
		}
		
	header hr {
		margin: 20px 0;
		}
		
	header h2 {
		font-size: 22px;
		text-align: center;
		text-shadow: 0 1px 5px #000;
		line-height: 1.4em;
		}
		
	header h2.huge {
		font-size: 48px;
		line-height: 2em;
		}
				
	.features ul {
		top: -40px;
		}
	
	.features ul li {
		padding: 0 10px 30px;
		}
		
	.features ul li img,
	.features ul li h3 {
		animation: none;
		-moz-animation: none;
		-webkit-animation: none;
		-o-animation: none;
		}
	
	.column {
		width: 90%;
		padding: 0 15px 25px;
		float: none;
		clear: both;
		margin: 0 auto;
		}
		
	#content .pagebody h2 {
		font-size: 30px;
		}
		
	#content form .column {
		padding-bottom: 0;
		}
	
	#content .column input.text,
	#content .column textarea {
		width: 90%;
		}
		
	.pagebody form input.radio,
	.pagebody form input.checkbox {
		top: 0;
		}
		
	.pagebody blockquote {
		font-size: 14px;
		padding: 15px 25px 0;
		}
	
	.bigbold {
		font-size: 18px;
		padding-bottom: 0;
		}
		
	.wide_gray {
		padding: 30px 0 0;
		margin: 30px 0;
		}
		
	.message p {
		width: 90%;
		}
		
	#content ul.gallery li {
		display: block;
		float: none;
		clear: both;
		margin: 0 auto;
		width: 100%;
		padding: 15px 0;
		}
	
	#content ul.gallery li strong {
		width: 83%;
		}
		
	#content ul.gallery li img {
		width: 95%;
		}
		
	ul.iconlist p {
		padding-left: 0;
		}

	.blog_post {
		padding: 0 10px 20px;
		border-bottom: 1px solid #ddd;
		margin-bottom: 50px;
		}
		
	.blog_post h2 {
		font-size: 30px;
		padding-bottom: 1em;
		}
		
	.blog_post h4 {
		font-size: 14px;
		color: #999;
		}
		
	.blog_comments ul {
		padding: 0 10px 20px;
		margin-bottom: 30px;
		}
	
	.blog_comments ul li {
		padding-bottom: 0;
		}
		
	.blog_comments ul li .avatar {
		width: 48px;
		border-radius: 48px;
		}
		
	.blog_comments ul li .author,
	.blog_comments ul li p {
		padding-left: 64px;
		}
		
	.blog_comments ul li .author {
		font-size: 12px;
		}
	
	.blog_comments ul li .author a {
		font-size: 14px;
		margin-right: 6px;
		}
		
	.blog_comments ul li ul {
		padding-left: 64px;
		padding-bottom: 0;
		}
		
	.blog_comments ul li ul li .avatar {
		width: 32px;
		border-radius: 32px;
		}
		
	.blog_comments ul li ul li .author,
	.blog_comments ul li ul li p {
		padding-left: 48px;
		}
				
	aside .wrapper h4 {
		display: block;
		}
	
	footer {
		text-align: center;
		}
		
	.social_links strong {
		display: block;
		padding-bottom: 15px;
		}
		
	.social_links a img {
		margin: 0 5px;
		}

}


/* iPad fix */
@media only screen and (min-width: 479px) and (max-width: 1024px) {
	#content {
		width: 980px;
	}
}