* { 
  line-height: 1.4em; 
}

body { 
  background: #ffbb44; /* #ff9610; */
  margin: 0; 
  padding: 0;
}

:link { color: #771028; }
:visited { color: #400a20; }
:link:hover, :visited:hover { background-color: #ffc844; }

.flash {
  margin: 1em 2em;
  padding: 1em 2em;
  border: 1px solid black;
  background-color: #ffc844;
}

#top {
  border-bottom: solid 0.3em #980101;
  font: normal 90% italic serif;
  margin: 0.3em 0 0;
  overflow: hidden;
}

#top .langlink,
#top .helplink {
  float: right;
  margin: 0 1em 0 0;
}

#top strong {
  font-weight: normal;
}

#top :link, #top :visited { text-decoration: none; }

p.ingress {
  color: #980101;
  font: italic normal 1.2em/1.2em serif;
  margin: 0.6em 2em 1.4em;
  padding: 0;
  text-align: left;
}

.menu, .menu * { line-height: 1.2em; }
div.menu {
  border: solid #980101;
  border-width: 1px 0 0 0;
  font: normal 90% sans-serif;
  margin-top: 1em;
}
.menu h2 { margin: .2em .4em; padding: 0; font-size: 14pt; }
.menu ul { margin: 0; padding: 0; }
.menu li {
  background-image: url(smalltop.png);
  background-position: 0 5px;
  background-repeat: no-repeat;
  display: block;
  margin: 0;
  padding: 0 0 0 0.8em;
}
.menu li.label {
  background-image: none;
  font-weight: bold;
  padding: 0 0 0 0.2em;
}
.menu :link, .menu :visited { text-decoration: none; }
.menu li:hover, .menu li:hover * { 
  background: url(smalltop.png) #cc8010; 
  background-position: 0 5px;
  background-repeat: no-repeat;
}
.menu li:hover :link, .menu li:hover :visited { text-decoration: underline; }
.menu hr, hr.mainend { display: none; }

.toclevel-2,
.toclevel-3,
.toclevel-4,
.tocnumber {
  display: none !important;
}

h1 { margin: 1em 0 0 0; }
h2, h3 { margin: 1.2em 0 0 0; }
h4, h5, h6 { margin: 0.8em 0 0 0; }
h1 { font: italic normal 2.8em/1em gentium, serif; }
h2 { font: italic normal 2em/1em gentium, serif; }
#bodyContent h2 { border-bottom: solid 1px #ee7708; }

p {
  margin: 0 0 1em 0;
}

div#preContent,
div#bodyContent,
div#footer {
  margin: 0 auto;
  max-width: 50em;
  padding: 0 1ex;
}
#top strong a {
  display: block;
  margin: 0 auto;
  max-width: 55.55em; /* 50em / 90% */
  padding: 0 1.111ex;
}

div#footer {
  border-top: solid 1px #980101;
  margin-top: 1em;
}
#footer p {
  text-align: right;
  margin: .4em 0;
  padding: 0;
}
#footer p.dated {
  font-size: 80%;
  font-style: italic;
}
table#toc {
  background: #fff;
  float: right;
  margin: 10px 0px 10px 10px;
}

pre {
  background: #eaeaea;
  padding: 10px;
}

table.listing {
    border-collapse: collapse;
    width: 100%;
    margin: 1em 0;
}
table.listing tr:hover {
    background: #ffdda1;
}
table.listing th {
    border-bottom: solid 1px #980101;
    text-align: left;
}
table.listing th,
table.listing td {
    padding: 0 1ex 0 0;
}
table.listing th:last-child,
table.listing td:last-child {
    padding: 0;
}
table.listing tr.footer th,
table.listing tr.footer td {
    border: 0;
    border-top: solid 1px #980101;
}

table.fsstatus caption,
table#volstatus caption {
    caption-side: bottom;
    font-size: 80%;
    font-style: italic;
    text-align: left;
}
table.fsstatus td:nth-child(3),
table.fsstatus td:nth-child(5),
table.fsstatus td:nth-child(6) {
    text-align: right;
}
table#volstatus th:nth-child(4),
table#volstatus th:nth-child(5),
table#volstatus td:nth-child(4),
table#volstatus td:nth-child(5) {
    text-align: right;
}

ol#spacewasters {
    -moz-column-width: 25ex;
    -webkit-column-width: 25ex;
    column-width: 25ex;
}
ol#spacewasters .user {
    display: inline-block;
    width: 11ex;
}

@media screen and (min-width: 35em) {
    #top strong,
    div#wrap {
	display: block;
	padding: 0 26% 0 0;
    }
    div.menu {
	margin: 0;
	max-width: 24%;
	position: absolute;
	right: 1%;
	top: 3em;
	width: 18em;
        border-width: 0 0 0 0.1em;
    }

    #top strong a:after { content: " \2013 " attr(title); }

    body.stacken h1 {
	font-size: 8em;
	margin: 0;
	opacity: .2;
    }
    body.stacken p.ingress {
	font-size: 1.4em;
	margin-top: -2em;
	text-shadow: 0 0 0.5ex rgba(255, 255, 255, 0.8);
    }

    table.fsstatus th:nth-child(4) {
	width: 50%;
    }
    table.fsstatus td:nth-child(4) {
	border-left: solid 1px #980101;
	padding: 0;
    }
    table.fsstatus td {
	white-space: nowrap;
    }
    table.fsstatus .bar {
	font-size: 80%;
	line-height: 1.1em;
	display: inline-block;
	border: solid #721d1d;
	border-width: 1px 0;
	text-align: right;
    }
    table.fsstatus .bar.used {
	background: #ffff00;
	background: -moz-linear-gradient(top, #ffff00 0%, #ffffff 23%, #ffff00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff00), color-stop(23%,#ffffff), color-stop(100%,#ffff00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffff00 0%,#ffffff 23%,#ffff00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffff00 0%,#ffffff 23%,#ffff00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffff00 0%,#ffffff 23%,#ffff00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffff00 0%,#ffffff 23%,#ffff00 100%); /* W3C */
	overflow: visible;
	position: relative;
	z-index: 2;
    }
    table.fsstatus .bar.used.full {
	background: #ff0000;
	background: -moz-linear-gradient(top, #ff0000 0%, #ffffff 23%, #ff0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(23%,#ffffff), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff0000 0%,#ffffff 23%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff0000 0%,#ffffff 23%,#ff0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff0000 0%,#ffffff 23%,#ff0000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff0000 0%,#ffffff 23%,#ff0000 100%); /* W3C */
    }
    table.fsstatus .bar.free {
	background: #00ff00;
	background: -moz-linear-gradient(top, #00ff00 0%, #ffffff 23%, #00ff00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ff00), color-stop(23%,#ffffff), color-stop(100%,#00ff00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00ff00 0%,#ffffff 23%,#00ff00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00ff00 0%,#ffffff 23%,#00ff00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00ff00 0%,#ffffff 23%,#00ff00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #00ff00 0%,#ffffff 23%,#00ff00 100%); /* W3C */
	border-width: 1px 1px 1px 0;
    }
}