/* ikiwiki local style sheet */

@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  src: local('Cantarell Regular'), local('Cantarell-Regular'), url(cantarell.woff2) format('woff2'), url(cantarell.woff) format('woff');
}

/* Add local styling here, instead of modifying style.css. */

a {
	text-decoration: none;
	color: #4dba33;
}

a:hover {
	color: #0e49b6;
	text-decoration: underline;
}


hr {
	border-style: none;
	background-color: #999;
	height: 1px;
}

code, pre {
    background: #eee;
}

pre {
	margin: 0 auto;
	padding: .5em;
}

body {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	font-family: 'Cantarell', sans-serif;
	color: black;
	background: #FFF;
}

.pageheader {
	margin: 0;
	margin-top: 20px;
}

.header {
	font-size: 100%;
	font-weight: normal;
	margin-left: 100px;
}

.title {
	display: block;
	text-indent: -9000px;
	width: 203px;
	height: 95px;
	background: url('logo.svg');
	background-size: 203px 95px;
}

.actions {
	text-align: right;
	padding: 0;
}

#content {
	color: #555;
	line-height: 1.5em;
	padding: 1em;
	max-width: 1000px;
	margin: 0 auto;
}

#comments, #footer {
	color: #999;
  	padding: 1em;
}

.page {
	max-width: 1400px;
	margin: 0 auto;
}

#pageinfo {
	border-color: #999;
}

.inlinepage {
	margin: .4em 0;
	padding: .4em 0;
	border-style: none;
	border-top: 1px solid #aaa;
}

.inlineheader {
	font-size: 120%;
	font-weight: normal;
}

h1 { font: 120% sans-serif }
h2 { font: bold 120% sans-serif }
h3 { font: italic 100% sans-serif; font-weight: bold; }
h4, h5, h6 { font: small-caps 100% sans-serif; font-weight: bold; }
h4 { font-size: 90%; }
h5 { font-size: 80%; }
h6 { font-size: 70%; }

/* Smaller headings for inline pages */
.inlinepage h1 { font-size: 110% }
.inlinepage h2 { font-size: 100% }
.inlinepage h3 { font-size: 100% }

.pageheader .actions ul {
	border-style: none
}

.actions ul {
	font-size: 75%;
	padding: 0;
	border-style: none;
}

.actions ul li a {
	text-decoration: none;
}

.actions ul li {
	margin: 0;
	padding: .1em .5em 0 .5em;
	background: #FFF;
	border-color: #999;
	border-style: solid solid none solid;
	border-width: 1px;
}

div.recentchanges {
	border-style: none;
}

.parentlinks {
	float: right;
	font-size: 0.8em;
	color: #FFF;
}

.parentlinks a {
	background: #EFE;
	padding: 0.2em;
}

.parentlinks a:hover {
	background: #CFE;
}

.pagecloud {
	width: auto;
}

.projectlogo {
	/* center image */
	display: block;
	margin: 0px auto;
}

fieldset {
	border: none;
}

/* footer texts */

.pagecopyright {
	text-align: center;
}

.pagelicense {
	float: left;
}

.pagedate {
	float: right;
}

/* sidebar custom */

.sidebar {
	width: auto;
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	margin-left: 350px;
	margin-right: 10px;
	margin-top: -75px;
}

.sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar ul li {
	display: inline;
	margin-left: 5px;
	border-bottom: 1px solid #FFF;
	transition: 0.5s;
}

.sidebar ul li:hover {
	border-bottom: 1px solid #4dba33;
	transition: 0.3s;
}


.sidebar a {
	text-decoration: none;
	color: #0e49b6;
	padding: 0.5em;
	line-height: 3em;
	transition: 0.3s;
}

.sidebar a:hover {
	color: #4dba33;
	transition: 0.3s;
}


/* media-query for mobile */

@media(max-width:640px) {

   .header,
   .sidebar {
	margin: 0;
	padding: 1em;
	transition: 0.3s;
   }

}

/* tables */

table {
	border-collapse: collapse;
}

th, td {
	border: 1px solid black;
	padding: 5px;
}

th {
	background: gray;
	color: white;
	text-align: center;
}

/* project table */

.projects td {
	border: none;
	border-spacing: 10px;
}

/* finance tables */

.finance {
	border-collapse: collapse;
}

.finance th, .finance td {
	border: 1px solid black;
	padding: 5px;
}

.finance th {
	background: gray;
	color: white;
	text-align: center;
}

.finance td {
	text-align: right;
}

.finance td:last-child {
	text-align: left;
}

.finance tr:last-child td {
	background: gray;
	color: white;
}

/* voting tables */

.beat, .pairwise, .vote {
	border-collapse: collapse;
}

.beat th, .pairwise th, .vote th {
	background: gray;
	color: white;
}

.beat th, .beat td, .pairwise th, .pairwise td, .vote th, .vote td {
	border: 1px solid black;
	padding: 5px;
	text-align: center;
}

.pairwise th:last-child {
	background: #9999ff;
}

.pairwise td:last-child {
	background: #9999ff;
}


td.win {
	background: lightgreen;
}

td.present {
	background: lightgreen;
}

td.partial {
	background: #66ccff;
}

td.absent {
	background: #ff9999;
}

td.regrets {
	background: #ffcc66;
}

td.deferred {
	background: #ffccff;
}