html{
	background-color: black;
}

body{
	background-color: black;
	color: #bfbfbf;
}

#indexContent{
	background-color: black;
	color: #bfbfbf;
	padding: 0px;
}

#indexContent a{
	color: #bfbfbf;
}

a.tb {
	color: #3d3dff;
	text-decoration:none;
}

.yearhead {
	font-size:120%;
	border-radius: 8px 8px 0 0;
	background-color: darkslategray;
	padding:4px 15px 0px 8px;
	margin:8px 15px 4px 8px;
	display: inline-block;
	min-width: 350px;
}

.yearhead .year-closer{
	float: right;
}

.yearly {
	background-color: #0C090A;
	border:1px solid white;
	margin-bottom: 10px;
	border-radius: 5px;
	display: none;
}

.year-container {
	border:0;
	padding:8px 3px 0 3px;
	margin-bottom:8px;
}

.monthhead {
	background-color: #2C3539;
	width:100%;
    border-radius: 8px 8px 0 0;
	padding:4px 15px 0px 8px;
	margin:8px 15px 4px 0px;
}

table.monthly tr td:last-of-type {
	background-color: #2e2e2e;
}

table.monthly {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:1em;
}

table.monthly th {
	padding: 3px 1px;
	border-width: 1px 1px 1px 1px;
	background-color: #3e3e3e;
	font-weight: bold;
	line-height: 110%;
	text-align: center;
	width: 10%;
}

table.monthly tr td:first-of-type {
	white-space:nowrap;
	background-color: #2e2e2e;
}

table.monthly tr td:hover {
	background-color: #2e2e2e;
}

table.monthly td {
	padding: 1px 2px;
	border-width: 0 0 1px 1px;
	text-align: center;
}

table.monthly tr:hover {
	background-color: rgba(255,255,255,0.3);
	cursor: default;
}

.yanchor {
	padding:0 8px;
	color:blue;
	text-decoration: none;
}

.year-closer {
	cursor:pointer;
	color:white;
}

.sunday { color: red }
.saturday { color: blue }

.up {
	font-weight:bold;
	font-size:60%;
}

.dn {
	font-weight:bold;
	font-size:60%;
}

.dn:after {
	content: "▼";
	color:red;
}

.up:after {
	content: "▲";
	color:blue;
}

/*td.mhover {
	#background-color:rgba(255,255,255,0.3);
} */

.column_highlighted {
    background-color:rgba(255,255,255,0.3);
}

#topScroll{
	background-color: darkSlateGray;
	color: white;
	font-size: 20px;
	position: fixed;
	bottom: 50px;
	right: 5px;
	text-decoration: none;
	opacity: 0.6;
	padding: 5px;
	border-radius: 4px;
	border: solid black 2px;
}

#bottomScroll{
	background-color: darkSlateGray;
	color: white;
	font-size: 20px;
	position: fixed;
	bottom: 10px;
	right: 5px;
	text-decoration: none;
	opacity: 0.6;
	padding: 5px;
	border-radius: 4px;
	border: solid black 2px;
}

div:nth-of-type(3){
	display: block;
}

#header h1 {
    font-size: 220%;
    margin: 8px 3px;
    text-indent: 5px;
    color: cdd2d5;
    text-shadow: 0 1px darkslategray,
                      -1px 0 #587272,
                      -1px 2px darkslategray,
                      -2px 1px #587272,
                      -2px 3px darkslategray,
                      -3px 2px #587272,
                      -3px 4px darkslategray,
                      -4px 3px #587272,
                      -4px 5px darkslategray,
                      -5px 4px #587272,
                      -5px 6px darkslategray,
                      -6px 5px #587272,
                      -6px 7px darkslategray,
                      -7px 6px #587272,
                      -7px 8px darkslategray,
                      -8px 7px #587272;
    -moz-text-shadow: 0 1px darkslategray,
                      -1px 0 #587272,
                      -1px 2px darkslategray,
                      -2px 1px #587272,
                      -2px 3px darkslategray,
                      -3px 2px #587272,
                      -3px 4px darkslategray,
                      -4px 3px #587272,
                      -4px 5px darkslategray,
                      -5px 4px #587272,
                      -5px 6px darkslategray,
                      -6px 5px #587272,
                      -6px 7px darkslategray,
                      -7px 6px #587272,
                      -7px 8px darkslategray,
                      -8px 7px #587272;
    -webkit-text-shadow: 0 1px darkslategray,
                      -1px 0 #587272,
                      -1px 2px darkslategray,
                      -2px 1px #587272,
                      -2px 3px darkslategray,
                      -3px 2px #587272,
                      -3px 4px darkslategray,
                      -4px 3px #587272,
                      -4px 5px darkslategray,
                      -5px 4px #587272,
                      -5px 6px darkslategray,
                      -6px 5px #587272,
                      -6px 7px darkslategray,
                      -7px 6px #587272,
                      -7px 8px darkslategray,
                      -8px 7px #587272;
}