/* CSS Document */
/* MATT KLIMAS DOT COM 2006 */

body {
	margin:0;
	padding:0;
	font: 10px/13px verdana, helvetica, arial, sans-serif;
	font-weight:normal;
	color: #333;
	}
p {
	margin-top:0;
	}

h1 {
	margin: 10px 0 0 0;
	padding: 5px 0;
	font: 18px/20px verdana, helvetica, arial, sans-serif;
	font-weight:normal;
	color: #09f;
	text-transform: uppercase;
	border-top: 1px dotted #09f;

	}

h2 {
	margin: 0;
	font: 12px/14px verdana, helvetica, arial, sans-serif;
	font-weight:normal;
	color: #09f;
	text-transform: uppercase;
	letter-spacing:2px;
	}
	
h3 {
	margin: 20px 0 8px 0;
	font: 18px/18px verdana, helvetica, arial, sans-serif;
	font-weight:normal;
	color: #999;
	/*text-transform: uppercase;*/
	}
	
h4 {
	font: 9px/11px verdana, helvetica, arial, sans-serif;
	font-weight:normal;
	color: #f06;
	text-transform: uppercase;
	}


a, a:visited {
	color:#09f;
	text-decoration:none;
	}
a:hover, .info a:hover {
	color: #aaa;
	}

.info a, .info a:visited {
	color:#999900;
	}

.orange {
	color: #ff4400;
	}

.blue {
	color:#09f;
	}
	
.intro {
	font-size:1.2em;
	line-height:1.3em;
	color: #09f;
	}

	
/*///////////// RECORDING //////////////////*/

.rec {
	margin: 0;
	}
	
.rec p {
	padding: 0 0 3px 0;
	border-bottom: 1px dotted;
	border-color:#999;
	}
	

.select:hover {
	background: #eee;
	}
	
.rec a, .rec a:visited {
	color: #777;
	text-decoration:none;
	}

	
.rec a:hover {
	color: #f06;
	}
	
#side_a h4, #side_a a:hover {
	color:#9c0;
	}
	
#side_b h4, #side_b a:hover {
	color:#f40;
	}
	
#side_d h4, #side_d a:hover {
	color:#09c;
	}