@import url(http://fonts.googleapis.com/css?family=Oxygen:300,400,700);


html, body {
	/*
	font: 13px/1.21 'Helvetica Neue', helvetica, verdana;
	*/
	font: 13px/1.21 'Helvetica Neue', helvetica, verdana, sans-serif;
	color: #222;
	background: #EEE;
	min-height: 100%;
	padding: 0;
	margin: 0;
}

h1 {
	margin: 0;
	padding: 15px 0;
	color: #6AF;
	text-shadow: 0 1px 0 #FFF;
	text-align: center;
	font-family: 'Oxygen', 'Helvetica Neue', helvetica, verdana, sans-serif;
	font-weight: 300;
	letter-spacing: -0.04em;
}

h2 {
	padding: 5px;
	margin: 0;
	color: #666;
	font-family: 'Oxygen', 'Helvetica Neue', helvetica, verdana, sans-serif;
	font-weight: 400;
}

h3 {
	margin: 0;
	padding: 8px 5px 3px;
	color: #124;
}

h4 {
	padding: 0;
	margin: 0;
	text-align: center;
	color: #666;
	font-size: 120%;
	position: relative;
	top: -0.7em;
}

p {
	padding: 5px;
	margin: 0;
}

.section {
	margin: 10px;
	padding: 15px;
	border: 1px solid #CCC;
	background: #FFF;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

pre.block, .license {
	padding: 4px 7px;
	border: 1px solid #EEE;
	border-left-width: 3px;
	background: #FFF;
}

#changelog {
	font-family: 'Inconsolata','Consolas','Panic Sans','Menlo','Andale Mono','Courier New',courier,mono;
}

body .template {
	display: none;
}


.crumbs {
	position: absolute;
	left: -10px;
	top: -10px;
	padding: 14px 6px 4px 14px;
	float: left;
	clear: none;
	background: #DDD;
	border: 1px solid #BBB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.15);
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	color: #999;
}
	.crumbs a {
		color: #69F;
		font-weight: bold;
		text-decoration: none;
	}


.footer {
	clear: both;
	width: 440px;
	margin: 20px auto 0;
	padding: 10px;
	background:#F4F4F4;
	border: 1px solid #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #999;
}


#plugins {
	padding: 15px;
	overflow: hidden;
	text-align: center;
}

.plugin {
	position: relative;
	display: inline-block;
	*display: table-cell;
	padding: 5px 0;
	margin: 5px;
	width: 340px;
	float: none;
	clear: none;
	background: #F6F6F6;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2), inset 0 1px 0 #FFF;
	text-align: center;
	vertical-align: top;
	cursor: pointer;
}
.plugin * {
	cursor: pointer;
}

.plugin h6 {
	margin: 0 10px;
	padding: 0 2px 6px;
	border-bottom: 1px solid #DDD;
	-webkit-box-shadow: 0 1px 0 #FFF;
	-moz-box-shadow: 0 1px 0 #FFF;
	box-shadow: 0 1px 0 #FFF;
	font-size: 240%;
	font-family: 'Oxygen', 'Helvetica Neue', helvetica, verdana, sans-serif;
	font-weight: 300;
	letter-spacing: -0.02em;
	color: #000;
	text-decoration: none;
}

.plugin p {
	background-color: #f5f1dc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f1dc), to(#e0d8b6)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(top, #f5f1dc, #e0d8b6); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:    -moz-linear-gradient(top, #f5f1dc, #e0d8b6); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #f5f1dc, #e0d8b6); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #f5f1dc, #e0d8b6); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
	margin: 0;
	padding: 12px 10px 10px;
	color: #777;
	box-shadow: inset 0 2px 6px rgba(0,0,0,0.25);
	border-bottom: 1px solid #FFF;
	font-size: 112%;
}

.plugin .author {
	margin: 0;
	padding: 2px 0;
	color: #000;
	font-style: italic;
	font-size: 112%;
	opacity: 0.5;
}
.plugin .updated {
	margin: 0;
	padding: 5px 0 0;
	color: #AAA;
}












/**	hljs */
pre code {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  color: #111;
  background: #F8F8FA;
  border: 1px solid #D0D0DD;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 #FFF, 0 0 4px rgba(0,0,0,0.1);
  tab-size: 4;
}

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

pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .lisp .title,
pre .subst {
  color: #000;
  font-weight: bold;
}

pre .ruby .keyword {
  font-weight: normal;
}

pre .number,
pre .hexcolor {
  color: #40a070;
}

pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula {
  color: #d14;
}

pre .title,
pre .id {
  color: #900;
  font-weight: bold;
}

pre .javascript .title,
pre .lisp .title,
pre .subst {
  font-weight: normal;
}

pre .class .title,
pre .haskell .label,
pre .tex .command {
  color: #458;
  font-weight: bold;
}

pre .class .params {
	color: #000;
}

pre .tag,
pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {
  color: #000080;
  font-weight: normal;
}

pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body {
  color: #008080;
}

pre .regexp {
  color: #009926;
}

pre .class {
  color: #458;
  font-weight: bold;
}

pre .symbol,
pre .ruby .symbol .string,
pre .ruby .symbol .keyword,
pre .ruby .symbol .keymethods,
pre .lisp .keyword,
pre .tex .special,
pre .input_number {
  color: #0086b3;
}

pre .ruby .identifier .keyword,
pre .ruby .identifier .keymethods {
  color: #0086b3;
}

pre .ruby .constant {
  color: #008080;
}

pre .builtin,
pre .built_in,
pre .lisp .title {
  color: #0086b3;
}

pre .preprocessor,
pre .pi,
pre .doctype,
pre .shebang,
pre .cdata {
  color: #999;
  font-weight: bold;
}

pre .deletion {
  background: #fdd;
}

pre .addition {
  background: #dfd;
}

pre .diff .change {
  background: #0086b3;
}

pre .chunk {
  color: #aaa;
}

pre .tex .formula {
  opacity: 0.5;
}