body {
	background-color: 	#e8e8e8;
	color:  			#303030;
	background-image: 	url("/images/layout/background-glow.png");
	background-repeat: 	repeat-x;
	font-family: 		"Lucida Grande", sans-serif;
	font-size: 			11px;
}

a {
	color:				#005bb1;
	text-decoration:	none;
}

ol {
	padding-left:		21px;
}

li {
	padding-bottom:		1em;
}

a:hover {
	color:				#005bb1;
	text-decoration:	underline;
}

.highlight, cite {
	color:				#005bb1;
	font-style: 		normal;
}

.notes {
	font-size:			11px;
	text-align: 		center;
	color:				#878787;
	margin-top:			21px;
	line-height:		16px;
}

.feedback {
	background-color:	#e0e0e0;
	padding:			12px;
	font-size:			12px;
	text-align: 		center;
	color:				#878787;
	margin-top:			40px;
	line-height:		16px;
}

.feedback a {
	color:				#808080;
}

.feedback a:hover {
	text-decoration: 	underline;
}

.contentsection .feedback
{
	background-color: 	#e9e9e9;
}


#masthead {
	margin-left:		auto;
	margin-right:		auto;
	width:				369px;
	text-align: 		center;
}

.contentcontainer {
	width:				652px;
	margin:				30px auto 0px auto;
}


/* the guts */

.basicnavigation {
	margin-top: 		60px;
	width: 				608px;
	border:				1px solid #c8c8c8;
	border-bottom:		none;
	padding:			6px 21px;
	font-family:		"Helvetica Neue", "Lucida Grande", sans-serif;
	font-weight:		bold;
	line-height: 		21px;
	background-image: 	url("/images/layout/column-background.png");
	background-repeat: 	repeat-x;
	text-align:			right;
	font-size:			14px;
	text-shadow:		2px 2px 2px #212121;
}

.basicnavigation a { color: white; }

.contentsection {
	margin-top: 		60px;
	width: 				650px;
	background-color: 	#f5f5f5;
	border:				1px solid #bcbcbc;
	line-height: 		21px;
	padding-top: 		21px;
	padding-bottom: 	21px;
}

.contentsection h3, .contentsection h4 {
	font-family: 		"Helvetica Neue", "Lucida Grande", sans-serif;
	font-weight: 		bold;
	color: 				#005bb1;
	padding-left: 		21px;
	float: 				left;
	margin-top: 		0px;
	width: 				190px;
	font-size: 			16px;
}

.cl
{
	clear: 				both;
}

.contentsection h4 {
	color: 				#656565;
}

.codesection h3, .codesection h4 {
	float:				none;
	width: 				auto;
}


/* basic table */

.contentsection table {
	border-collapse: 	collapse;
	font-size: 			12px;
	margin-left: 		auto;
	margin-right: 		21px;
	color: 				#636363;
}

.codesection table {
	margin-left: 		21px;
}

.contentsection th {
	text-align: 		left;
	padding: 			8px 12px 8px 12px;
	color: 				#454545;
	background-color:	#e9e9e9 !important;
	background-image: 	url("/images/layout/column-background.png");
	background-repeat: 	repeat-x;
}

.contentsection tr.header {
	border: 			1px solid #bebebe;
}

.contentsection td {
	background-color: 	#eeeeee;
	border: 			1px solid #bebebe;
	padding: 			8px 12px 8px 12px;
}

.contentbody {
	margin-left:		190px;
	color: 				#636363;
	font-size: 			12px;
	padding-right: 		20px;
	padding-left: 		21px;
}

div.credits {
	margin-left:		0px;
	color: 				#636363;
	font-size: 			11px;
	padding: 			10px 20px 20px 211px;
	border-top: 		1px dashed #c0c0c0;
}

.codesection .contentbody {
	margin-left:		0px;
	padding-left: 		21px;
	padding-right: 		190px;
}

.contentbody {
	margin-left:		190px;
	color: 				#636363;
	font-size: 			12px;
	padding-right: 		20px;
	padding-left: 		21px;
}

.contentbody em {	
 	font-style: 		normal;
	color: 				black;
}

.codeblock {
	color:				#424242;
	background-color: 	#ebebeb;
	border-top: 		1px solid #d5d5d5;
	border-bottom: 		1px solid #d5d5d5;
	padding: 			11px 21px;
	font-size: 			12px;
	font-family: 		Monaco, monospace;
	white-space:		pre;
	margin-bottom: 		42px;
	line-height:		18px;
}

.codeblock em {	
	color:				#005bb1;
	font-style: 		normal;
}

.codeblock strong {	
	color: 				#787878;
	padding: 			2px 8px 2px 2px;
	background-color: 	#f2f2f2;
	font-weight: 		normal;
}


/* blocks which have code on the left and
   and a supporting diagram on the right */

.codeimagecombo {
	background-color: 	#ebebeb;
	border-top: 		1px solid #d5d5d5;
	border-bottom: 		1px solid #d5d5d5;	
	padding:			21px 21px 0px 21px;
	margin-bottom: 		42px;
}

.codeimagecombo .codeblock {

    /* since the code is embedded, we need to
    make the formatting a bit more tame */
	
	background-color: 	#ebebeb;
	border-top: 		none;
	border-bottom: 		none;
	padding: 			0px;
	margin: 			0px;
	float: 				left;
	width: 				298px;
}

.codeimagecombo img {

	float:				right;
}



.codeheader {
	background-color: 	#f0f0f0;
	border-top: 		1px solid #b9b9b9;
	padding: 			4px 21px 4px 21px;
	font-size: 			13px;
	font-family: 		Monaco, monospace;
}

.unixbox
{
	width:				400px;
	height:				150px;
	padding:			40px 39px 30px 25px;
	background-image:	url("/images/layout/terminal-bg.png");
	background-repeat:	no-repeat;
	font-family:		Monaco, monospace;
	font-size:			10px;
	color:				black;
	line-height:		14px;
	white-space:		pre;	
	margin-left:		auto;
	margin-right:		auto;
}

.hintbox
{
	width:				200px;
	float:				right;
	border:				1px solid #e5e5e5;
	margin:				0px -154px 0px 42px;
	padding:			12px;
	font-size:			11px;
}

.featuredimagebox
{
	background-color:	#f0f0f0;
	border:				1px solid #d5d5d5;
	border-left:		none;
	border-right:		none;
	text-align:			center;
	margin-bottom:		21px;
}