/* Mobile header - hidden on desktop */
#mobile-header {
	display: none;
}

@media (max-width: 768px) {

	/* Show mobile header, hide desktop-only elements */
	#mobile-header {
		display: block;
		height: 41px;
		width: 100%;
		background: url("../images/wood-dark.jpg") repeat scroll center top #371709;
		color: #FFF;
		font-size: 11pt;
		line-height: 40px;
		border-bottom: 1px solid #333;
		box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.75);
		position: relative;
		z-index: 100;
	}
	#searchbar {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		z-index: 101;
	}
	#mobile-header .menu-btn,
	#mobile-header .search-btn {
		display: inline-block;
		width: 19px;
		height: 41px;
		background: transparent url("../images/mobile/navbar-menu.png") no-repeat center center;
		margin: 0 8px;
	}
	#mobile-header .menu-btn {
		float: left;
	}
	#mobile-header .search-btn {
		background-image: url("../images/mobile/navbar-search.png");
		float: right;
	}
	#mobile-header .search-btn.close {
		background-image: url("../images/mobile/navbar-close.png");
	}
	#mobile-header .menu-btn span,
	#mobile-header .search-btn span {
		display: none;
	}
	#mobile-header .loading {
		display: inline-block;
		width: 19px;
		opacity: 0.6;
	}
	#mobile-header a.logo {
		display: block;
		height: 41px;
		line-height: 41px;
		text-align: left;
		float: left;
		margin-left: 8px;
		text-decoration: none;
		font-weight: bold;
		color: #DDCCB0;
		text-shadow: 1px 1px 0px #41261B, -1px -1px 0px #41261B, 1px -1px 0px #41261B, -1px 1px 0px #41261B;
	}

	/* Retina icons */
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
		#mobile-header .menu-btn {
			background-size: 19px 17px;
			background-image: url("../images/mobile/navbar-menu@2x.png");
		}
		#mobile-header .search-btn {
			background-size: 16px 16px;
			background-image: url("../images/mobile/navbar-search@2x.png");
		}
		#mobile-header .search-btn.close {
			background-size: 16px 16px;
			background-image: url("../images/mobile/navbar-close@2x.png");
		}
	}

	/* Hide desktop elements */
	#page_header,
	#page_header-dropshadow,
	#sidebar,
	#area-btm,
	.w3c,
	#site_title a.mobile-site {
		display: none !important;
	}

	/* Remove desktop decorative borders */
	#wrap {
		width: 100%;
		min-width: 0;
	}
	#area-left {
		padding-left: 0;
		background: none;
	}
	#area-right {
		padding-right: 0;
		background: none;
	}
	#area-main {
		border: 1px solid #000;
		margin: 6px 6px 0;
	}
	#area-content {
		margin-left: 0 !important;
		padding: 0 0.5em;
	}

	ul, ol {
		padding-left: 20px;
	}

	/* Body */
	body {
		background-color: #000;
		font: 9pt/1.3 Tahoma, Verdana, Helvetica, sans-serif;
	}
	p {
		text-align: left;
	}

	/* Responsive content */
	.section_body *,
	.section_body span,
	.section_body img,
	.section_body div,
	.section_body iframe {
		max-width: 100%;
	}
	img.clipart {
		max-width: 25%;
		height: auto;
	}
	.section {
		margin-bottom: 1em;
	}
	.section_header {
		margin-left: -0.5em;
		margin-right: -0.5em;
	}
	.section_body {
		padding: 0 0.5em;
	}
	.section_title h2,
	.section_title h3 {
		font-size: 1.5em;
		line-height: 1;
	}

	/* Footer */
	div.footer {
		border-top: 1px solid #000;
		font: 9pt/1.3 Tahoma, Verdana, Helvetica, sans-serif;
		margin: 0 6px 6px 6px;
	}

	/* AJAX menu (loaded by mobile.js) */
	#ajax-menu {
		background: #000;
		padding: 0 4px 4px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #403C24;
		display: none;
		box-sizing: border-box;
		width: 100%;
		box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.75);
	}
	#ajax-menu ul {
		text-align: initial;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#ajax-menu ul li {
		list-style-type: none;
		margin: 0;
		border-bottom: 1px solid #CCC;
		background: url("../images/bg4.gif") repeat scroll center top transparent;
	}
	#ajax-menu ul li a,
	#ajax-menu ul li img {
		padding: 6px 0px;
	}
	#ajax-menu ul li a {
		text-decoration: none;
		display: block;
		margin: 0 8px;
		font-weight: bold;
		overflow: hidden;
		background: #FFF url("../images/bg-white.gif") repeat scroll 0% 0%;
	}
	#ajax-menu ul li a.icon span {
		display: inline-block;
		padding-left: 22px;
		background-position: left center;
		background-repeat: no-repeat;
		line-height: 1.8;
	}
	#ajax-menu ul li a.icon span span {
		padding-left: 0;
		background-image: none;
	}
	#ajax-menu ul li ul {
		display: none;
	}
	#ajax-menu ul#main-menu {
		font: 9pt Arial, sans-serif;
		background: #FFF;
		border-radius: 5px;
	}

	/* Searchbar */
	#searchbar {
		padding: 4px 8px;
		height: 33px;
	}
	#searchbar form {
		overflow: hidden;
		background-color: #FFF;
		border: 3px solid #000;
		border-radius: 6px;
		padding: 3px 0 3px;
	}
	#searchbar input {
		border: 0;
		margin: 0;
		padding: 1px;
	}
	#searchbar input[type="text"] {
		width: 100%;
		height: 20px;
		font-size: 12pt;
		border: 0px none !important;
		padding: 0 !important;
	}
	#searchbar span {
		display: block;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
	}
	#searchbar input[type="submit"] {
		float: right;
		vertical-align: middle;
		height: 22px;
		background: url("../images/mobile/navbar-search-submit.png") no-repeat scroll 50% 50% #4C3126;
		border-radius: 4px;
		width: 28px;
		margin-right: 8px;
		cursor: pointer;
	}
}