/*This is a CSS comment*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 3em;
	font-weight: 700;  /*400 is normal, 700 is bold, up to 900 allowed*/
}
h2 {
	font-size: 2em;
}
p,span,div,ul {
	font-size: 1.2em;
}
span.red {
	color:red;
	font-size: 1em; /*because it's already in a 1.2em p element, applying 1.2em to this element makes it larger so it must be explicitely 1em... must be a better way to deal with this!*/
}
a:link,a:visited {
	text-decoration: none;
	color: grey;
}
a:hover,a:active {
	text-decoration: underline;
	color: red;
}
input[type=text] {
	 border: 1px solid #cfcfcf;
	 height:16px;
}
input[type=password] {
	 border: 1px solid #cfcfcf;
	 height:16px;
}
table.center {
	margin-left:auto;
	margin-right:auto;
}

td.sidebar {		/*used for the navigation sidebar on index.php*/
	padding: 5px;
	font-size: 1.2em;
}
/*Some CSS quick reference for ya...


types of "selectors"
html element			h1 { property:value; }
id						#myid { property:value; }        usually used on only 1 element, note: do not start an ID with a numeral
class					.centerthisthing { text-align:center; }        usually used on a group of elements, note: do not start a class with a numeral
html element & class	p.centerthisthing { text-align:center; }        centers all p elements with centerthisthing class

*/