/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
	body {
		background-image:url(../images/back95.png);
		background-size:95%;
	}
	/* pagewrap */
	#pagewrap {
		width: 95%;
	}
	#header {
		
	}
	#nav {
		font-size:92%;
		position: static;
	}
	#separator {
		background-image:url(../images/separator95.png);
	}
	#content {
		width: 60%;
		padding: 0.9em 0.9em;
	}
	#content-pic {
		width: 100%;
	}
	img.centeredImage {
		width:80%;
		height:80%;
	}
	/* sidebar */
	#sidebar {
		width: 30%;
		padding: 0.9em 0.9em;
	}
}
@media screen and (max-width: 850px) {
	#nav {
		font-size:83%;
		position: static;
	}
	#nav li {
	  margin-right:0.2em;
  }
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 680px) {
 
	body {
		background-image:url(../images/back65.png);
		background-size:95%;
	}
	#site-descr1 {
		font-size:150%;
		position: relative;
	}
	#site-descr2 {
		font-size:120%;
		position: relative;
	}

	/* header */
	#header {
		
	}

	/* main nav 
	#navigation {
		font-size:90%;
		position: static;*/
	#separator {
		background-image:url(../images/separator65.png);
	}
	#content {
		width: 95%;
		float: left;
	}
	#content-pic {
		width:100%;
	}
	/* sidebar */
	#sidebar {
		width: 95%;
		margin: 0;
		float: left;
		margin-bottom:0.7em;
	}

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {
	body {
		background-image:url(../images/back48.png);
		background-size:95%;
	}
	#site-descr1 {
		font-size:120%;
		position: relative;
	}
	#site-descr2 {
		font-size:100%;
		position: relative;
	}
	#separator {
		background-image:url(../images/separator48.png);
	}

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	#header {
		height: 50px;
	}
	/* main nav */
	#nav {
		font-size: 90%;
	}

	#sidebar {
		width: 94%;
		margin: 0;
		float: left;
		margin-bottom:0.7em;
	}
	#content {
		width: 94%;
		float: left;
	}
}