body {font-size: 2.5em; margin: 0; padding: 0;}
a {color: black;}
h1 {margin: 0; background-color: #9acd32; padding: 0 .2em; font-size: 1.5em;}

ul {list-style: none; padding: 0; margin: 0;}
ul li a { text-decoration: none; padding: .15em; font-size: 1.4em; display: block;}
ul li a:hover {background-color: #9acd32;}

ul li.odd {background-color: #d6e8ae;}

ul.chapters li {float: right; border: 1px solid #8b7e66; margin: .5em;}
ul.chapters li a {padding: .1em .5em;}

#topbar {background-color: #9acd32; line-height: 2em;}
#location {width: 70%; line-height: 2em;}
#location h1 {display: inline;}
#location #explain {font-size: .5em; line-height: 1em;}
#topbar #search {padding: 0 .2em; text-align: right; background-color: #d6e8ae; font-size: 1.4em; line-height: 1.25em;}

#main {padding: .4em; text-align: right; font-size: 1.7em; direction: rtl;}
#text #prev {float: right; margin-left: 1em;}
#text #next {float: left; margin-left: .2em;}
#text #prev, #text #next {padding: 0 .3em; background-color: #9acd32; text-decoration: none; font-size: .9em;}

#main input, #main select, #main button {font-size: 1em;}
#main button {font-size: 1em; background-color: #9acd32; border: 1px solid black;}

.error {background-color: #ffd9d9; color: #8a0000; border: 2px solid red; padding: .2em .5em;}
.warning {background-color: #ffff8e; color: #515100; border: 2px solid yellow; padding: .2em .5em;}
.highlight {background-color: yellow;}