/* Narrow screens (phones, small windows): one column, content first, sidebar below.
   Loaded after styles.css and engine.css; has no effect above 800px. */
@media screen and (max-width: 800px) {

	.wrapper, .wwide { min-width: 0; }
	.wrapper { width: auto; padding: 0 10px; }

	/* top bar: login on the left, search on the right, wraps if needed */
	#toolbar { height: auto; overflow: hidden; padding-bottom: 8px; }
	#toolbar .shadow { display: none; }
	.searchbar { margin-top: 18px; }

	/* header logo scales down */
	.logo { float: none; padding: 10px 0; }
	.logo img { max-width: 100%; height: auto; }

	/* single column */
	.vsep { padding-left: 0; }
	#midside, #sidebar { float: none; display: block; width: auto; margin: 0; }
	#sidebar { margin-top: 24px; }
	.block { width: auto; margin: 0 0 12px 0; }

	/* content media fits the screen */
	#midside img { max-width: 100%; height: auto; }
	.maincont iframe, .maincont object, .maincont embed, .maincont video { max-width: 100%; }
	.maincont table { max-width: 100%; }
	.maincont pre { white-space: pre-wrap; }

	/* footer */
	#footmenu .dpad { height: auto; overflow: visible; }
	#footmenu ul { margin-left: 0; }
	#footmenu ul li { float: none; display: inline-block; }
	#footmenu ul a { float: none; display: inline-block; }
	.copyright { float: none; display: block; }
}