/*smaller than 1020*/
@media screen and (max-width: 1020px) {
	body {min-width: 100%}
	#myExtraContent1, #myExtraContent2, .story, .inside {width:100%; min-width:95%;}
	div.bg[style] {width:45%; max-width:45%}
	#header, #footer .main, #footer .secondary, .pagination, #sidebar {width:100%}
	#footer .widget_tia_pixelscroll {width:100%}
}

/*smaller than 950*/
@media screen and (max-width: 950px) {
    #sidebar, #content {float:none}
    .post img, .post object {max-width:100%}
    #logo, #mainNav {position: relative}
    #mainNav li {margin: 0;}
    #cover-left, #cover-right {display:none}
    #content #nav li a {padding:0;}
    #commentForm {margin-left: 0}
    .secondary p.left, .secondary p.right, #socialNetworks {float:none; text-align: center; padding: 8px 0; margin: 0;}}

/*smaller than 860*/
@media screen and (max-width: 860px) {
    .bg {display:none}
    .float-left, .float-right, .story .float-left, .story .float-right {float:none; width:100%; min-width:100%}
    #mainNav {
	    font-size: 14px;
	    margin-right: 0;
	}	
}

/*smaller than 600*/
@media screen and (max-width: 600px) {
    .posts {width:100%}
    .post {background-attachment:scroll!important;}
    .secondary p.left, .secondary p.right {font-size: 10px}
	#nav{
		margin-top: 100px;
	}
	#content.postshome .post, .posthome {
		padding-left: 0px;
		padding-right: 0px;
	}
	.float-left, .float-right, .story .float-left, .story .float-right {float:none; width:100%; min-width:100%}
	#pageHead, #content .post, #commentForm {margin-left: 0px}
}


/*smaller than 480*/
@media screen and (max-width: 480px) {
	.footerBox {margin: 0 0 0px 0;}
}