/**
 * iPhone keyboard with CSS3
 * @author Lea Verou (http://leaverou.me)
 * @version 1.0
 * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 */
 
@font-face {
	font-family: 'iPhone keyboard';
	src: url(iphone-keyboard.ttf);
}

#iphone-keyboard {
	width:100%;
position:fixed;
bottom:-10px;
	min-height:170px;
	padding:0;
	overflow:hidden;
	border-top:1px solid #3A3D42;
	
	background:rgba(30,30,30,0.5);

}

	#iphone-keyboard li {
		text-align:center;
		margin:.5em .1em .25em;
		list-style:none;
	}
	
	#iphone-keyboard li:first-child {
		margin-top:.3em;
	}
	
	#iphone-keyboard button,
	#iphone-keyboard button.specialkey:active {
		color:#3A3D42;
		
		text-decoration:none;
		text-align:center;

		font-weight:bold;
		
		border:0;
	
		background:transparent;


		

	}
	
	#iphone-keyboard button {
		display:inline-block;
		width:8.6vw;
	
		margin:0 .25vw;
		padding:1vw 0 2vw;
		
		color:white;
		font-size:4vw;
		font-family:Helvetica, Arial, sans-serif;
	}
	
	#iphone-keyboard button:active,
	#iphone-keyboard button.space:active {
background:rgba(50,50,50,0.5);
	}
	
	#iphone-keyboard button.specialkey {
		background:rgba(255,255,255,0.1);

		
		color:white;
	}
	
	#iphone-keyboard button.space,
	#iphone-keyboard button.return,
	#iphone-keyboard button.numbers,
	#iphone-keyboard button.international {
		font-size:4vw;
		padding:1vw 0 2vw;
	}
	
	#iphone-keyboard button.shift,
	#iphone-keyboard button.international,
	#iphone-keyboard button.backspace {
		font-family:'iPhone keyboard', Helvetica, sans-serif;
	}
	
	#iphone-keyboard button.shift,
	#iphone-keyboard button.backspace {
	background:rgba(255,255,255,0.1);
	}
		
	#iphone-keyboard button.shift {
		width:12%;
		float:left;
	}
	
	#iphone-keyboard button.backspace {
		width:12%;
		float:right;
	}
	
	#iphone-keyboard button.numbers {
		width:8.4%;
		margin-right:1.4%;
		float:left;
	}
	
	#iphone-keyboard button.international {
		width:8.2%;
		float:left;
	}
	
	#iphone-keyboard button.space {
		width:59%;
		color:#525c69;
		
		background-image:-moz-linear-gradient(#dddfe2, #b4b8bf);
		background-image:-webkit-gradient(linear, left top, left bottom, from(#dddfe2), to(#b4b8bf));
	}
	
	#iphone-keyboard button.return {
		float:right;
		width:18.9%;
	}

/*
 * Styles for the narrow keyboard
 */
 
@media screen and (max-width: 479px) {
	#iphone-keyboard {
		max-width:100%;
	}
	
	#iphone-keyboard li {
		margin-top:1em;
	}
	
	#iphone-keyboard li:first-child {
		margin-top:.7em;
	}
	
		#iphone-keyboard button {
			width:8.25%;
			padding:.16em 0;
		}
		
		#iphone-keyboard button.space,
		#iphone-keyboard button.return,
		#iphone-keyboard button.numbers,
		#iphone-keyboard button.international {
			padding:.4em 0;
		}
		
		#iphone-keyboard button.backspace {
			width:12%;
			padding-left:0;
		}
		
		#iphone-keyboard button.numbers {
			width:11%;	
		}
		
		#iphone-keyboard button.international {
			width:11%;
			padding:.38em 0;
		}
		
		#iphone-keyboard button.space {
			width:48%;
		}
		
		#iphone-keyboard button.return {
			width:24%;
		}
}