*{ margin: 0; border: 0; padding: 0; }
p, h3, li, a{ font-family: 'Times', serif; color: #000; }
h3{ font-size: 16px; font-weight: bold; margin: 0 0 16px; }
p{ font-size: 16px; margin: 0 0 16px; }
ul{ margin: 0 0 0 16px; }
a{ color: #666; }
li{ font-size: 16px; width: auto; }
a[href^="http"]:after{ content: "➚"; color: #999; text-decoration: none; }
body{ background: #eee url('../images/bg.gif') repeat-y 50%; }
header, nav, section, main, footer{ max-width: 782px; margin: 0 auto; }
header{ background: #333; }
header .container{ padding: 0 6px 2px 6px; }
header img{ width: 100%; max-width: 782px; display: block; }
#menu{ padding: 10.6px 16px; background: #666; }			
#submenu{ padding: 10.6px 16px; background: #ccc; }			
#submenu p, #submenu p a{ color: #000; }
#menu p, #menu p a{ color: #fff; }
#menu p, #submenu p{ margin: 0; }
#menu p .divider, #submenu p .divider{ margin: 0 6.5px; }
main{ display: flex; justify-content: space-between; }
main, footer{ background: #fff; }
main .container{ padding: 16px; width: auto; }
section .container{ padding: 16px 16px 0; }
section .container p{ margin-bottom: 0; }
#context, #wordmenu, #originmenu, #image, #topicmenu{ width: 250px; padding: 16px 16px 0 0; background: transparent; }
#context p, #wordmenu p, #originmenu p, #topicmenu p{ padding-bottom: 16px; }
#topicmenu{ width: 315px; }
#wordmenu{ width: 390px; }
#image img{ width: 218px; height: auto; }
.nobreak{ white-space: nowrap; }
ul.wordlist{ list-style: none; margin-left: 2px; }
p.word{ font-size: 24px; margin-left: 24px; margin-right: 24px; line-height: 32px; letter-spacing: 1px; }
p.definition{ line-height: 24px; }
p.parts, p.note, p.usage{ margin: 16px 0 0 0; max-width: 450px; }
span.quote{ display: block; font-style: italic; }
span.syllables{ font-style: italic; }
span.separator{ display: inline-block; margin: 0 1px; }
a.hidden{ color: inherit; text-decoration: inherit; }
footer .container{ padding: 0 16px; }
footer p{ font-style: italic; }
form input{ margin-top: 2px; margin-bottom: 4px; }
input{ margin-bottom: 8px; font-family: 'Lucida Grande', sans-serif; }
input{ border: 1px solid; border-radius: 3px; }
input#submit{ padding: 5px 7.5px; margin-right: 6px; background: #e6e6e6; }
input#submit:hover{ background: #f3f3f3; color: #333; }
input#captcha_code{ width: 104px; }
#context .button, #context .slogan{ margin-bottom: 0; }
input#name, input#email{ width: 208px; }
.greyborder, .redborder, .submit, #submit{ border: 1px solid #666; padding: 4px; }
.redborder{ border: 1px solid red; }
#differentcode{ text-decoration: underline; color: #666; }
#differentcode:hover, .submit:hover{ cursor: pointer; }
.red{ color: red; }
.italics{ font-style: italic; }
.date, .grey{ color: #666; font-style: normal; }
label{ margin-right: 16px; }
@media screen and (max-width: 685px){
	main{ display: inline; }
	#context, #wordmenu, #originmenu, #topicmenu{ width: auto; background: #e6e6e6; padding: 16px 16px 0; }
	header .container{ padding-bottom: 6px; }
	#image{ display: none; }
}
@media screen and (max-width: 400px){
	#wordmenu .month{ font-size: 87%; }
	#context .button input#submit{ background: #d3d3d3; }
	#context .button input#submit:hover{ background: #ddd; }
}