* {
	margin: 0;
	padding: 0;
	color: #4C2720;
	font: 1em/1.2em Arial, Helvetica Neue, Helvetica, sans-serif;
	letter-spacing: 0.05em;
}

html {
	height: 101%;
	margin-bottom: 1px;
}

body {
	background-color: #A5A582;
}

#no-js-notice {
	position: absolute;
	top: 2px;
	left: 50%;
	width: 650px;
	margin-left: -315px;
	background-color: #FFFF88;
	padding: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#no-js-notice p {
	margin: 0; padding: 0;
	font-size: .7em;
}

#container {
	width: 940px;
	padding: 10px;
	margin: 30px auto;
	background-color: #EBDC91;
}

#left {
	width: 560px;
	padding: 0 60px 0 20px;
	float: left;
}

#left .description, #demos {
	font-size: 0.8em;
	line-height: 1.5em;
}

code {
	color: #000;
	font-family: Consolas, monospace;
}

#right {
	width: 300px;
	margin-top: 5px;
	float: left;
}

#foot {
	border-top: 2px solid #C9BD7C;
	padding: 4px;
	clear: left;
	width: 932px;
	text-align: center;
	font-size: 0.6em;
}

#foot p {
	margin: 10px 0 0 0;
	font-style: italic;
}

#demos {
	clear: left;
	margin-bottom: 35px;
}

h1, h2, h3 {
	color: #826E4B;
	font: 2em Georgia, Garamond, sans-serif;
	margin-bottom: 14px;
}

h1 {
	font-weight: bolder;
	font-style: italic;
	margin-bottom: 25px;
}

h2 {
	font-style: italic;
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

p {
	margin-bottom: 1.2em;
	line-height: 1.4em;
}

#download {
}

#download img {
	float: left;
	margin: 0 25px 0 0;
}

#download .link {
	width: 450px;
	float: left;
	margin: 0;
}

#download .link a {
	font-size: 1.2em;
	color: #069;
	background-color: transparent;
}

#download .link a:hover {
	background-color: #069;
	color: #EEE;
}

.clear { clear: both; }

a {
	background-color: #BAAE73;
	padding: 1px 3px;
	text-decoration: none;
}

#right ul {
	list-style: none;
}

#right li {
	padding: 4px;
	font-size: 1.2em;
	cursor: hand;
	cursor: pointer;
	margin-bottom: 10px;
}

#right span {
	display: block;
	font-size: 0.6em;
	font-style: italic;
}

#right .hover {
	background-color: #C9BD7C;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#right .active {
	background-color: #D76E5A;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#loader {
	position: absolute;
	left: 100%;
	top: 0%;
	line-height: 50px;
	text-align: center;
	margin-top: 5px;
	margin-left: -50px;
	width: 40px;
	height: 50px;
	display: none;
}


/* STYLE SyntaxHighlighter boxes, Ben Alman <3 */

/* GENERAL */

pre {
  overflow-x: auto;
}

pre code {
  display: block;
  border: 1px solid transparent;
  _border: none;
}

/* ROUNDED BORDERS */

pre,
.syntaxhighlighter,
.syntaxhighlighter .toolbar {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/* PRE/CODE BLOCKS, SYNTAX HIGHLIGHTING */

code, pre {
  font-family: "Consolas","Monaco","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
}

code {
  color: #913D00;
  font-weight: inherit;
  font-size: inherit;
}

pre {
  margin: 0 0 0.6em;
  padding: 0 0.6em;
  border: 1px solid #C4884F;
  background: #fee0c5;
  color: #000;
}

pre code {
  color: #000;
}

pre,
.syntaxhighlighter, 
.syntaxhighlighter div, 
.syntaxhighlighter code, 
.syntaxhighlighter span {
  font-size: 11px !important;
  line-height: 1.5em !important;
}

.syntaxhighlighter .line .content .block {
  background-position: 0 1.5em !important;
}

.syntaxhighlighter {
  width: auto !important;
  margin: 0 0 0.6em !important;
  padding: 0 1px !important;
  background: #fee0c5 !important;
  border: 1px solid #C4884F !important;
}

.syntaxhighlighter .toolbar {
  right: 3px !important;
  top: 3px !important;
}

.syntaxhighlighter .line .number {
  color: #C4884F !important;
}

.syntaxhighlighter .lines .content {
  border-color: #C4884F !important;
}

.syntaxhighlighter .lines .line:first-child,
.syntaxhighlighter .lines .line:first-child .content {
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
}

.syntaxhighlighter .lines .line:last-child,
.syntaxhighlighter .lines .line:last-child .content {
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

.syntaxhighlighter.nogutter .lines .line:first-child,
.syntaxhighlighter.nogutter .lines .line:first-child .content {
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
}

.syntaxhighlighter.nogutter .lines .line:last-child,
.syntaxhighlighter.nogutter .lines .line:last-child .content {
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
}