/************************************************************************************
smaller than 1025
*************************************************************************************/
@media screen and (max-width: 1025px) {

	body 			{min-width: 100%}
	.story, .inside {width:95%; min-width:95%}
	div.bg1[style] 	{width:45%; max-width:45%}
	
	.storycenter div.bg1[style], .story .center {width:80%; max-width: 80%}

	
	#header, 
	#footer .main,
	#footer .secondary, 
	.pagination 	{width:95%}
	
	#footer .widget_tia_pixelscroll {width:90%}

	#headerBar { position: inherit; }

	#container[style] { margin-top: 0 !important; }
}

/************************************************************************************
smaller than 950
*************************************************************************************/
@media screen and (max-width: 950px) {

	#sidebar, #content {float:none}
	
	#sidebar {margin-left: 40px}
	
	.post img, .post object {max-width:95%}
	
	#logo, #mainNav {position: relative}
	
	#mainNav li {margin: 0 20px 0 0;}
	
	#cover-left, #cover-right {display:none}
	
	#content #nav li a {
		text-indent: -999em;
		width: 15px;
		height: 15px;
		padding:0;
	}
	
	#commentForm {margin-left: 0}
	
	.float-left {margin-right:5%}
	.float-right {margin-left:5%}
	
	.secondary p.left, .secondary p.right, #socialNetworks {float:none; text-align: center; padding: 8px 0; margin: 0;}

	.gallery img {
		width: 80%;
		height: auto;
		padding: 4%;
	}

}

/************************************************************************************
smaller than 860
*************************************************************************************/
@media screen and (max-width: 860px) {

	.bg1 {display:none}
	
	.float-left, .float-right, .story .float-left, .story .float-right {float:none; width:99%; min-width:99%; margin:0}
	
	#mainNav {
		font-size: 14px;
		margin-right: 10px;
	}
}

@media screen and (max-width: 767px) {
	.sf-menu li, #mainNav li {
		float: none !important;
		display: block !important;
	}

	#logo {
		margin-bottom: 20px;
	}

	.sf-menu li, #mainNav li {width: 90% !important;}

	.sub-menu[style] {
		display: block !important;
		visibility: visible !important;
		float: none !important;
		width: 90% !important;
	}

	.sf-menu ul, #mainNav .sf-menu li li ul {
		position: relative !important;
		top: inherit !important;
		left: inherit !important;

	}

	#mainNav .sf-menu ul {
		background: none;
		border: none;
	}

	#mainNav .sf-menu li li a, #mainNav .sf-menu li li a:visited {
		color: inherit;
		text-shadow: none;
	}

	.sf-sub-indicator {display: none}

}

/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {

	.posts {width:90%}

	.post {background-attachment:scroll;}
	
	.secondary p.left, .secondary p.right {font-size: 10px}
	
	#content #nav {
		right:10px;
	}

	#content.postshome .post, #content.postshome .page, .posthome {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.float-left, .float-right, .story .float-left, .story .float-right {float:none; width:95%; min-width:95%}
	
	#pageHead, #content .post, #commentForm {margin-left: 10px}
}

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