body {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #e9dbba url('../image/bg.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
	background-attachment: fixed;
}

.title {
	position: relative;
	margin-left: 15px;
	text-align: left;
}

a {
   margin: 0px;
   font-family: 'Rabbit';
   font-weight: 400;
   font-size: 24px;
   letter-spacing: 2.2px;
   text-decoration: none;
   line-height: 1.4em;
   color: #fff;
   text-shadow: 1px 1px 3px #000055;
}
a:hover {
   margin: 0px;
   font-family: 'Rabbit';
   font-weight: 400;
   font-size: 24px;
   letter-spacing: 2.2px;
   text-decoration: none;
   line-height: 1.4em;
   color: #dd0000;
   text-shadow: 1px 1px 3px #fff;
}

.content {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0%;
	height: 50px;
}

.btn-saveload {
   width: 26px;
   height: 26px;
   margin-left: 10px;
}
.saveload {
   position: absolute;
   margin-top: 16px;
   margin-left: 10px;
}

div#TerNames {
	position: fixed;
	background-color: rgba(36, 181, 0, 0.4);
	border-radius: 10px;
	font-size: 14pt;
	color: #fff;
	text-align: center;
	width: 20%;
	top: 8%;
	left: 25%;
	margin: 5px;
	z-index: 9000;
}

.blockly {
	position: fixed;
	top:50px;
	height: 83%;
	width: 66.5%;
	filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    opacity: 0.8;
}

.editButtons{
	position: fixed;
	top:64%;
	left:67%;
	font-family: 'Rabbits Junior';
	font-weight: 400;
	font-size: 16px;
	line-height: 0.7em;
}

.turnLeft{
	position: fixed;
	top:65%;
	left: 85%;
	cursor:pointer;
}

.setBunny_carrot{
	position: fixed;
	top:65%;
	left: 88%;
	cursor:pointer;
}

.executeButton{
	position: fixed;
	top:90.5%;
	left:0px;
	height: 10%;
	width: 66.3%;
	background: #fff;
	border: 2px solid #24b500;
	text-align: right;
	font-family: 'Rabbits Junior';
	font-weight: 400;
	font-size: 16px;
}

.countercarrot{
	position: fixed;
	top:3px;
	right:1%;
	font-family: 'Rabbits Junior';
	font-weight: 400;
	font-size: 22px;
}

.btn{
	position: fixed;
	top:63%;
	left:66.5%;
	height: 45%;
	width: 33%;
	background: #fff;
	border: 2px solid #24b500;
	border-top: 1px solid #24b500;
}

.capital-letter {
	font-size:40px;
}

canvas.territory{
	position: fixed;
	top: 50px;
	left: 66.5%;
	height: 55%;
	width: 33.05%;
	border: 1px solid #24b500;
}
 
 /* Buttons */

button.primary {
    height: 35px;
	border-radius: 4px;
	border: 1px solid #df770c;
	background-color: #f4902a;
	font-family: 'Rabbits Junior';
	font-size: 22px;
	color: #fff;
	padding: 2px 5px 0 7px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 15px;
}

button.secondary {
    height: 35px;
	border-radius: 4px;
	border: 1px solid #478228;
	background-color: #5ba65b;
	font-family: 'Rabbits Junior';
	font-size: 20px;
	color: #fff;
	padding: 0 9px 0 9px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

button.new {
    height: 35px;
	border-radius: 4px;
	border: 1px solid #33b513;
	background-color: #c8d336;
	font-family: 'Rabbits Junior';
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

button.help {
    height: 35px;
	border-radius: 4px;
	border: 1px solid #2d477b;
	background-color: #5b80a6;
	font-family: 'Rabbits Junior';
	font-size: 22px;
	color: #fff;
	padding: 3px 9px 0 9px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

button.demo {
    height: 35px;
	border-radius: 4px;
	border: 1px solid #2d477b;
	background-color: #5b80a6;
	font-family: 'Rabbits Junior';
	font-size: 20px;
	color: #fff;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 10px;
}