/* Global Properties */

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

hr.darker {
	border-color: #CCCCCC;
}

.button {
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid #d5dce0 1px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	padding: 6px 19px;
}

.button a, .button a:hover {
	color: inherit;
	text-decoration: none;
}

.clear {
	clear: both;
}

/* Index */

#slogan-wrapper {
	display: none;
}

#slogan-sep {
	display: none;
	white-space: pre;
}

#slogan-ext {
	color: #b03e4d;
}

#top-logo {
	float: left;
}

#first-index {
	text-align: center;
	padding-top: 8em;
}

#first-index #logo {
	margin-bottom: 1em;
}

#first-index a {
	text-decoration: none;
}

#first-index a:hover {
	text-decoration: underline;
}

#first-index ul {
	list-style: none;
	margin-top: 1em;
	text-align: left;
	margin-left: 47%;
}

#first-index li {
	margin-top: 0.2em;
}

#first-index ul img {
	margin-right: 5px;
}

/* Welcome Page */

#welcome-dl {
	position: absolute;
	right: 6%;
	top: 7%;
}

#welcome-dl div:FIRST-CHILD {
	margin-bottom: 16px;
}

#last-update {
	position: absolute;
	left: 3%;
	top: 7%;
}

#welcome-dl p {
	margin: 0;
	text-align: center;
}

#welcome-logo {
	padding-top: 15%;
	text-align: center;
}

#welcome-separator {
	height: 5px;
	background-color: #b03e4d;
	margin-bottom: 3.7em;
}

#welcome-ep {
	margin: 0 auto;
	text-align: center;
}

.welcome-desc {
	font-weight: bold;
	font-size: 2em;
	margin-top: 1.3em;
	margin-bottom: 2em;
}

.index-ep {
	font-size: 1.7em;
	margin-left: 2em;
	padding-right: 32px;
}

.info-main {
	font-size: 1.4em;
	color: #b23e4b;
	padding: 0;
	width: 12em;
}

.info-main .octicon {
	vertical-align: 3px;
}

.info-main a:hover {
	text-decoration: underline;
}

.info-details {
	font-size: 1.0em;
}

/* Both Welcome and Top Menu */

.ep {
	background-color: white;
	color: #b23e4b;
}

.ep span.glyphicon {
	padding-left: 7px;
	color: black;
}

.ep:hover, .ep:hover span, .ep-selected {
	background-color: #b23e4b !important;
	border-bottom: solid #b23e4b 2px;
	color: white;
	text-decoration: none;
}

.ep-selected:hover {
	background-color: #b23e4b !important;
	border-bottom: solid #b23e4b 2px;
	color: white;
}

.ep > .caret {
	border-top-color: transparent;
	border-bottom-color: transparent;
}

/* Top Menu */

#header-img {
	height: 90px;
	margin: 8px 0 0 10px;
	padding: 0 34px 14px 18px;
	border-bottom: solid black 3px;
}

.dd-lang {
	padding-right: 15px;
}

img.flag {
	margin-bottom: 2px;
	margin-right: 4px;
}

.navbar-rbcf {
	margin: 0 0 28px 0;
	padding-right: 24px;
}

.navbar-rbcf li.active {
	background-color: #b23e4b !important;
	border-bottom: solid #b23e4b 2px;
	color: white !important;
}

.little {
	font-size: 5px;
	vertical-align: middle;
	padding-left: 4px !important;
}

.dropdown-toggle {
	border-color: transparent !important;
}

.dropdown-menu > li > a:hover {
	background-color: #b23e4b !important;
	color: white !important;
}

/* Left Menu */

.menu {
	position: fixed;
	left: 22px;
	width: 180px;
}

.menu li {
	color: black;
}

.menu > ul {
	list-style: none;
}

.menu > ul > li > a {
	position: relative;
	display: block;
	padding: 7px 0 7px 10px;
}

.menu li:hover {
	color: #b23e4b;
}

.menu a, .menu a:active, .menu a:hover {
	color: inherit;
	text-decoration: none;
}

.menu li.active {
	font-weight: bold;
	color: #b23e4b;
}

/* Other Pages */

.content {
	margin-left: 260px;
	margin-right: 34px;
	padding-bottom: 24px;
}

.content a, .content a:hover {
	color: #b23e4b;
}

