/* standard elements */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #232120;
	font: normal 0.7em Lucidia Console,sans-serif;
}
div a {
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
}
h1 {
	color: #cbcbcb;
	font: normal 2em sans-serif;
	margin: 18px 0 0 0;
}
h2 {
	color: #cbcbcb;
	font: normal 2em sans-serif;
	margin: 18px 0 0 0;
}
h3 {
	color: #cbcbcb;
	font: normal 1.5em sans-serif;
	margin: 18px 0 0 0;
}
ul.a {
	color: #cbcbcb;
	font: lucidia console, 1.5em sans-serif;
	list-style-image: url("/img/red-bullet.png");
	padding-left:  24px;
}
.main_bottom {
	width: 800px;
	height: 120px;
	overflow: scroll;
}

code {
	border: 1px solid #F0F0F0;
	border-left: 3px solid red;
	color: #fff;
	display: block;
	font: normal 1em Lucida Console,SANS-serif;
	padding-left: 5px;
}
blockquote {
	background: url(img/quote.gif) no-repeat;
	color: #555;
	display: block;
	font: bold 1.2em "Lucidia Console",SANS-serif;
	margin: 6px 0;
	padding-left: 28px;
}
div.slider {
	width: 200px;
	height: 16px;
	background: #eee;
}
div.slider div.knob {
	background: #000;
	width: 16px;
	height: 16px;
}
div#fontSize {
	height: 50px;
}

div.advanced {
	width: 400px;
	margin: 5px 0;
	background: url(images/slider.png) 0 center repeat-x;
}
div.advanced div.knob {
	background: no-repeat center center;
	cursor: pointer;
}
div#red div.knob {
	background-image: url(img/red-bullet.png);
}
div#green div.knob {
	background-image: url(images/green.png);
}
div#blue div.knob {
	background-image: url(images/blue.png);
}
html {
scrollbar-base-color: #2b2b2b;
scrollbar-arrow-color: red;
scrollbar-track-color: #555555;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: #747170;

scrollbar-highlight-color: black;
scrollbar-3dlight-color: black;
}