@charset "utf-8";
/* CSS Document */

	 body {padding: 0; margin: 0;} canvas {vertical-align: top;} 
	 
	 body{
		 font-family:Helvetica, Arial, sans-serif;
		 color:#FFFFFF;
		 overflow:hidden;
	 }
     ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position:fixed;
		bottom:30px;
	}

	li {
    	float: left;
	}

	li.number a{
		display: block;
		color: white;
		text-align: center;
		padding: 6px 6px;
		padding-top:22px;
		text-decoration: none;
		margin-right:1px;
		background-color: #333;
		font-size:16px;
	}
	
	li img {
		display: block;
		color: white;
		text-align: center;
		padding: 7px 10px;
		text-decoration: none;
		margin-right:1px;
		background-color: #333;
	}
	
	li.arrow a img{
		display: block;
		color: white;
		text-align: center;
		padding: 7px 10px 7px 10px;
		text-decoration: none;
		margin-right:1px;
		background-color: #333;
	}
	
	li.arrow a img:hover{
		background-color: #111;
	}
	
	


	/* Change the link color to #111 (black) on hover */
	li a.number:hover {
		background-color: #111;
	}
	
	li.number a.active {
    color:#00ccff;
}

#more-button{border-style:none;background:none;color:white;margin: 0 0 10px 0;background:#333;
padding-top:39px;
padding-bottom:10px;
margin-right:1px;
		}
		
		input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

#grow input:checked{color:red;}

#more-button:hover{color:#00ccff;
cursor:pointer;
background-color: #111;
}


#grow {
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    -webkit-transition: height .5s;
    transition: height .5s;
    height: 0;
    overflow: hidden;
	color:white;
	background:#333;
	position:absolute;
	bottom:73px;
	font-size:12px;
  }
  
  #grow .text{
	  margin-top:4px;
  }
  
  #grow a{
	  color:#00ccff;
	  
  }
input {
    -webkit-appearance: none;
    border-radius: 0;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
li.number a{
		display: block;
		color: white;
		text-align: center;
		padding: 7px 6px;
		padding-top:37px;
		text-decoration: none;
		margin-right:1px;
		background-color: #333;
		font-size:16px;
	}
	#more-button{border-style:none;background:none;color:white;margin: 0 0 10px 0;background:#333;
padding-top:39px;
padding-bottom:11px;
margin-right:1px;
		}
}

li.number a:hover{
color:#00ccff;
cursor:pointer;
background-color: #111;
}

#action{
	margin: 0;
    position: absolute;
    bottom: 250px;
    left: 50%;
    margin-right: -50%;
}

.center{
	position: absolute;
	right:-100px;
   }