root { 
	display: block;
}
body{
	color:#333;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(bars.gif);
}
#wrap{
	width:950px;
	position:relative;
	right:3px;
	text-align:left;
	margin:0 auto; /* it's the auto that does the centralizing */
}
#screen{
	width:950px;
	float:left;
	margin-top:10px;
	border:3px solid #fff;
	background:#ccc;
}
#removeLater {
	font-size:xx-small;
	xcolor:#ddd
}
#removeLater a{
	font-size:xx-small;
	color:#ccc
}
img.unit{
	padding:1px;
	color:#000;
}
img.unit2{
	padding:1px;
	margin-right:5px;
	color:#000;
}
img.unit a{
	text-decoration:none;
}
#prog {
	clear:both;
	padding-top:10px;
}
.im {
	border-style:solid;
	border-width:2px;
	border-color:#444;
	margin-right:10px;
}

blockquote.lines {
	clear:both;
	float:left;
	color: #b000b0;
}
blockquote {
	margin: 0;
	border:2px solid #333;
	padding:5px;
	background: #f9f9f9;
	color: #000;
	font-size: 12px;
}
#header {
	font-size:large;
	color:gray;
	background-color:#101010;
	margin:10px 10px 10px 10px;
	border-top:5px solid #404040;
	border-bottom:5px solid #909090;
}
#header a {
	color:#77f;
	text-decoration:none;
}
#header a:hover {
	color:#b0b;
	background-color:#101010;
}

h1 {
	font-size:18px;
	color:gray;
	background-color:#101010;
	margin:10px 10px 10px 10px;
	border-top:5px solid #404040;
	border-bottom:5px solid #909090;
}

h1 a:hover{
	color:#b0b;
	background-color:#101010;
}

h2 {
	color:#b0b;
}

h2 a {
	color:#b0b;
}

h3 {
	font-size:100%;
	font-weight:normal;
	margin:0;
}
h3 a {
	color:#44f;
}
h3 a:hover{
	color:#b0b;
	text-decoration:underline;
}

.linespec {
	clear:both;
	color:#b000b0;
}

a {
	color:#77f;
	text-decoration:none;
}

a:hover {
	color:#77f;
	color:#b0b;
	text-decoration:underline;
}

#main{
	float:left;
	width:650px;
	padding:0 10px 5px 10px;
	border-left:1px solid #888;
}

#sidebar{
	position:relative;
	left:10px;
	float:left;
	padding:0 10px 5px 10px;
	margin:0px 9px 10px 0;
	line-height:150%;
	border-right:1px solid #888;
}
#subgroup{
	left:10px;
	float:left;
	padding:0 10px 5px 10px;
	margin:0px 10px 10px 0;
	line-height:150%;
}
.index {
	line-height:100%;
	clear:both;
	font-size:12px;
	float:left;
	margin-bottom:30px;
	color:#000;
}
span.indexNoLink {
	font-size:12px;
	font-weight:600;
	color:#222;
}
span.indexLink a {
	font-size:12px;
	font-weight:600;
	color:#222;
}
span.indexLink a:hover {
	color:#b0b;
	text-decoration:underline;
}
span.subEntry a {
	color:#333;
	font-size:10px;
}
span.subEntry a:hover {
	color:#b0b;
	text-decoration:underline;
}
span.pick {
	color:#b0b;
}
span.tag {
	color:#555;
	font-weight:bold;
}
span.key {
	color:#111;
	font-weight:bold;
}
.column {
	width:220px;
	float:left;
	margin-right:5px;
	margin-left:5px;
	padding:10px 0 0 6px;
}

.qa {
	border:2px solid #333;
	padding:5px;
	background: #ddf none;
	color: #000;
	font-size:100%;
}

.qa a {
	color:blue;
	text-decoration:underline;
}
.qa a:hover {
	color:black;
	text-decoration:underline;
}

.links {
	background-color:#111;
	clear:both;
	color:#888;
	font-size:10px;
	text-align:center;
	padding:3px 10px 5px 3px;
	margin:0px 10px 0px 10px;
}

.links a:hover {
	color:#c0c;
	text-decoration:underline;
}
.lessonLinks a:hover {
	color:#c0c;
	text-decoration:underline;
}
.lessonPick {
	color:#c0c;
}
.warning {
	font-size:xx-small;
	color:#808;
}
.copy {
	font-size:8px;
	color:#111;
}
.bottomLine a {
	color:#66a;
	text-decoration:none;
}
.bottomLine a:hover {
	color:blue;
}
.bottomLine {
	color:#888;
	float:left;
	border-top:1px solid #333;
	margin-bottom:10px;
}

/* zeroclipboard */
.my_clip_button { width:205px; text-align:center; border:1px solid black; background-color:#ccc; margin:0px; padding:3px; cursor:default; font-size:9pt; }
.my_clip_button.hover { background-color:#eee; }
.my_clip_button.active { background-color:#aaa; }