/* ------------- General body, link, h stuff */

body { 
	margin: 0pt;
	padding: 0px;
	padding-bottom: 200px;
	font-family: Arial,Helvetica,sans-serif;
	background: rgb(255, 255, 255) url("img/bg.gif") left top repeat-x;
}

img {
	border-style: none;
	border-width: 0px;
	vertical-align: middle;
}

a {
	text-decoration: none;
	color: rgb(18, 18, 120);
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	color: rgb(26, 26, 180);
}


/* ------------- Main div (centered) */

.main {
	margin-left: auto;
	padding-left: 32px;
	margin-right: auto;
	width: 750px;
}

/* ------------- Headings */

h1 {
	width: 100%;
	background: url("img/h1bg.png") left top no-repeat;
	margin-left: -32px;
	margin-top: 1em;
	padding-left: 24px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 32px;
}

h2 {
	width: 100%;
	background: url("img/h2bg.png") left top no-repeat;
	margin-left: -22px;
	padding-left: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 24px;
}

/* ------------- List stuff */

li {
	list-style-type: disc;
	padding-bottom: 0.4em;
}

/* ------------- The header */

.header {
	font-size: xx-large;
	margin-left: -10px;
	height: 200px;
}

/* ------------- For ruby code */

.codebox {
	margin-left: 18px;
	border: thin solid rgb(220,220,240);
	background: rgb(250,250,255);
	overflow: auto;
}

.keyword { font-family: monospace; color: darkred; }
.constant, .attribute, .global, .class, .module { font-family: monospace; color: black; }
.string { font-family: monospace; color: darkblue; }
.ident, .method { font-family: monospace; color: darkgreen; }
.number, .char { font-family: monospace; color: #888800; }
.comment { font-family: monospace; color: purple; }
.symbol { font-family: monospace; color: #884400; }
.regex { font-family: monospace; color: grey; }
.punct { font-family: monospace; color: black; }
.escape, .interp, .expr { font-family: monospace; color: black; background-color: #dddddd; }