/**
 * Mobile
 *
 * The follow styles are applied to mobile devices.
 *
 * Absolute positioning is an absolute no-no on mobile devices.
 * There’s no room to float anything on such a small screen either.
 * We need to keep everything in the document flow so that the
 * mobile UA sees a one column layout.
 *
 * Ref: http://nidahas.com/2005/04/04/mobile-css-first-steps/
 *
 */

@import "reset.css";
@import "navigation.css";
@import "global.css";
@import "layout.css";

/*
Override existing styles for better
mobile device handling.
*/

body {
	min-width: auto;
}

#header {
	margin: 0 0 5px 0;
}

#content {
	margin: 0 0 0 5px;
	max-width: auto;
	width: auto !important;
}

#content #eventlist ul li a.event {
	display: inline;
	float: left;
	max-width: auto;
}