/* Light mode (default) */
body {
	color: #222;
	background-color: #f8f8f8;
	font-family: monospace;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0;
}

img, h1, h2 {
	vertical-align: middle;
}

img {
	border: 0;
}

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

a:hover {
	color: #2a4a7a;
	text-decoration: underline;
}

#blob a {
	color: #888;
}

#blob a:hover {
	color: #4a6fa5;
	text-decoration: none;
}

table thead td {
	font-weight: bold;
}

table td {
	padding: 0 0.4em;
}

#content table td {
	vertical-align: top;
	white-space: nowrap;
}

#branches tr:hover td,
#tags tr:hover td,
#index tr:hover td,
#log tr:hover td,
#files tr:hover td {
	background-color: #f0f0f0;
}

#index tr td:nth-child(2),
#tags tr td:nth-child(3),
#branches tr td:nth-child(3),
#log tr td:nth-child(2) {
	white-space: normal;
}

td.num {
	text-align: right;
}

.desc {
	color: #888;
}

hr {
	border: 0;
	border-top: 1px solid #ccc;
	height: 1px;
}

pre {
	font-family: monospace;
}

pre a.h {
	color: #2a5a8a;
}

span.i,
pre a.i {
	color: #2d7a2d;
}

span.d,
pre a.d {
	color: #cc3333;
}

pre a.h:hover,
pre a.i:hover,
pre a.d:hover {
	text-decoration: none;
}

/* Theme toggle button */
#theme-toggle {
	background: none;
	border: 1px solid #888;
	border-radius: 4px;
	padding: 4px 8px;
	cursor: pointer;
	font-family: monospace;
	color: #222;
}

#theme-toggle:hover {
	background-color: #f0f0f0;
}

/* Dark mode */
body.dark-mode {
	color: #e0e0e0;
	background-color: #1a1a1a;
}

body.dark-mode a {
	color: #6a9fd8;
}

body.dark-mode a:hover {
	color: #8ab8e8;
}

body.dark-mode #blob a {
	color: #888;
}

body.dark-mode #blob a:hover {
	color: #6a9fd8;
}

body.dark-mode #branches tr:hover td,
body.dark-mode #tags tr:hover td,
body.dark-mode #index tr:hover td,
body.dark-mode #log tr:hover td,
body.dark-mode #files tr:hover td {
	background-color: #2a2a2a;
}

body.dark-mode .desc {
	color: #888;
}

body.dark-mode hr {
	border-top: 1px solid #444;
}

body.dark-mode pre a.h {
	color: #6a9fd8;
}

body.dark-mode span.i,
body.dark-mode pre a.i {
	color: #5cb85c;
}

body.dark-mode span.d,
body.dark-mode pre a.d {
	color: #d9534f;
}

body.dark-mode #theme-toggle {
	color: #e0e0e0;
	border-color: #666;
}

body.dark-mode #theme-toggle:hover {
	background-color: #2a2a2a;
}