body {
	background:#f5f5f5;
	font-size:75%;
	font-family:Helvetica, Arial, sans-serif;
	line-height:1.5;
	margin:0;
	padding:0;
}

a {
	color:#d66;
	text-decoration:none;
	border-bottom:1px solid #faa;
}

a:visited {
	color:#977;
	border-color:#977;
}

pre {
	background:#fff;
	border-color:#ddd;
	border-style:solid;
	border-width:1px 1px 1px 7px;
	font-size:1.25em;
	padding:1em;
}

p {
	font-size:1.2em;
}

p code, li code {
	border:1px solid #ddd;
	background:#fff;
	padding:1px 3px;
}

li {
	font-size:1.1em;
}
li li {
	font-size:1em;
}

header {
	background:#ddd;
	background:-moz-linear-gradient(270deg, #fff, #eee);
	border-bottom:1px solid #fff;
	margin:0;
	width:100%;
	box-shadow: 0 5px 5px 0 #aaa;
	z-index:11;
}
	header div {
		position:relative;
		max-width:1000px;
		margin:0 auto;
	}
	header h1 {
		font-size:3em;
		margin:0;
		padding:0.25em 0;
	}

		header h1 a {
			border:none;
		}

	header p {
		color: #666;
		font-style:italic;
		text-transform:lowercase;
		position:absolute;
		top:1em;
		left:34%;
	}


#container {
	max-width:1000px;
	margin:3em auto;
}
#main {
	width:66%;
	float:right;
}

	#main h1 {
		border-bottom:1px solid #ddd;
		color:#d66;
		font-size:2.5em;
		padding-bottom:10px;
	}

	#main h2 {
		border-bottom:1px solid #ddd;
		color:#66d;
		font-size:2em;
		padding-bottom:5px;
	}

	#main h3 {
		color:#555;
		font-size:1.75em;
	}

	#main .permalink {
		border:none;
		color:#aaa;
		padding-left:10px;
	}
		
		#main h1:hover .permalink,
		#main h2:hover .permalink {
			color:#555;
		}

#nav {
	float: left;
	width:33%;
}
	
	#nav ul {
		list-style:none;
		padding:0;
	}

		#nav ul ul {
			padding:3px 0 3px 10px;
		}

		#nav li {
			text-transform: uppercase;
			font-weight:bold;
		}

			#nav li li {
				font-weight:normal;
			}

		#nav a {
			border:none;
		}

			#nav a:hover, #nav a.active {
				color:#fff;
				background:#d66;
			}


footer {
	clear:both;
	text-align:center;
	padding:6em 0 2em;
}
/* code highlighting
 * ==========================================
 */
/*

Intellij Idea-like styling (c) Vasily Polovnyov <vast@whiteants.net>

*/

pre code {
  display: block; padding: 0.5em;
  color: #000;
  background: #fff;
}

pre .subst,
pre .title {
  font-weight: normal;
  color: #000;
}

pre .comment,
pre .template_comment,
pre .javadoc,
pre .diff .header {
  color: #808080;
  font-style: italic;
}

pre .annotation,
pre .decorator,
pre .preprocessor,
pre .doctype,
pre .pi,
pre .chunk,
pre .shebang,
pre .apache .cbracket,
pre .input_number {
  color: #808000;
}

pre .tag,
pre .pi {
  background: #efefef;
}

pre .tag .title,
pre .id,
pre .attr_selector,
pre .pseudo,
pre .literal,
pre .keyword,
pre .hexcolor,
pre .css .function,
pre .ini .title,
pre .css .class,
pre .list .title,
pre .tex .command {
  font-weight: bold;
  color: #b44;
}

pre .attribute,
pre .rules .keyword,
pre .number,
pre .date,
pre .regexp,
pre .tex .special {
  font-weight: bold;
  color: brown;
}

pre .number,
pre .regexp {
  /*font-weight: normal;*/
}

pre .string,
pre .value,
pre .filter .argument,
pre .css .function .params,
pre .apache .tag {
  color: #008000;
  font-weight: bold;
}

pre .symbol,
pre .ruby .symbol .string,
pre .ruby .symbol .keyword,
pre .ruby .symbol .keymethods,
pre .char,
pre .tex .formula {
  color: #000;
  background: #d0eded;
  font-style: italic;
}

pre .phpdoc,
pre .yardoctag,
pre .javadoctag {
  text-decoration: underline;
}

pre .variable,
pre .envvar,
pre .apache .sqbracket,
pre .nginx .built_in {
  color: #660e7a;
}

pre .addition {
  background: #baeeba;
}

pre .deletion {
  background: #ffc8bd;
}

pre .diff .change {
  background: #bccff9;
}