/*mikelow 2010 */
body {font-family:helvetica, san-serif; margin:0px; padding:0px; background:#fff; background-image:url(pics/grid_white_5.gif); background-repeat:repeat;}
a {text-decoration:none; color:#0033cc;}
a:visited {color:#0033cc;}
a:hover {color:#ff3300;}
a:focus	 {outline: 1px solid #ff3300;}
a img {border:3px solid #fff; border-color:transparent; padding:6px; border-radius: 5px;}
a:hover img {border:2px solid #999; padding:7px; opacity:0.80;}
img {border:0px solid #000; margin:0px 0px 0px 0px;}
strong, b {font-weight:bold;}
p {font-size:12px; line-height:20px; margin:20px 0px 20px 0px; width:540px; color:#333;}
ul {width:540px; padding:0px; margin-left:0px;}
li {list-style:circle;}

/*unused*/ h1 {font-size:60px; text-align:center;}
/*content*/ h2 {font-size:26px; line-height:0px; letter-spacing:2px; margin-bottom:30px; padding-right:0px; padding-top:0px; padding-bottom:5px; color:#006600;}
/*menu*/ h3 {font-size:24px; text-align:left; padding:20px 3px 3px 3px; color:#cc3300; margin-top:0px; margin-bottom:10px;}
/*section*/ h4 {font-size:20px;font-weight:normal; letter-spacing:1px;  border-top:1px dashed #999; line-height:40px; padding:0px; text-align:left; color:#000; margin-bottom:5px; margin-top:60px; width:540px;}
/*small*/ h5 {font-size:11px; padding:0px; text-align:left; color:#999; line-height:0px; margin-top:0px; margin-bottom:0px;}
/*form*/ h6 {font-size:13px; border-bottom:1px dotted #666; padding:0px; text-align:left; color:#ccc; line-height:20px; margin-top:0px; margin-bottom:10px;}

/*positioning*/ 
#content {position:absolute; margin:40px 0px 0px 220px; width:670px;}
#content li {margin-left:15px; padding:2px; font-size:11px; color:#003366;}
#files {position:absolute; margin:50px 0px 0px 20px;}
#prose ul {margin:0px; padding:10px 0px 20px 10px; list-style:none;}
#prose li {margin-left:0px; padding-top:3px; list-style:none; font-size:11px; color:#000;}
.menu a {font-size:11px; width:130px; display:block; color:#666; padding:2px 2px 2px 8px;}
.menu a:hover {background-color: rgba(50, 50, 50, 0.5); border-radius: 20px; color:#fff;}
.menu a:active {background:#999; outline:0; opacity:0.60;}

/* form crap */
form {font-size:11px; margin-bottom:60px;padding:10px; width:500px; border:1px solid #000; background:#333; color:#ccc; border-radius: 20px;}
input {font-family:helvetica, sans-serif; font-size:14px; color: #fff; border:1px solid #000; margin:3px 3px 0px 3px; background:#666;text-align:right; padding:3px;}
input.answer {font-family:monaco, monospace; width:280px; color:#000; background:#cccc99;border:1px solid #000;}
input.read {font-size:12px; text-align:left; color:#ccc;background:#333; border:1px solid #333; height:18px; margin:3px 0px 0px 0px;}
select {font-family:helvetica, sans-serif; font-size:14px; width:135px; margin:4px 3px 0px 3px; background:#666; color: #fff; border-style:solid; border-width:1px; border-color:#000; padding:2px;}
.button {font-size:14px; letter-spacing:1px; padding:5px; width:135px; border:2px solid #000; color:#fff; background:#999; border-radius: 5px; text-align:center;}
.button:hover {color:#fff; background:#666;}
.button:active {color:#000; background:#000; border:2px solid #000;}
.row {border:0px solid #666;height:36px; padding: 5px 0px 5px 0px;}
.label {border:0px solid #999;float:left; width:130px; text-align:right;margin-top:8px;}

form.contact {font-size:11px; margin-bottom:60px;padding:10px; width:500px; border:0px solid #ccc; background:none; color:#000; border-radius: 10px;}
input.contact {font-family:helvetica, sans-serif; font-size:14px; color: #000; border:1px solid #ccc; margin:3px 3px 0px 10px; background:none;text-align:left; padding:3px;}
textarea {font-family:helvetica, sans-serif; font-size:14px; color: #000; border:1px solid #ccc; margin:3px 3px 0px 10px; background:none;text-align:left; padding:3px; resize: none;}
.area {border:0px solid #666; padding: 5px 0px 5px 0px;}
.clabel {border:0px solid #999;float:left; width:50px; text-align:right;margin-top:8px;}

/* paint app*/
#draw {width:802px; height:680px;}
#workspace {border:0px solid #ccc; overflow:auto; position:absolute; width:802px; height:602px; margin:0px 0px 0px 0px;}
#statusbar {border:0px solid #000; position:absolute; margin:560px 0px 0px 820px; color:#999; font-size:20px; line-height:20px; width:100px;}
#toolbar {position:absolute; margin:0px 0px 0px 820px;}
#colorbar {border:0px solid #000; position:absolute; margin:620px 0px 0px 0px;}
#colorbar ul {width:900px; padding:0px; margin:0px;}
#colorbar li {margin:3px; float:left; height:20px; width:20px; list-style:none; border-radius: 5px;}
#colorbar li:hover {margin:1px; border:2px solid #333;}
#canvas {width:800px; height:600px; position:absolute; border:1px dotted #ccc; border-radius: 10px;}
#canvastemp {width:800px; height:600px; border:1px solid #fff; border-color:transparent; background:transparent; position:absolute; border-radius: 10px;}

/*webGL*/
#test-canvas {width:640px; height:480px;border:1px dotted #ccc;}

/*geometry */ 
#geom {border: 1px dotted #ccc; height: 840px; width: 900px; padding: 20px; border-radius: 10px;}
#shapes {position: absolute; margin:0px 0px 0px 750px;}
#space {position: absolute; margin:0px 0px 0px 0px; width:730px; height:730px;}
.marker {position: absolute; width:130px; height:14px; background-color:#999; opacity:0.30; border-radius: 10px;}