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

	/* pagewrap */
	#pagewrap {
		width: auto;
	}
	
	/* header */
	#header {
		position: relative;
		width: 100%;
		clear: both;
	}	
	
	/* content */
	#content {
		width: auto;
		position: static;
		margin: 30px 10px;
		padding: 25px 25px;
		float: none;
	}
	
	/* footer */
	#footer {
		font-size: .8em;
		width: 100%;
		float:: none;
	}
	
}

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

	/* header */
	#header {
		height: auto;
		position: relative;
		width: 100%;
	}

	/* content */
	#content {
		width: auto;
		float: right;
		margin: 20px 0;
		padding: 20px;
	}


	/* footer */
	#footer {
		font-size: .8em;
		width: 100%;
	}

}

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

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	
	/* content */
	#content {
		width: auto;
		float: none;
		margin: 15px 0;
		padding: 10px;
	}
	
}