* {
	padding: 0;
	margin: 0;
}

html, body {
	width:100%;
	height:100%;
	margin:0;
}

#container {
	display:table;
	width:100%;
	height:100%;
}

#header {
	background-color:#000000;
	color:#FFFFFF;
	display: table-row;
	font-family: "Lucida Console", Times, serif;
}

#canvasholder {
	display: table-row;
}

#footer {
	background-color:#000000;
	color:#FFFFFF;
	display:table-row;
	font-family: "Lucida Console", Times, serif;
	height:100%;
}

#header h1 {
	font-size:1em;
	padding:1em;
}

/**
 *	+-----------------------------+
 *	| Styles for the Color Picker |
 *	+-----------------------------+
 */
#red, #green, #blue {
float: left;
clear: left;
width: 45%;
margin-top: 15px;
/*margin-bottom: 15px;*/
/*margin-left:0;*/
}
#swatch {
width: 40%;
height: 100px;
margin-top: 18px;
margin-left: 55%;
background-image: none;
}
#red .ui-slider-range { background: #ef2929; }
#red .ui-slider-handle { border-color: #ef2929; }
#green .ui-slider-range { background: #8ae234; }
#green .ui-slider-handle { border-color: #8ae234; }
#blue .ui-slider-range { background: #729fcf; }
#blue .ui-slider-handle { border-color: #729fcf; }