index.css

body {
  background-color:#F6F4F2;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:16px;
}

h1, ul, li {
  margin:0px;
  padding:0px;
}

#header {
  background-color:#515151;
  background:#515151 -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.2, #515151),
    color-stop(0.8, #302F2D)
  );
  background:-moz-linear-gradient(center bottom , #515151 20%, #747474 80%);
  border-top:1px solid #919192;
  height:32px;
  left:0px;
  position:fixed;
  top:0px;
  width:100%;
  z-index:1;
}
#subheader {
  background-color:#CBCBCB;
  background:-webkit-gradient(linear,
    left top,
    left bottom,
    color-stop(0.0, #F9F9F9),
    color-stop(1.0, #CBCBCB)
  );
  background:-moz-linear-gradient(center bottom , #CBCBCB 0%, #F9F9F9 100%);
  border-top:1px solid #383A3C;
  border-bottom:1px solid #919395;
  height:32px;
  left:0px;
  position:fixed;
  top:32px;
  width:100%;
  z-index:1;
}
#sidebar {
  background-color:#ECEAE7;
  bottom:0px;
  left:0px;
  overflow:auto;
  padding:20px 40px 0px 0px;
  position:fixed;
  text-align:right;
  top:66px;
  width:180px;
  z-index:1;
}
#scrollable {
  bottom:0px;
  left:220px;
  position:fixed;
  overflow:auto;
  right:0px;
  top:64px;
}
#content {
/*  top:64px;*/
/*  bottom:0px;*/
/*  right:0px;*/
/*  left:220px;*/
/*  margin:64px auto 0px 220px;*/
  margin:20px 60px;
/*  position:absolute;*/
/*  overflow:auto;*/
  z-index:0;
}

#header h1,
#header h1 a,
#subheader h1 {
  color:#F6F4F2;
  font-size:18px;
  font-weight:normal;
  line-height:32px;
  margin:0px;
  text-align:center;
  text-shadow:0px -1px 1px #222222;
}

#header h1 a strong {
  font-weight:bold;
}

#header h1 {
  text-align:left;
  margin-left:20px;
}

#subheader h1 {
  color:#000000;
  text-shadow:#FFFFFF 0px 1px 0px;
}

#header small,
#subheader small {
  color:#EFEFEF;
  font-size:14px;
  line-height:32px;
  position:absolute;
  top:0px;
  right:20px;
  text-shadow:-1px 1px 1px #666666;
}

#sidebar .vertical_divider {
  background-color:#CCCCCC;
  bottom:0px;
  border-right:1px solid #FFFFFF;
  position:absolute;
  top:0px;
  right:0px;
  width:1px;
}

#sidebar h1 {
  color:#000000;
  font-size:18px;
  padding:0px;
  margin:30px 0px;
  font-weight:normal;
  text-shadow:#FFFFFF 0px 1px 0px;
}

#sidebar ul,
#sidebar li {
  margin:0px;
  padding:0px;
}
#sidebar li,
#sidebar li a {
  color:#767573;
  font-size:14px;
  list-style:none;
  margin:15px 0px;
  text-shadow:#FFFFFF 0px 1px 1px;
}
#sidebar li a {
  -webkit-transition:color .15s ease-out;
  -moz-transition:color .15s ease-out;
  -o-transition:color .15s ease-out;
}
#sidebar li a:hover {
  color:#242220;
  -webkit-transition:color .15s ease-in;
  -moz-transition:color .15s ease-in;
  -o-transition:color .15s ease-in;
}


#otherbar {
  display:none;
}

#content {
  font-size:13px;
  line-height:160%;
  max-width:750px;
}

#content h1 {
  border-bottom:2px solid;
  font-size:2em;
  font-weight:normal;
  margin:2.0em 0px 1.3em 0px;
  padding-bottom:0.6em;
}
#content h2 {
  color:#242220;
  font-size:1.4em;
  font-weight:bold;
  margin:1.3em 0px 0.8em 0px;
  text-shadow:#FFFFFF 0px 1px 1px;
}
#content h3 {
  font-size:1em;
  font-weight:bold;
  margin:0.8em 0px 0.5em 0px;
  text-shadow:#FFFFFF 0px 1px 1px;
}

hr {
  display:none;
  border:none;
  margin:40px 0px;
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #FFFFFF;
}

p,blockquote,pre,ul {
  margin:1em 0px;
}

h2:after,
h3:after {
	content: ":";
}

blockquote {
  color:#767573;
	font-style:normal;
  margin-left:35px;
  padding-left:20px;
	position:relative;
	text-shadow:#FFFFFF 0px 1px 0px;
}
blockquote code {
	font-style: normal;
}
blockquote p {
  padding:10px 0px;
}
blockquote::before {
  font-style: normal;
  content: '\201C';
  font-size: 450%;
  font-family:Georgia, Palatino, 'Times New Roman', Times;;
  position: absolute;
  left: -25px;
  top:0.3em;
  color: #E0E0E0;
}

ul {
  margin-left:40px;
}
ul > li {
	list-style:disc;
	list-style-position:outside;
}
ul ul {
  margin-bottom:0.5em;
  margin-top:0.5em;
}



code {
	font-family:"DejaVu", "Monaco", "Courier New", "Courier";
	font-size:90%;
	padding:2px 4px;
	white-space:pre-wrap;;
}

pre {
/*    border:1px solid #CCCCCC;*/
    background:#F2F0EE;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    display:block;
    line-height:110%;
    margin:1.5em 0px 3em 0px;
    padding:15px 20px;
    white-space:pre-wrap;
}
pre code {
  background:none;
	border:none;
	font-size:11px;
	padding:0px;
}

a[href] {
/*  color:inherit;*/
  color:#F06433;
  text-decoration:none;
  text-shadow:#FFF 0px 1px 0px;
}
a[href]:hover {
  color:#d0410f;
}

.prettyprint a[href],
.prettyprint a[href] span {
  text-decoration:underline;
  text-shadow:none;
}
.prettyprint a[href] :hover,
.prettyprint a[href] span :hover {
  text-decoration:none;
}

code a[href] {
  color:inherit;
/*  border-bottom:1px dotted #000000;*/
  text-decoration:underline;
}
code a[href]:hover {
  color:inherit;
  text-decoration:none;
}

a[href].external:after {
	content: "*";
	font-style: super;
	opacity: .5;
}

#index {
	-webkit-column-width: 235px;
	-webkit-column-rule-width: 5px;
	-moz-column-width: 235px;
	-moz-column-rule-width: 5px;
	column-width: 235px;
	column-rule-width: 5px;
}

#index h2:after,
#index h3:after { 
  content:"";
}

#index h2 { 
  margin:0px;
  padding:0px;
}

#index {
  padding: 10px 1px;
}

#index ul {
	margin:0px 0px 30px 0px;
	padding:0;
}

#index ul li {
	list-style: none;
}

#index ul li a {

}

#home h1 {
  border-bottom:1px solid #919395;
  padding-bottom:20px;
  margin:30px 0px;
}

#home h2 {
  font-weight:normal;
  margin:0px 0px 10px 0px;
  padding:0px;
}

#home h2:after {
  content:'';
}

#home h2 a {
  text-shadow:#FFFFFF 0px 1px 1px;
}

#home span {
  color:#8B8078;
  font-size:14px;
  text-shadow:#FFFFFF 0px 1px 0px;
}

#home ul {
  float:left;
  margin:0px;
  padding:0px;
}
#home ul li {
  float:left;
  height:120px;
  list-style:none;
  margin:0px;
  padding:0px 20px;
  width:200px;
}