ul#nav li#pad { display: none; }
.pad_excerpt { display: none; }
div.posts h2 { font-size: 2.8em;}
div.entry h2 { font-size: 1.8em; text-align: center; margin-left: 30px; margin-right: 30px;}

/* The two-column view --> maybe should also be for iPad portrait? */
@media only screen and (max-width: 970px) and (min-device-width: 481px) {

	/* Hide the leftmost navigation sidebar  */	
	#sidebar { display: none; }

	div.posts h2 { font-size: 2.8em;}
	div.entry h2 { font-size: 1.8em; text-align: center; margin-left: 30px; margin-right: 30px;}

	#footer, ul#nav, ul#nav2, div#header_img, div#container, div#content_box, div#masthead { width: 640px; }
	div#header_img { display: none; }
	div#content_box { width: 660px;}
	div#content { width: 480px; padding: 25px 0px 10px 0px; }
	div#l_sidebar { padding: 25px 10px 10px 0px; font-size: 1.0em; width: 140px; }
		
	ul#nav li { font-size: 1.1em;}
	ul#nav2 li { font-size: 1.1em;}
}

/* The four-column view */
/* Should hae nothing to do with iPad or iPhone */

@media only screen and (min-width: 1280px) and (min-device-width: 1280px) {

	/* Hide the leftmost navigation sidebar  */	
	#l_sidebar { font-size: 1.1em; }
	#sidebar { font-size: 1.1em; margin-left: 20px; }

	div.posts h2 { font-size: 2.8em;}
	div.entry h2 { font-size: 1.8em; text-align: center; margin-left: 30px; margin-right: 30px;}
	
	#footer, ul#nav, ul#nav2, div#header_img, div#container, div#content_box, div#masthead { width: 1120px; }
	div#header_img { width: 1140px; }
	div#content_box { width: 1120px;}
	div#content { width: 740px; padding: 0px 0px 10px 0px; }
	div#sidebar { padding: 0px 10px 10px 0px;}
	div.entry { -webkit-column-count: 2; -moz-column-count: 2; text-align: justify; -webkit-column-gap: 33px; -moz-column-gap: 33px;}
	
	ul#nav li { font-size: 1.4em;}
	ul#nav2 li { font-size: 1.4em;}
	/* Adjust how the top menus render for touch displays */
}


/* iPad Portrait Mode */
@media only screen and (device-width: 768px) and (orientation: portrait) {

	/* Hide the leftmost navigation sidebar  */	
	#sidebar { display: none; }

	div.posts h2 { font-size: 2.8em;}
	div.entry h2 { font-size: 1.8em; text-align: center; margin-left: 30px; margin-right: 30px;}

	#footer, ul#nav, ul#nav2, div#header_img, div#container, div#content_box, div#masthead { width: 748px; }
	div#header_img { display: none; }
	div#content_box { width: 768px;}
	div#content { width: 570px; padding: 25px 0px 10px 0px; }
	div#l_sidebar { padding: 25px 10px 10px 0px; font-size: 1.2em; width: 165px; }
	
	/* Adjust how the top menus render for touch displays */
	ul#nav li { font-size: 1.1em;}
	ul#nav2 li { font-size: 1.1em;}
}

/* iPad Landscape Mode */
@media only screen and (device-width: 768px) and (orientation: landscape) {
	div.posts h2 { font-size: 2.8em;}
	div.entry h2 { font-size: 1.8em; text-align: center; margin-left: 3%; margin-right: 3%;}

	img#ddb_logo { max-width: 100%; }
	div#container { margin-left: 0; margin-right: 0; }
	#footer, ul#nav, ul#nav2, div#container, div#content_box, div#masthead { width: 100%; }
	div#header_image { display: none; }
	div#content { width: 60%; padding: 25px 0px 10px 0px; }
	div#sidebar, div#l_sidebar { padding: 25px 2% 10px 0px;}
	div#sidebar { width: 18%; display: block; }
	div#l_sidebar { width: 17%; display: block; }
	
	/* Adjust how the top menus render for touch displays */
	ul#nav li { font-size: 1.0em;}
	ul#nav2 li { font-size: 1.0em;}
}

/* Should just be iPhone, not iPad */
@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {
	/* Turn on excerpt, turn off article */
	div.pad_excerpt { display: block; color: #666; font-size: 1.4em; padding: 15px 25px; }
	.entry.main_index { display: none;}

	/* Fixing the masthead for smaller browsers */	
	#container { width: 480px; }
	#header_img { display: none;}
	#container #masthead img {
		width: 453px;  /* 647 x 96 */
		height: 67px;
	}
	#content_box, #content { width: 480px; }
	#container #masthead { margin: 2px auto; text-align: center; width: 470px;}

	/* Turn off floats - make a one-column layout */
	
	#sidebar, #l_sidebar, #content { float: none; padding: 1%; }

	ul#nav { width: 480px; }
	ul#nav li { display: none; }
	ul#nav li#pad { display: block; text-align: center; float: none; font-size: 14px; padding-left: 0; padding-right:0; }
	ul#nav2 { width: 480px; text-align: center; padding: 10px 10px 5px; margin-bottom: 20px;}
	ul#nav2 li {float: none; display: inline; padding: 14px 15px; font-size: 14px;}
	/* Hide the leftmost navigation sidebar  */	
	#l_sidebar { display: none; }
	
	/* Adjust how the top menus render for touch displays */
	
	/* Adjust how articles render into one column */
	.posts h2 { font-size: 21px; text-align: center; margin: 2px 40px 10px; }
	.posts h4 { font-size: 14px; text-align: center; background-image: none; margin-bottom: 0.25em; padding-bottom: 0em; margin-top: 10px;}
	.posts p { font-size: 1.3em; }
	.entry p { font-size: 1.3em; }
	.entry { padding: 5px 15px 5px 15px; }
	
	.clear { height: 3px; width: 480px; background-color: #333;}
	
	/* Hide or adjust the display format of recent BOM, PFR, articles */
	/* Link at top to take you to the recent BOM, PFR, Articles */

	.navigation .previous { text-align: center; font-size: 36px; float: none; }
	.navigation .previous a, .navigation .previous a:hover, .navigation .previous a:visited { text-decoration: none;}

	#sidebar { width: 360px; margin-left: auto; margin-right: auto;}
	li#rss-276249632 { display: none;}
	li.widget h2 { font-size: 1.3em;}
	li.widget li { font-size: 1.2em; margin-bottom: 1.1em;}

	#text-446323921 { text-align: center; float: none;}
	#text-446323921 img { text-align: center; float: none;}
	#footer { width: 480px;}

	/* Turn on excerpt, turn off article */
	.pad_excerpt { display: block; font-size: 1.4em; margin: 2px 5% 2em;}
	.entry.main_index { display: none; }
	.tagged.main_index { display: none; }
	.posts h2 a { text-shadow: 1px 1px 1px #ccc; }

	.posts p { font-size: 1.2em;}
	.entry p { font-size: 1.2em;}
	#footer { display: none; }
}