@media only screen and (max-width: 700px) {
 	.bp {
		width: 100%;
		padding: 0;
		float: none;
		margin-top: 50px;
	}
	
	.bp.left{
		border: 0;
		padding: 0;
		margin: 0;
	}

	.footerinfo, .copyright {
		width: 100%;
		margin-top: 30px;
		float: none;
	}

	.articles, .tagcloud {
		width: 100%;
		padding-right: 0;
		border: none;
	}

 	.tagcloud { 
 		width: 100%;
		float: none;
		padding-left: 0;
		margin: 20px 0 70px;
	}
	
	.articles article {
        padding: 0;    
    }

    .articles article img, 
	.articles article pre, 
	.articles article blockquote, 
	.articles article .video, 
	.articles article iframe {

		max-width: 105.2%;

	}

}

@media only screen and (max-width: 1000px) {

	footer {
		width: 100%;
	}

}

@media screen and (max-height: 480px), screen and (max-width: 700px) {
	
	.menu li {
		width: 100%;
	}
	
	.header {
		position: relative;
		height: auto;
		z-index: 0 !important;
	}

	.mainwrapper {
		margin-top: 0;
	}

}