/************************************************************************************
980 and larger
*************************************************************************************/
@media screen and (min-width: 981px) {

	
	
/* bodybox */
	#bodybox {
		width: 700px;
		float: none;
		margin: 20px 0;
		position : absolute;
		display : table;
		bottom: 80px;
		left: 0px;
	}


#meta {
		position : absolute;
		bottom: 0px;
		padding: 0 0 10px 36px;
		font-size: 1.0em;

	}

sub {
	padding:0px 26px 0px 12px; 
}

}

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

	
	
/* bodybox */
	#bodybox {
		width: 540px;
		float: none;
		margin: 20px 0;
		position : absolute;
		display : table;
		bottom: 80px;
		left: 0px; 
	}

#meta {
		position : absolute;
		bottom: 0px;
		padding: 0 0 10px 36px;
		font-size: 1.0em;

	}

sub {
	padding:0px 26px 0px 12px; 
}

}

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

	/* logo */
	#logo {
		height: auto;
		font-size: 0.7em;
	}


		/* main nav */
	#menu a {
		font-size: 1.0em;
	}

	

	/* bodybox */
	#bodybox {
		width: 370px;
		float: none;
		margin: 20px 0;
		position : absolute;
		display : table;
		bottom: 60px;
		left: 0px;
		font-size: 0.8em; 
	}

#meta {
		position : absolute;
		bottom: 0px;
		padding: 0 0 10px 36px;
		font-size: 1.0em;

	}

sub {
	padding:0px 13px 0px 6px; 
}

}



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

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}


body {
padding: 0 0 0 0; 
	margin: 0 0 0 0;
	
}
	/* logo */
	#logo {
		height: auto;
		font-size: 0.44em;
		position : absolute;
		display : table;
		left: -20px;
		padding: 0 0 0 0; 
	margin: 0 0 0 0;

	}


div#logo { margin:0px 0px 0px 0px; padding:0px; 
}
	/* main nav */
	a {
		font-size: 1.0em;
	padding: 0 0 0 0; 
	margin: 0 0 0 0;
	}


div#menu { margin: 0 0 0 0; padding: 0 0 0 0; 
}

	sub {
margin:0 0 0 0;
padding:0px 0px 0px 0px; 
	font-size: 1.0em;
		letter-spacing: 0em;
	
}

		/* bodybox */
	#bodybox {
		width: 240px;
		float: none;
		margin: 20px 0;
		position : absolute;
		display : table;
		bottom: 30px;
		left: -20px;
		font-size: 0.6em;
	}


#meta {
		position : absolute;
		bottom: 0px;
		padding: 0 0 0px 16px;
		font-size: 0.8em;

	}

}