.content h1 {
	font-size: 2.4em;
	font-weight: bold;
}

.content h2 {
	font-size: 1.7em;
	font-weight: bold;
	margin-top: 20px;
}

.content h3 {
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: underline;
	margin: 10px 0 14px 0;
}

.content ul {
	list-style-type: square;
	padding-left: 40px;
}

.content ol {
	padding-left: 40px;
}

.content ul > li > ul {
	list-style-type: disc;
	margin-bottom: 18px;
	margin-top: -6px;
}

.content pre {
	margin-bottom: 18px;
}

.content .floated {
	float: left;
	width: 360px;
	height: 200px;
}

p > img.illustration {
	width: 400px;
	margin: 10px auto;
}

p > img.gs {
	max-width: 700px;
	margin: 18px auto;
}

div.more-about {
	border-top: solid #b03e4d 2px;
	border-bottom: solid #b03e4d 2px;
	padding: 14px 10px 10px;
}

/* Search bar */

#search-bar {
	width: 30%;
	margin-top: 10px;
	margin-right: 10px;
	display: none;
}

/* Twitter */

#twitter-widget-0 {
 	width: 80% !important;
}

/* Roadmap */
span.roadmap-done {
	color: green;
	font-weight: bold;
	padding-left: 24px;
}

span.roadmap-in-progress {
	color: orange;
	font-weight: bold;
	padding-left: 24px;
}

/* Syntax Highlighting with Pygment (and others...) */

.language-properties span.c,
.language-java span.c,
.language-java span.c1,
.language-puppet span.c,
.language-bash span.c,
.language-tcl span.c,
.language-xml span.nt,
.language-json span.nt,
.language-html span.s,
.language-roboconf span.comment,
.language-roboconf-commands span.comment,
/* FIXME: rouge */
.highlighter-rouge span.c,
.highlighter-rouge span.c1,
.highlighter-rouge span.nt {
	color: green;
}

.language-puppet span.na,
.language-html span.nt,
.language-java span.nf,
.language-roboconf span.value,
.language-bash span.nv,
.language-bash span.nb {
	font-weight: bold;
}

.language-java span.cm,
.language-html span.cm,
.highlighter-rouge span.gp {
	color: #4978a7;
}

.language-bash span.k,
.language-puppet span.k,
.language-java span.k,
.language-java span.kd,
.language-java span.kn,
.language-http span.nf,
.language-http span.na,
.language-http span.kr,
.language-tcl span.nv,
.language-tcl span.nb,
.language-roboconf span.property,
.language-roboconf-commands span.keyword,
.language-roboconf-rules span.keyword,
/* FIXME: rouge */
.highlighter-rouge span.kn,
.highlighter-rouge span.kd,
.highlighter-rouge span.k {
	color: #b23e4b;
	font-weight: bold;
}

.language-htmldjango span.cp,
.language-json span.p,
.language-roboconf-rules span.attribute {
	color: #b23e4b;
	font-size: 14px;
}

.language-java span.nd {
	font-style: italic;
}

pre.file-hierarchy {
	line-height: 14px;
	padding-left: 12px;
}

/* Tables for parameters */

table {
	margin: 16px 0 20px;
	border: solid black 1px;
	border-collapse: collapse;
	width: 100%;
}

table td {
	border: solid black 1px;
	padding: 6px 14px;
}

table th {
	background-color: #fff;
	text-align: center;
	font-weight: bold;
	border: solid black 1px;
	padding: 10px 14px;
}

table tr:nth-child(odd)	{
	background-color: #dadada;
}

table tr:nth-child(even) {
	background-color: #fff;
}

table td:nth-child(1) {
	color: #1a181d;
}

table td:nth-child(3) {
	text-align: center;
}

table td:nth-child(4) {
	text-align: center;
}

p > code,
li > code {
	color: black;
}


/* The download table is a little bit special */

table#download-table td:nth-child(2) {
	font-weight: bold;
}

table#download-table td {
	text-align: center;
	vertical-align: top;
}

table#apis-table td:nth-child(1) {
	text-align: center;
	vertical-align: top;
}


/* The table for API */

table.api-table td:nth-child(2) {
	text-align: center;
}


/* Footer */

#footer {
	margin: 18px 0 0;
	padding: 7px 0;
	font-size: 11px;
	text-align: center;
}