/*-------------------------------------------------------------------------------------------------
   Lithium: the most rad php framework

   @copyright     Copyright 2011, Union of RAD (http://union-of-rad.org)
   @license       http://opensource.org/licenses/bsd-license.php The BSD License
-------------------------------------------------------------------------------------------------*/

/*--- This is the stylesheet for li3_docs ---*/

body.docs {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin: 0;
	min-width: 800px;
}

body.docs #header h1 {
	margin: 0;
	float: right;
	font-weight: normal;
	font-size: 2em;
	text-align: right;
}

body.docs #header h1 a {
	text-decoration: none;
	display: block;
	padding: .45em 0.75em 0 0;
	color: rgba(0,0,0,.15);
	border-bottom: none;
}

body.docs .triangle::before {
	content: '\25B2';
	font-size: 1em;
}
body.docs #header {
	margin: 0;
	padding: 0;
}

body.docs a .home {
	display: block;
	float: left;
	background: #E6E6E6;
	color: #999;
	color: rgba(0,0,0,.15);
	display: block;
	float: left;
	font-size: 1.5em;
	padding: 0.75em 0;
	text-align: center;
	width: 21%;
	line-height: 1.2em;
}
body.docs a .home::before {
	display: block;
	content: ' \25b4 \25b2 \25b4';
}
body.docs #header:after {
	display: block;
	content: ' ';
	clear: both;
}

body.docs .crumbs {
	display: block;
	float: right;
	width: 75%;
	padding-right: 2em;
}

body.docs .crumbs h3 {
	color: #bbb;
	font-size: .75em;
	margin: 0 0 .75em 0;
}

.crumbs ul {
	margin: 0;
}
.crumbs li {
	font-size: 1.25em;
	list-style-type: none;
	display: inline;
}

.crumbs li a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000;
}
.crumbs li a:hover {
	color: #0BF;
}

.article {
	position: relative;
}

.article .nav {
	width: 21%;
	float: left;
	clear: left;
	display: block;
	padding: 0;
	margin: 0;
	background-color: #f6f6f6;
}

.article .nav h2 {
	font-size: 1em;
	font-weight: bold;
	padding: .75em .75em 0 1em;
	margin: 0;
	color: black;
}

.article .nav a {
	color: #666;
	border-bottom: none;
	font-size: 0.85em;
}

.article .nav a:hover {
	color: #000;
}

.article .menu {
	display: block;
	padding: .25em;
	background: rgba(0,0,0,.05);
	-moz-border-radius: .35em;
	-webkit-border-radius: .35em;
	border-radius: .35em;
	position: absolute;
	top: 3.5em;
	right: 2%;
}

.article .menu a {
	background: #E6E6E6;
	-moz-border-radius: .35em;
	-webkit-border-radius: .35em;
	border-radius: .35em;
	border-bottom: 0;
	color: #666;
	display: block;
	float: left;
	margin-left: 0.25em;
	padding: 0.5em 1em;
	text-decoration: none;
	line-height: 1em;
}
.article .menu a:first-child {
	margin-left: 0 !important;
}
.article .menu a:hover {
	color: black;
	background: #f5f5f5;
}
.article .section {
	float: right;
	margin: 0.5em 2% 0 0;
	width: 75%;
}
.article #parent {
	padding-top: 0;
	height: 1.5em;
}
.article #parent + .section {
	padding-top: 2em;
}
.article .section:last-child {
	padding-bottom: 2em;
}
.article .section h3 {
	font-size: 1.75em;
	margin-top: 1em;
}
.article .section h3:first-child {
	margin-top: 0.2em;
}
.article .section h4 {
	font-size: 1.25em;
	margin-top: 1em;
	padding: .5em;
	background: #e6e6e6;
}
.article .section h4 a {
	border-bottom: none;
	color: #000;
}

.article .section p {
	margin-bottom: 0.2em;
}

.article .section .library-description {
	padding: .25em 1em;
}

.text, .parameters {
	width: 100%;
}

.description:not(:last-child) {
	width: 50%;
	float: right;
	padding: 1em 1.5em;
	margin: 0 0 1em 2em;
	line-height: 1.75em;
	font-size: 1.25em;
	background: #efefef;
	background: rgba(0,0,0,.05);
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
}

.description p:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.markdown p {
	margin-top: 10px;
	text-align: justify;
}

.text.markdown li {
	margin-bottom: 15px;
}

#locale-navigation {
	position: absolute;
	right: 20px;
	top: 60px;
	z-index: 2000;
}
#locale-navigation ul {
	list-style-type: none;
}

#footer-spacer {
	height: 100px;
}

