.darkmode body {
	background-color: black;
	color: #999;
}

.darkmode h1, .darkmode h2 {
	color: white;
}

.darkmode h2 {
    border-bottom-color: #999;
}

.darkmode h4 {
    color: #ccc;
    /*background-color: #444;*/
    /*border-bottom: 1px solid #666;*/
}

.darkmode #main-header {
	border-color: white;
}

.darkmode #main-title {
	color: white;
}

.darkmode #main-menu a:hover {
	color:	white !important;
}

.darkmode #main-menu a.sel {
	color:	white !important;
}

.darkmode .highlight {
    /*background: #222;*/
    /*border-bottom: 2px solid #333;*/
}

.darkmode h1, .darkmode .people {
    color: #eee;
}

.darkmode a, .darkmode a:visited {
    /*color: #a2334a;*/
	 color: #ddd;
}

.darkmode a:hover {
	color:	#FF2222;
}

.darkmode a.hiddenlink, .darkmode a:visited.hiddenlink {
	color: #ddd;
}


/*
.darkmode .highlight a:hover h4 {
	color:	#fff;
}
*/

.darkmode .highlight {
	border-color: white;
}
.darkmode .highlight a img.img1 {
	outline-color: rgba(255,255,255,0.3);
}

.darkmode .highlight a:hover img {
	outline-color: white;
}

.darkmode .people a {
    color: #eee;
}

.darkmode b, .darkmode th {
	color: #ccc;
}

.darkmode .prjImg {
    border-color: #111;
}

.darkmode .publication .pub-preview-container {
	outline-color: rgba(255,255,255,0.5);
}
.darkmode .publication .title {
	color: white;
}
.darkmode .publication .pub-bnote {
	color: #ddd;
}

@media (max-width: 900px) {
	.darkmode #dropdown-menu-button {
		background: url(/images/menu-btn-white.svg);
	}
	.darkmode #main-menu {
		border-top-color: #999;
		box-shadow: 0em 0em 0.5em rgba(255,255,255,0.5);
	}
	.darkmode #main-menu a {
		color: #999 !important;
		border-color: #999;
		background-color: #333;
	}
	.darkmode #main-menu a:hover {
		border-color: white;
	}
	.darkmode #dropdown-menu-background {
		background-color: rgba(0,0,0,0.5);
	}
	.darkmode .dropdown-menu-clicked {
		border-color:     white   !important;
	}
}