body {
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 11pt;
	background-color: white; 
}

p, th, td, li {font-size: 11pt;}

.main {
	padding: 1px 5px 10px 12px;
}

table.logo-bar {
	width:  100%;
	margin:  0px;
	border:  0px;
	padding: 0px;
	border-spacing: 0px;
	padding-right: 5px;
}
table.logo-bar td {
	padding: 0px;
	font-size: 0; /* buggy */
}

/* Rounded corner menu bar */
table.top-bar {
	width: 100%;
	x-border-width: 1px;
	border-spacing: 0px;
	/*
	x-border-style: outset;
	x-border-collapse: collapse;
	x-border-color: gray;
	*/
	padding: 0px;
	border: solid #442 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #321; 
	background: url(http://www.rebol.com/graphics/cellgrad.jpg);
}
table.top-bar td {
	border-right: solid #442 1px;
	padding: 3px;
	text-align: center;
	white-space: nowrap;
}

table.bot-bar {
	width: 100%;
	border-top: solid #CCC 1px;
	background-color: white;
	padding-left: 8px;
}
table.bot-bar td {
	white-space: nowrap;
}

.bar-txt {
	color: white;
	font-family: verdana, arial, sans-serif;
	font-size: 10pt; font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}
.bar-txt:hover {color: gold;}
.nav-bar {
	white-space: nowrap;
	text-align: right;
}
.nav-txt {
	color: gray;
	font-family: arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}
.nav-sym {
	color: #700;
	font-family: arial, sans-serif;
	font-size: 12pt;
	text-decoration: none;
	white-space: nowrap;
}
.nav-sym-off {
	color: #caa;
	font-family: arial, sans-serif;
	font-size: 12pt;
	text-decoration: none;
	white-space: nowrap;
}

.bot-right {
	text-align: right;
}
.bot-txt {
	color: #555;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	white-space: nowrap;
}

h1 {font-size: 16pt; font-weight: bold; margin-top: .1em;}
h2 {
	width: 95%;
	margin-top: 1.2em;
	border-bottom: 2px dotted #cb9;
	font-size: 12pt;
	color: #203090;
}
h3 {font-size: 11pt; color: #203090; margin-top: 1.5em;}
h4 {font-size: 11pt; color: #606060; font-style: italic;}

.tocs {margin-bottom: .3em; font-size: 9pt;}
.toc1 {margin-left: 1.0cm; font-weight: bold;}
.toc2 {margin-left: 1.75cm; text-decoration: none;}
.toc3 {margin-left: 2.5cm; font-style: italic; text-decoration: none;}
.toc4 {margin-left: 3.0cm; font-style: italic; color: gray; text-decoration: none;}

.tocsb1 {margin-left: 0em; font-weight: bold;}
.tocsb2 {margin-left: 1em; text-decoration: none;}
.tocsb3 {margin-left: 1.5em; font-style: italic; text-decoration: none;}
.tocsb4 {margin-left: 2em; font-style: italic; color: gray; text-decoration: none;}

.stxt {font-size: 9pt;}

tt    {font-weight: bold; color: #700;}

.note {color: gray; font-size: 9pt;}
.new  {color: #F60; font-weight: bold;}
.bh   {font-weight: bold; font-size: 12pt;}

.warn {
	background-image: url(/graphics/exclaim.png);
	background-repeat: no-repeat;
	background-position: 10px 0em;
	padding-left: 64px;
	padding-top: 13px;
	padding-right: 1cm;
	height: 50px;
}

/* Quick Links */
.ql-word {
	color: #555;
	font-family: "courier new", monospace;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
}
.ql-func {
	color: #700;
	font-family: "courier new", monospace;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
}
.ql-func:hover {
	text-decoration: underline;
}
.ql-value {
	color: #070;
	font-family: "courier new", monospace;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
}
.ql-value:hover {
	text-decoration: underline;
}

.min-note {
	color: #bbb;
	font-size: 8pt;
	text-decoration: none;
}

.min-link {
	font-size: 8pt;
}

.wip-note {
	color: #337;
	font-size: 8pt;
	text-decoration: none;
}

.need {
	width: 66%;
	padding: .5em;
	background-color: #fe8;
	border: solid #600 1px;
	font-weight: bold;
}

.boiler {
	margin-bottom: 2em;
	padding-left: 1cm;
	font-size: 9pt;
	font-family: arial, sans-serif;
	color: #555
}

.image-cap {
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 2cm;
	color: navy;
	font-size: 8pt;
	xtext-align: center;
}

.image-flat {
	margin: 1em;
	color: navy;
	font-size: 8pt;
	xtext-align: center;
}

.item-1 {padding-top: .6em;}
.item-2 {padding-top: .3em;}
.item-3 {font-style: italic;}
.item-4 {font-style: italic; font-size: 9pt; color: #555}

pre {
	background-color: #eee; 
	font: bold 10pt "courier new", monospace;
	border: solid #ccc 1px;
	padding: .5em;
	padding-left: 1em;
	padding-right: 1em;
	margin-left:  1cm;
	margin-right: .5cm;
	overflow: auto;
}
.eval {color: #361;}
.code-text {font-family: "courier new", monospace;}

fieldset {
	margin-top: 1.5em;
	margin-left: 1cm;
	width: 90%;
	border: 2px solid #644;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #ffc;
}
legend {
	color: #480;
	font-weight: bold;
}

.news-line {
	margin-top: 2em;
	font-size: 9pt;
	font-family: "courier new";
	border-bottom: 1px solid #EEE;
	width: 66%;
}
.news-text {
	margin-left: 1cm;
}

.question {
	color: #480;
	font-weight: bold;
	margin: 0;
	margin-top: 1em;
}

.answer {
	margin-top: .4em;
	font-weight: bold;
}

table.def-list {
	margin: .5cm;
	margin-left: 1cm;
	border-width: 0px;
	border-spacing: ;
	border-style: outset;
	border-color: silver;
	border-collapse: collapse;
	background-color: white;
}
table.def-list td {
	padding: 4px;
	padding-top: 6px;
	vertical-align: top;
}
.def-word {
	width: 2.5cm;
	font-weight: bold;
	white-space: nowrap;
}
.def-removed {
	border-width: 1px;
	border-color: silver;
	border-style: inset;

	background-color: #ffd;
}

table.bas-table {
	margin: .5cm;
	border-width: 0px;
	border-spacing: ;
	background-color: white;
}
table.bas-table td {
	border-width: 0px;
	padding: 4px;
}

table.flat-table {
	margin: 0;
	border-width: 0px;
	border-spacing: ;
	background-color: white;
}
table.flat-table td {
	border-width: 0px;
	padding: 4px;
}

table.std-table {
	margin-top: 1em;
	margin-left: 1cm;
	width: 90%;
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.std-table th {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
	background-color: #DDB;
	font-weight: bold;
	text-align: left;
}
table.std-table td {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
}

table.dl-table {
	margin: .5cm;
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.dl-table th {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
	background-color: #111;
	font-weight: bold;
	text-align: left;
	color: #FE3;
}
table.dl-table td {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
}
.dl-def {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
	white-space: nowrap;
}

table.icon-list {
	margin: 1em;
	margin-left: 1cm;
}
table.icon-list td {
	vertical-align: top;
	padding-bottom: 1em;
}
.icon-image {
	padding-top: 1em;
}
.icon-field {
	padding-left: 1em;
}

table.sidebar {
	border-collapse: collapse;
	float: right;
	margin-right: .5em;
	margin-left: .5em;
}

table.boxbar {
	border-collapse: collapse;
	margin: 0;
}

#side-top {
	width: 200px;
	background-image: url(http://www.rebol.com/graphics/sidebar.png);
	padding: 4px;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: white;
	white-space: nowrap;
	xfloat: center;
	xspacing: 2px;
	xmargin-left: 6px;
}
#side-left {
	background-image: url(http://www.rebol.com/graphics/sidebar-lt.png);
	width: 6px;
	height: 24px;
	padding: 0;
}
#side-right {
	background-image: url(http://www.rebol.com/graphics/sidebar-rt.png);
	width: 6px;
	height: 24px;
	padding: 0;
}
#side-body {
	background-color: white;
	background-image: url(http://www.rebol.com/graphics/sidebar-shad.png);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	padding: 8px;
}

table.changelog {
	margin-left: 1cm;
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.changelog td {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
}