* {
   -webkit-user-select: none;  /* prevent copy paste for all elements */
	margin: 0;
   	padding: 0;
}
body {
	margin: 0;
	background-color:#dedede;
	color:#2F2006;
}
#container {
	width:320px;
	height:100%;
	min-height: 460px !important;
}
.landscape {
	min-height:320px !important;
}
#tabs{
	background:#2F2006 url(../images/toolbar.png) repeat-x;
	height:31px;
	border-bottom:1px solid #dedede;
}
#tabs .active{
	color:#dedede;
	border:1px solid #dedede;
	background-color:#000;
	background-image:none;
	border-bottom:0;
}
#tabs span{
	font-family:helvetica;
	font-size:10pt;
	background: #7F560F url(../images/button.png) repeat-x;
	display:block;
	float:right;
	padding:8px;
	margin-right:8px;
	color:#0F0006;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-box-shadow: 0px 0px 2px #66440a;

}

#script{
	width: 320px;
	overflow:hidden;
}

#keyboard{
	background:#2F2006 url(../images/back-grad.png) repeat-x;
	height:142px;
}
#keychars, #keyalpha2, #keychars2{
	display:none;
}
#keychars, #keyalpha, #keyalpha2, #keychars2{
	clear:both;
}
#keymove span, #keychars span, #keyalpha span, #keyalpha2 span, #keychars2 span{
	font-family:helvetica;
	background: #7F560F url(../images/button.png) repeat-x;
	color:#e2d51d;
	display:block;
	float:left;
	width:28px;
	height:23px;
	margin-top:3px;
	margin-left:2px;
	text-align:center;
	padding-top:7px;
	border:1px solid #1F170A;
	-webkit-border-radius:4px;
	-webkit-box-shadow: 0px 0px 4px #66440a;
}
#keymove span, .mover {
	background: #5F360F url(../images/button-dark.png) repeat-x !important;
}

#compiled,#output,#docs,#snippets{
	display:none;
}

#output,#snippets{
	background-color:#000;
	width:312px;
	height:425px;
	overflow:auto;
	padding:4px;
}
#output{
	font-family:courier new;
	font-size:8pt;
	color:#fff;
}
#snippets{
	font-family:helvetica;
	color:#dedede;
	font-size:10pt;
	line-height:14pt;
}
#snippets li{
	padding-top:5px;
	padding-bottom:5px;
}
#snippets a{
	color: #7F560F;
}
#snippets .note{
	background-color:#dedede;
	color:#000;
	font-size:8pt;
	margin-top:3px;
	padding:2px;
}
#cleared, #sending {
	background-color: #7F560F;
	padding:3px;	
	display:none;
}
#cleared{
	margin-top:-5px;
	float:right;
}

#docs {
	background-color:#000;	
	width:480px;
	height:300px;
	overflow:hidden;
}
#splash {
	display:none;
	background:transparent url(../images/addMe.png) no-repeat;
	position:absolute;
	top:40px;
	left:22px;
	width:320px;
	height:269px;
}
#face1{
	width:213px;
	height:185px;
	background:transparent url(../images/face1.png) no-repeat;
	position:absolute;
	top:50px;
	right:0px;
	display:none;
}
#face2{
	width:237px;
	height:185px;
	background:transparent url(../images/face2.png) no-repeat;
	position:absolute;
	top:1px;
	right:0px;
	display:none;
	
}