body {

	padding-right: 10em;

}



table {

	border: solid 1px #999;

	border-spacing: 0;

}

th {

	border-bottom: solid 1px #999;

	border-left: solid 1px #CCC;

}

th:first-child {

	border-left: none;

}

tr:hover td {

	background-color: #EEF;

}

.odd {

	background-color: #F6F6F6;

}

tr:last-child td {

	border-bottom: none;

}

td {

	background-color: solid 1px #F6F6F6;

	border-bottom: solid 1px #DDD;

	border-left: solid 1px #CCC;

}

td:first-child {

	border-left: none;

}

.late .date_read {

	font-weight: bold;

	color: #D00;

}

.early .date_read {

	

}



.poem {

	font-weight: bold;

}

.date {

	width: 3em;

	text-align: center;

}



a {

	color: #000;

	text-decoration: none;

	padding: .2em;

}

a:hover {

	color: #F00;

	text-decoration: underline;

}



table a {

	display: block;

	width: 100%;

}



th.sort-a {

	background-color: #F0F0FF;

}

th.sort-d {

	background-color: #FFF0F0;

}





span.year {

	font-size: 70%;

	color: #666;

	margin-left: 2em;

}





div#sidebar {

	position: fixed;

	top: 0;

	right: 0;

	text-align: center;

	border: solid 1px #DDD;

	padding: .4em;

	background-color: #F6F6FF;

}

div#sidebar * {

	margin: 0;

	padding: 0;

}

div#sidebar form {

	margin-bottom: .7em;

}



div#sidebar div {

	border-top: solid 1px #D7DDEE;

}



div#sidebar h5 {

	font-size: 100%;

}



div#sidebar ul {

	list-style: none;

}

div#sidebar li {

	

}



div#sidebar input {

	margin-top: .3em;

	border: solid 1px #AAD;

	padding-left: .2em;

	background-color: #FBFBFF;

}

div#sidebar input:focus {

	border-color: #678;

	background-color: #FFF;

}