* {
	margin: 0;
	padding: 0;
	border: none;
}
a:active {
  outline: none;
}
.clear {
	clear: both;
	line-height: 0;
	height: 0;
}
.hidden {
	position: absolute;
	left: -1000em;
}
body {
  text-align: center;
  font: .9em/1.25 "Lucida Grande", Verdana, sans-serif;
  background: #fff;
}
#wrapper {
  width: 976px;
  text-align: left;
  margin: 0 auto;
  position: relative;
}
#wrapper-inner {
	padding: 13px;
}
#header {
	height: 219px;
	border-bottom: 4px solid #000;
	margin-bottom: 26px;
}
a#home-link {
	display: block;
	background: url(../new-images/logicleaf-logo.jpg) left top no-repeat;
	width: 745px;
	height: 193px;
	margin-left: 3px;
}
#content {
	padding-left: 3px;
	width:  626px;
	float: left;
}
#content h1 {
font-size: 2.2em;
}
#content p {
	margin: 1em 0;
}
#content ul, #content ol {
	margin: 1em 0 1em 3em;
}
#sidebar {
	float: right;
	width: 201px;
}
#nav {
	list-style: none;
	border-top: 1px solid #000;
}
#nav li {
	border-bottom: 1px solid #000;
}
#nav a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	padding: 13px 7px;
	color: #000;
	font-size: 1.28em;
}
#nav a:hover {
	background: #e6e6e6;
}
#author {
	background:  #409516 url(../new-images/sidebar-box-middle.gif) repeat-y;
	position: relative;
	color:  #fff;
	font-size: .8em;
	height: 50px;
}
#sidebar > #author {
	height: auto;
}
#author-inner {
	background: url(../new-images/sidebar-box-top.gif) no-repeat;
	text-align: center;
}
#author .text {
	padding:  13px;
	text-align: left;
}
#author-bottom {
	background: url(../new-images/sidebar-box-bottom.gif) left bottom no-repeat;
	width: 201px;
	height: 12px;
	position: absolute;
	bottom: 0;
	left: 0px;
}
.text-center {
	text-align: center;
}
#author img {
	margin-top: 13px;
}
#author h3 {
	color: #000;
	margin: 0px 0 13px 0;
	font-size: 1.2em;
}
#nav, #author {
	margin-bottom: 26px;
}
#footer {
	border-top: 1px solid #b3b3b3;
}
#footer-inner {
	text-align: right;
	margin: 13px 0;
}

/* Syntax highlighting */
div.code-container {
  width: 626px;
  overflow: auto;
  max-height: 40em;
	border: 1px solid #808080;
}
.code-container table {
	border-collapse: collapse;
  font: 12px/1.4 Monaco;
}
.code-container table td {
  vertical-align: text-top;
}
.code-container .line-numbers {
 	text-align: right;
 	color: #808080;
  background: #ccc;
  padding: 0 5px 0 0;
  width: auto;
  border-right: 1px solid #808080;
}
.code-container .line-numbers pre {
  width: 31px;
  overflow: visible;
  max-height: none;
}
.code-container .code pre {
  padding-left: 5px;
  width: auto;
  overflow: visible;
  max-height: none;
}
pre {
  width: 626px;
  overflow: auto;
  max-height: 40em;
}
pre .normal {}
pre .comment { color: #0066ff; font-style: italic; }
pre .keyword { color: #00f; font-weight: bold; }
pre .method { color: #0000cd; font-weight: bold; }
pre .class { text-decoration: underline; }
pre .module { color: #050; }
pre .punct { color: #447; font-weight: bold; }
pre .symbol { color: #c5060b; font-weight: bold; }
pre .string { color: #036a07; }
pre .char { color: #F07; }
pre .ident { color: #004; }
pre .constant { font-style: italic; color: #318495; }
pre .regex { color: #B66; background: #FEF; }
pre .number { color: #F99; }
pre .attribute { color: #318495; }
pre .global { color: #7FB; }
pre .expr { color: #26b31a; }
pre .escape { color: #277; }