body {
	color: #222;
	background: #1a1b1f url(http://claude.betancourt.us/images/backg/flickr-splash.gif) no-repeat fixed left top;
	font-family: Lucida Grande, Tahoma;
	margin: 0;
	padding: 0;
}

#doc,
#doc2,
#doc3,
#doc4,
#doc5 {
	background-color: #fff;
}

#hd {
	border-bottom: 1px solid #bbb;
	background-color: #b8d398;
	color: #222;
	font-weight: bold;
	padding: 1em 0 0 1em;
}
	#hd a,
	#hd a:visited,
	#hd a:active {
		color: #555;
	}
	#hd a:hover {
		text-decoration: none;
	}

#bd {
	background-color: #fff;
}
	#bd a,
	#bd a:visited,
	#bd a:active {
		color: #d1852e;
	}
	#bd a:hover {
		text-decoration: none;
		color: #6a3c28;
	}
	
	#bd #status-bar {
		width: 100%;
		height: 32px;
		color: #444;
		border-bottom: 1px solid #bbb;
		background-color: #eee;
		font: bold 12px Arial;
	}
		#bd #status-bar #loading-indicator {
			float: left;
			width: 16px;
			height: 16px;
			background: no-repeat url(http://claude.betancourt.us/images/ajax-loader.gif);
			margin: .7em 0 0 .7em;
			opacity: 0;
		}
		#bd #status-bar #status-message {
			float: left;
			width: 900px;
			margin: .85em 0 0 .7em;
			opacity: 0;
		}
	
	#bd .entry {
		margin-top: 2em;
	}

#ft {
	font-size: .9em;
	background-color: #302b26;
	padding: 2em;
	color: #eee;
	min-height: 120px;
}
	#ft a,
	#ft a:visited,
	#ft a:active {
		color: #bbb;
	}
	#ft a:hover {
		text-decoration: none;
	}
	
	#ft img {
		margin: .6em;
	}
	
	#ft #cc img {
		margin: 1em 0 0 0;
		opacity: .35;
	}

	#ft .alignleft {
		width: 49%;
		float: left;
		text-align: left;
	}
	#ft .alignright {
		width: 49%;
		float: right;
		text-align: right;
	}
	
h1,h2,h3,h4 {
	color: #b54e01;
}

h1 {
	font-size: 1.8em;
	color: #222;
}

h2 {
	font-size: 1.5em;
	margin: 2em 0 1em 0;
	padding: 0;
}

h3 {
	font-size: 1.2em;
	padding: .5em 0 .5em 0;
}

h4 {
	font-size: 1em;
	padding: .5em 0 .5em 0;
}

.note {
	font-size: 1em;
	color: #b54e01;
	margin: 1em 0 1em 0;
	padding: 1em;
	border: 1px solid #d1852e;
	background-color: #ffea94;
}

#details {
	text-align: left;
}

table {
	margin: 1em 0 0 0;
}
td {
	padding: .1em;
	font-weight: bold;
	border: none;
}


div.yui-b {
	padding: 2em;
	clear: both;
}
	div.yui-b .highlight {
		font-size: 1.1em;
		line-height: 1.4em;
		background-color: #ffffbb;
		padding: 1em;
		border: 1px solid #888;
	}
	div.yui-b .footnote {
		font-size: .85em;
		font-weight: bold;
		font-style: italic;
		color: #666;
	}
	div.yui-b .plain {
		font-family: "Courier New";
		font-weight: bold;
		font-size: 1.1em;
		color: #333;
	}

ol,ul {
	margin-left: 0;
}
ul li,
ol li {
	list-style-image: url(http://claude.betancourt.us/images/icons/silk/bullet_go.png);
	margin-bottom: .5em;
}