style.css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body{
	padding-top: 20px;
	font-family: sans-serif;
}

#loading{
	width: 500px;
	margin: 240px auto;
}

#loading h2{
	font-size: 100px;
}

#below{
	width: 900px;
	margin: 0 auto 1em auto;
	text-align: right;
	font-variant: small-caps;
	color: #999c89;
	position: relative;
}
#below a{
	color: inherit;
}
#copyright{
	font-size: small;
}
#copyright a:hover{
	text-decoration:underline;
}
#below .links{
	position: absolute;
	top:5px;
	left: 0;
	padding-left:5px;
	padding-right:5px;
	color: white;
	background: #46473f;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#below .links a{
	border-left: 1px solid #ccc;
	padding: 4px;
	display: inline-block;
	text-decoration:none;
}

#below .links a.first{
	border:none;
}

h1{
	font-size: 63px;
	font-weight:bold;
	color: #999c89;
	font-variant: small-caps;
}

.page, #wrap{
	position:relative;
	width:900px;
	margin: auto auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: url(trans70.png);
	border: 7px solid #46473f;
}

#wrap{
	background: url(bg.png) repeat-y;
	height: 600px;
}

#canvas{
	background:white;
	border:none;
	z-index: 10;
}

#side{
	position:absolute; 
	left: 590px;
	top:0;
	height: 600px;
	width: 310px;
	z-index: 1;
}

.equation-tile{
	margin: 6px 6px 6px 15px;
	border-left: 15px solid red;
	background-color: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	position:relative;
}

input.equation{
	width: 235px;
	font-size: 18px;
	margin-left: 3px;
	border: none;
}

.equation-tile div.btn{
	width: 24px;
	height: 24px;
	border: none;
	display: inline-block;
	vertical-align: top;
	margin:0;
	text-decoration:none;
	cursor:pointer;
}

.visibility{
	background: url(vis.png) no-repeat center center;
}

.invisible .visibility{
	background: url(vis-hidden.png) no-repeat center center;
}

.active .visibility{
	background: url(vis-spinner.gif) no-repeat center center;
}

.remove{
	background: url(remove.png) no-repeat center center;
	width: 18px;
	height:18px;
	position:absolute;
	top: -9px;
	right: -9px;
}

.error{
	color: red;
	font-size: small;
}

.exp-up{
	background: url(exp-up.png) no-repeat center center;
}

.exp-down{
	background: url(exp-down.png) no-repeat center center;
}

input.exp-show{
	width: 20px;
	border: none;
	text-align:center;
}

.equation_settings input{
	width: 30px;
	border: none;
}

#add-implicit, #add-vector, #add-parametric{
	display:block;
	border:none;
	text-align: center;
	font-size: 12px;
	color:black;
	text-decoration:none;
}

#window{
	position: absolute;
	bottom: 0px;
	border-left: none;
	width: 280px;
}

#window input{
	width: 40px;
}

#window label{
	width: 70px;
	display: inline-block;
}

#window h2{
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
}

#zoombtns{
	top:18px;
	position:absolute;
	right:0;
	width: 30px;
}

#zoom-in{
	background: url(zoom-in.png) center center no-repeat;
}
#zoom-out{
	background: url(zoom-out.png) center center no-repeat;
}

.page{
	padding: 30px;
	width: 840px;
}

.page h2, .page h3{
	margin-top: 0.3em;
	font-variant: small-caps;
	color: #999c89;
	font-weight: bold;
}

.page h2{
	font-size: 30px;
}

.page h3{
	font-size: 20px;	
}

.page p{
	margin-left: 30px;
	margin-bottom: 0.7em;
}

.page a, .page a.visited{
	color: #999c89;
}

.page blockquote,.page ul,.page ol,.page dl {
	margin:1em;
}
.page ol,.page ul,.page dl {
	margin-left:4em;
}

h1 a{
	color: inherit;
	text-decoration:none;
}

#browsererror h2{
	font-size: 24px;
}

#main-content{
	margin-top: 100px;
	min-height: 300px;
}

#main-content h1{
	position: absolute;
	left: -15px;
	top: -85px;
}

#modes{
	position:absolute;
	left:0;
	top: 50px;
}

#modes a{
	margin-right: 0.7em;
	font-variant: normal;
	font-size: 85%;
}

#modes a.current{
	font-weight: bold;
	text-decoration: none;
}