/*
	black:#000000;
*/
.center_text
{
	text-align: center;
}

.mini-pre
{
	white-space: pre;
}

.cool
{
	color:#AA0000;
}

body
{
	background-color: #000000;
	color: #55FF55;
	font-family: monospace;
}



#left_zone div
{
	margin:10px;
}

a
{
	color:#0000AA;
}

a:visited
{
	color:#AA00AA;
}

a:hover
{
	color:#5555FF;
}

#write_up_zone
{

}

#link_zone
{
	
}

#text_zone
{

}

#text_zone textarea
{
	border: dashed 1px #55FF55;
  color: #00FF00;
  padding: 5;
  background-color:#000000;
  
}

#text_zone textarea:focus
{
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0, 96, 0, 1), rgba(0, 0, 0, 1) 1px, black 1px, black 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0, 96, 0, 1), rgba(0, 0, 0, 1) 1px, black 1px, black 100%);
  background-image: -o-repeating-radial-gradient(center center, rgba(0, 96, 0, 1), rgba(0, 0, 0, 1) 1px, black 1px, black 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0, 96, 0, 1), rgba(0, 0, 0, 1) 1px, black 1px, black 100%);
  background-size: 3px 3px;
}

#canvas_zone:hover
{
  background-image: -webkit-repeating-radial-gradient(center center, rgba(96, 0, 96, 1), rgba(0, 0, 0, 1) 1px, black 1px, black 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(96, 0, 96, 1), rgba(0, 0, 0, 1) 1px, black 1px, black 100%);
  background-image: -o-repeating-radial-gradient(center center, rgba(96, 0, 96, 1), rgba(0, 0, 0, 1) 1px, black 1px, black 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(96, 0, 96, 1), rgba(0, 0, 0, 1) 1px, black 1px, black 100%);
  background-size: 3px 3px;
}


#button_zone
{
	font: monospace;
}

#button_zone button
{
	text-align: center;
	font: monospace;
	color: #FF5555;
	background-color: #000000;
	border:#AA0000;
	border-width: 2px;
	padding:5px;
	width:100px;
	height:25px;
}

#slider_zone
{

}



#canvas_zone canvas
{
	margin:auto;
}
@media screen and (min-width:1000px){
#left_zone
{
	float:left;
	width:50%;
	margin:20px;
}
#canvas_zone
{	
	float:right;
	width:auto;
	height:auto;
	padding:20px;
	border:1px dashed #FF55FF;
}
}