
    body {
      background-color: #fff;
      font-family: sans-serif;
    }
    h1 {
      font-weight: normal;
      font-size: 140%;
    }
    td {
    	padding:5px;
    }
    #gameDiv {
    	border-width:1px;
    	border-style:solid;
    	border-color:black;
    	position:relative;
    }
    .cell {
    	position:absolute;
    	width:45px;
    	height:45px;
    	    	border-width:0px;
    	border-style:solid;

    }
    .empty {
    	background: url(../assets/test1_256.png);
    	background-position: -157px -12px;
    }
     .water {
    	background: url(../assets/test1_256.png);
    	background-position: -204px -60px;
    }

        .tree1 {
    	background: url(../assets/test1_256.png);
    	background-position: -4px -148px;
    }
    
            .tree2 {
    	background: url(../assets/test1_256.png);
    	background-position: -60px -150px;
    }
            .tree3 {
    	background: url(../assets/test1_256.png);
    	background-position: -117px -150px;
    }
    
    .item {
    	position:absolute;
    	width:43px;
    	height:43px;
    }
    .base {
    	background: url(../assets/test1_256.png);
    	    	background-position: -20px -25px;

    	position:absolute;
    	width:135px;
    	height:70px;
    	top : 300px;
    	left : 170px;
    }
    .bug {
    	background: url(../assets/test1_256.png);
    	background-position: -203px -110px;
    }
	
	.coxy {
		position:absolute;

    	background: url(../assets/test1_256.png);
    	background-position: -190px -180px;
    	top : 280px;
    	left: 100px;
    	    	width:18px;
    	height:35px;
    }
    .wood {
    	background: url(../assets/tiles.png);
    	background-position: -128px -128px;
    }
    .rock1 {
    	background: url(../assets/test1_256.png);
    	background-position: -80px -100px;
    }
    .rock2 {
    	background: url(../assets/test1_256.png);
    	background-position: -112px -116px;
    }

	.inventory-item {
		float:left;
		width:70px;
		height:70px;
		background-color:white;
	}
	
	.inventory-tree {
		background-image: url(../assets/test1_1024.png);
		background-position: -86px -814px;		
	}
    	
	.meter { 
		height: 20px;  /* Can be anything */
		position: relative;
		background: #555;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding: 4px;
		box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	}
	
.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgb(43,194,83);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

.blocklyGame > span {
  background-color: #f1a165;
  background-image: linear-gradient(to bottom, #f1a165, #f36d0a);
}

.blocklyGameCode > span {
  background-color: #f0a3a3;
  background-image: linear-gradient(to bottom, #f0a3a3, #f42323);
}

.blocklyLevelEditorResources > span {
  background-color: #f0a3a3;
  background-image: linear-gradient(to bottom, #f0a3a3, #f42323);
}

.blocklyLevelEditorCreate > span {
  background-color: #f0a3a3;
  background-image: linear-gradient(to bottom, #f0a3a3, #f42323);
}

.blocklyLevelEditorUpdate > span {
  background-color: #f0a3a3;
  background-image: linear-gradient(to bottom, #f0a3a3, #f42323);
}

#content {
background-color:#333;
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid black;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #f00;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	
	border-left: 60px solid green;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	
	border-right:10px solid blue; 
}
