@media handheld {

	html, body {
		font: 12px/15px Arial, Helvetica, sans-serif;
		background: #000;
		padding: 3px;
		color: #000;
		margin: 0;
		}
	#sidebar, #footer {
		display: none;
		}
		
		
	#index , #profile, #contact, #index #container,
	#profile #container, #contact #container, #contact #container #nav,
	#profile #container #nav, #index #container #nav {background:#000;}
	
	#index .logo, #profile .logo, #contact .logo {
	background: url(../images/susumilogo_mbl.jpg) no-repeat;
	}
	
	#footer {
	width: 100%; !important;
	text-align: center;
	}
	
	
	#footer a, #footer a:link {color:#fb0183;font-size:100%;font-weight:bold;background-color:#000;padding-top:2px;padding-bottom:2px;padding-left:2px;padding-right:2px;}
		
		#footer a:hover {color:#000;font-size:100%;font-weight:bold;background-color:#fb0183;padding-top:2px;padding-bottom:2px;padding-left:2px;padding-right:2px;}
		
		#footer p{color:#fb0183;font-weight:bold;}
	
	
	
		
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		}
	
	a:link, a:visited {
		text-decoration: underline;
		color: #0000CC;
		}
	a:hover, a:active {
		text-decoration: underline;
		color: #660066;
		}
	
		img {max-width:250px;}
		
		
}

/*bye bye floats*/
* {
	float: none;
	}



/* iphone specific stuff */




/*adjusts fonts options auto let safari do it*/

@media only screen and (max-device-width: 480px) { 
html {
	-webkit-text-size-adjust: none;
	}

.selector {
		padding: 0;
		margin: 0;
		}
		
}