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

a 		{ font-size: 24px; text-decoration: none; }
a:hover { font-size: 24px; text-decoration: none; }

body 	{
	background-color: #000;
	color: #FFF;
	font-family: Geneva,Arial,Helvetica,sans-serif;
}

canvas	{ margin: 10px; }

h1 		{ color: white; font-size: 48px; margin: 10px; }
h2 		{ font-size: 24px; margin: 20px; color: #FFF; }
h3 		{ font-size: 18px; margin: 20px; color: #90F; }
h4 		{
	color: #60C;
	margin: 0px;
	padding: 10px;
	background-color: #fff;
	text-align: center;
}

header	{
	background-color: #70C;
	display: block;
	color: #FFF;
	text-align: center;
	margin: 10px;
}

header h2 { margin: 20px; }

img		{ margin: 10px; }

.item	{ border: solid; border-color: #70C; margin: 10px; }

.item:hover { border: solid; border-color: #FFF; margin: 10px; }

.left	{ width:450px; float:left; }

p		{
	font-size:14px;
	font-weight:500;
	text-align:center;
	margin:10px;
	color:#6FC;
}

textarea { font: inherit; font-size: 14px; }

artical { margin: 10px auto; padding: 10px; border: solid; border-color: #70C; }

section { margin: 20px auto; border: solid; border-color: #FFF; }

#container { margin: 10px auto; background-color: #000; }

#lecture {
	alignment-adjust:central;
	margin: 0px auto;
	border: solid;
	border-color: #70C;
	color: #FFF;
	background-color: #000;
}

#demo 	{ width: 400px; height: 300px; color: #FFF; background-color: #000; }