#menu {
	background: #333;
	float: left;
	list-style: none;
	margin: auto;
	padding: 0;
	width: 100%;
	border: solid #CCC;
	border-width:1px 0px 1px 0px;
	display: inline-block;
}

#menu li{
	display: inline-block;
	width: auto;
	padding:  8px 24px 8px 24px;
}

#menu li.current {
	background: #CCC;
}

#menu li:hover {
	background: #E47C23;
}

#menu a {
	font-family: sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #ccc;
	text-shadow: 0px 0px 2px black;
	display: inline-block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 2em;
}

#menu li:hover a {
	color: #fff;
}

#menu a.current {
	color: white;
	text-shadow: 0px 0px 6px black;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx),
all and (max-width: 8in)
{
	#menu a {
		font-size:  2.5em;
		padding: 0px 0px 0px 24px;
	}

	#menu li{
		width: 100%;
		padding: 8px 0px 8px 0px;
	}
}