.crumbs span {
	color: #0D0D0D;
}
.crumbs li a, .crumbs li span, .crumbs li::before {
	font-size: 1.25em;
	border-bottom: none;
/*	font-family: Monaco, Courier, monospace !important;*/
}
.crumbs .type {
	display: block;
	float: left;
	width: 1em;
	height: 0;
	padding: 1.25em 0 0 0;
	background: url("http://lithify.me/img/icons/silk/package.png") no-repeat center center;
	overflow: hidden;
}
.crumbs .type.class {
	background-image: url("http://lithify.me/img/icons/silk/brick.png");
}
.crumbs .type.method {
	background-image: url("http://lithify.me/img/icons/silk/wrench.png");
}
.crumbs .type.property {
	background-image: url("http://lithify.me/img/icons/silk/cog.png");
}
.crumbs .type.file {
	background-image: url("http://lithify.me/img/icons/silk/page_white.png");
}
.crumbs .type span::after {
	content: ':';
}
.crumbs li:last-child span {
	-moz-border-radius: .35em;
	-webkit-border-radius: .35em;
	border-radius: .35em;
	-webkit-box-shadow: inset 0 0 .25em rgba(0,0,0,.75);
	-moz-box-shadow: inset 0 0 .25em rgba(0,0,0,.75);
	box-shadow: inset 0 0 .25em rgba(0,0,0,.75);
	background: #999;
	color: white;
	padding: 0.1em 0.3em;
}
.crumbs li + li::before {
	content: '\\';
}
.crumbs li + li.ident::before {
	content: '::';
}
.crumbs li.type + li::before {
	content: '';
}
ul.libraries, ul.children, ul.subclasses, ul.properties, ul.methods, ul.related {
	margin: 0;
	list-style: none;
	padding: 0 0 0 .75em;
	border-left: 1px solid rgba(0,0,0,.05);
	margin: .5em 1em .75em 1.25em;
}
ul.parameters {
	list-style: none;
	margin: 0 0 0 1em;
}
.libraries > li {
	background: url("http://lithify.me/img/icons/silk/package_green.png") no-repeat center left;
	padding: .1em 0 .1em 26px;
}
.children > li, .subclasses > li {
	background: url("http://lithify.me/img/icons/silk/package.png") no-repeat 0 6px;
	padding: .1em 0 .1em 26px;
}
.children > li.class {
	background-image: url("http://lithify.me/img/icons/silk/brick.png");
}
.children > li.file {
	background-image: url("http://lithify.me/img/icons/silk/page_white.png");
}
.properties > li {
	background: url("http://lithify.me/img/icons/silk/cog.png") no-repeat 0 6px;
	padding: .25em 0 .25em 26px;
	font-family: Monaco, Courier, monospace !important;
	font-size: .85em;
}
.methods > li {
	background: url("http://lithify.me/img/icons/silk/wrench.png") no-repeat 0 6px;
	padding: .25em 0 .25em 26px;
	font-family: Monaco, Courier, monospace !important;
	font-size: .85em;
}
.parameters > li {
	background: url("http://lithify.me/img/icons/silk/cog_go.png") no-repeat 0 6px;
	padding: .25em 0 .25em 26px;
}
.parameters ul {
	margin-left: 1em;
}
.parameters ul p {
	margin: 0;
}
.related > li {
	font-size: 0.85em;
	font-family: Monaco, Courier, monospace;
	background: url("http://lithify.me/img/icons/silk/brick_add.png") no-repeat 0 6px;
	padding: .25em 0 .25em 26px;
}
.nav.namespace {
	background: url("http://lithify.me/img/icons/silk/package_green.png") no-repeat center left;
	padding: .25em 0 .25em 26px;
}
.nav.class {
	background: url("http://lithify.me/img/icons/silk/package.png") no-repeat center left;
	padding: .25em 0 .25em 26px;
}
.nav.method {
	background: url("http://lithify.me/img/icons/silk/wrench.png") no-repeat center left;
	padding: .25em 0 .25em 26px;
}
h2.parent, a.parent {
	font-size: 1em;
	border-bottom: none;
}
h2.parent {
	display: inline;
	color: #000;
	text-transform: lowercase;
}
h2.parent::before {
	content: '\21b3 ';
	padding-right: .5em;
}

span.type {
	color: #454545;
}

.source-display {
	margin-top: 20px;
}

<<<<<<< HEAD
#footer {
	clear: both;
	color: #E0E0E0;
}

=======
>>>>>>> Trying out new presentation for li3_docs to coordinate with the test suite
.source-wrapper {
	clear: both;
	color: #ccc;
}