/*
  http://perishablepress.com/press/2009/08/02/the-5-minute-css-mobile-makeover/
  Use the below in your HTML because the capital "S" in screen helps Windows Mobile browsers.
  <link rel="stylesheet" href="http://domain.tld/screen.css" type="text/css" media="Screen" />
  <link rel="stylesheet" href="http://domain.tld/mobile.css" type="text/css" media="handheld" />
*/
/*
  Enclose any mobile-specific styles within an @media selector merely a precautionary measure aimed at preventing 
  old browsers from applying your mobile styles to your normal screen styles. All CSS styles that are placed in 
  your handheld stylesheet should be enclosed and qualified by the @media handheld selector.
*/


/* mobile styles */
@media handheld {

	html, body {
		font: 12px/15px sans-serif;
		background: #fff;
		padding: 3px;
		color: #000;
		margin: 0;
		}
	#sidebar, #footer {
		display: none;
		}
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		}
	#content img { 
		max-width: 250px;
		}
	.center {
		width: 100%; !important;
		text-align: center;
		}
	a:link, a:visited {
		text-decoration: underline;
		color: #0000CC;
		}
	a:hover, a:active {
		text-decoration: underline;
		color: #660066;
		}

}
/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 

	html {
		-webkit-text-size-adjust: none;
		}

}