* {
	--bg-color: #040c09;
	--bg-light: #203026;
	--bg-light-2: #22342a;
	--bg-mid: #141c18;
	--text-color: #809080;
	--text-hilight-1: #acac60;
	--text-hilight-2: #9ca060;
	--link-color: #609ca0;
}

body {
	background-color: var(--bg-color);
	color: var(--text-color);
	padding: 0.5em 2em;
}

a {
	color: var(--link-color);
}

#header {
}

#header>h1 {
	color: var(--text-hilight-1);
}

#header>h2 {
	color: var(--text-hilight-2);
}

#menu {
	margin: 0;
	padding: 0;
}

#menu li {
	display: inline-block;
	margin: 0;
	padding: 0.3em 1em;
	border-radius: 5px 5px 0 0;
	background: var(--bg-mid);
}

#menu *.selected {
	background: var(--bg-light);
}

#menu a {
	text-decoration: none;
}

#menu a:hover {
	text-decoration: none;
}

#main {
}

#sidebar {
}

#task-list {
  width: 100%;
	background: var(--bg-light);
	border: 0;
	border-radius: 0 5px 5px 5px;
	border-collapse: collapse;
}

#task-list tbody {
	background: var(--bg-light-2);
}

#task-list thead {
	border-bottom: 1px solid var(--text-hilight-1);
}

#task-list tfoot {
	border-top: 1px solid var(--text-hilight-1);
}

#task-list tr {
	margin: 0;
	padding: 0;
}

#task-list th, 
#task-list td {
	margin: 0;
	padding: 0.2em 1em;
  width: 10%;
}

#task-list tbody tr td {
	text-align: right;
}

#task-list tr th.done,
#task-list tr td.done {
	margin: 0;
  padding: 0.2em;
  width: 1%;
	text-align: center;
}

#task-list tr th.taskname,
#task-list tr td.taskname {
	margin: 0;
	min-width: 30em;
  width: 40%;
	border-right: 1px solid var(--text-hilight-1);
	text-align: left;
}

#task-list tr th.summary1,
#task-list tr td.summary1 {
	border-left: 1px solid var(--text-hilight-1)
}

#footer {
	font-size: smaller;
}

a.email {
	text-decoration: none;
}
a.email:hover {
	text-decoration: underline
}