/* -----------------------------------
	Responsive Layout Styles
-----------------------------------*/
@media only screen and (max-width: 1200px) {
	nav#main-menu ul li a {
		letter-spacing: 0;
		padding: 25px 6px;
	}
}

@media only screen and (max-width: 800px) {
	.container {
		width: 95%;
	}

	body.admin-bar nav#main-menu.fixed, 
	body.admin-bar nav#main-menu.not-home.fixed {
		top: 46px;
	}

	#main-menu ul {
		display: none;
	}

	#main-menu .select-menu {
		display: inline-block !important;
		width: 85%;
		font-family: "Fira Sans", Helvetica, Arial, sans-serif;
		margin: 10px 0;
	}

	#header .search {
		padding-top: 12px;
		position: relative;
		right: 3px;
	}

	#footer .copyright, 
	#footer .developer {
		float: left;
		margin-bottom: 20px;
		display: block;
		text-align: left;
		width: 100%;
	}

	#top-menu .container ul {
		display: none;
	}

	#header, 
	#top-menu, 
	#main-content, 
	#footer {
		position: relative;
	}

	#top-menu {
		padding: 20px 0;
	}

    .one-third.about img {
        width: 60px;
        height: auto;
    }

    #related-posts ul li {
    	width: 100%;
    	font-size: 18px;
    	margin: 0 0 20px 0;
    }

    #related-posts ul li:last-child {
    	margin-bottom: 0;
    }
}

@media only screen and (max-width: 600px) {
	article.hentry .article-title {
		font-size: 40px;
	}

	body.admin-bar nav#main-menu.fixed, 
	body.admin-bar nav#main-menu.not-home.fixed {
		top: 0;
	}

	.postmeta span {
		display: block;
		margin: 0 0 10px 0;
	}

	.one-third {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
}

@media only screen and (max-width: 480px) {
	header#header {
		padding-top: 90px;
	}

	#main-content {
		padding: 40px 0;
	}

	#main-content h1, 
	#main-content h2.article-title {
		font-size: 30px !important;
	}

	.heading > h3.sub-title {
		font-size: 18px !important;
		line-height: 140% !important;
		margin-top: 20px;
	}

	article.hentry .social-holder {
		padding: 5%;
	}

	article.format-link .article-title label {
		display: block;
		margin: 0 auto 20px auto;
		padding: 2%;
	}

	.format-quote blockquote, 
	.format-quote blockquote p {
		font-size: 25px;
	}

	#main-content article.hentry {
		padding: 0 0 60px;
	}

	article.hentry header.heading {
		padding: 60px 10% 0 10%;
	}

	article.hentry .detail {
		padding: 40px 10% 0 10%;
	}

	img.size-full {
    	left: -12.5%;
	}

	#author-bio, 
	#related-posts, 
	#respond, 
	#comments {
		padding: 50px 10%;
	}

	#author-bio .thumbnail {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 0 30px 0;
	}

	#author-bio .author-desc {
		float: none;
		width: 100%;
	}

	.comment-author {
		display: none;
	}

	b.fn {
		display: block;
	}

	.comment-metadata, 
	.comment-awaiting-moderation, 
	.comment-content, 
	.comment-list .reply {
		width: 100%;
	}

	#sub-footer a {
		float: left;
		width: 30%;
		margin: 0 3% 3% 0;
	}

	#scroll-top {
		right: 10px;
	}

	img.alignright {
	    display: block;
	    margin-left: 0;
	}


	img.alignleft {
	    display: block;
	    margin-right: 0;
	}

	div.alignleft {
	    margin: 0 0 20px 0;
	}

	div.alignright {
	    margin: 0 0 20px 0;
	}

	/* prettyPhoto styling for small screens */
	.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
	div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
	div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
	.pp_content { width: 100%!important; height: auto!important; }
	.pp_fade { width: 100%!important; height: 100%!important; }
	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
	#pp_full_res img { width: 100%!important; height: auto!important; }
	.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
	a.pp_close { right: 10px!important; top: 10px!important; }
}