/**** the basics ****/

body { font:13px/1.25 "Helvetica Neue", Helvetica, Arial, sans-serif; background:#fff; color:#281e1e; }

strong { font-weight:bold; }

em { font-style:italic; }

p { margin:10px; line-height:1.5em; text-align:left; }

cite { color:#666; font-style:normal; }

acronym { cursor:help; font-variant:small-caps; }

/**** structure ****/

#wrapper { margin:0 10px; width:902px; }

#content { display:block; overflow:auto; }

#navigation { float:left; width:160px; margin:2px; line-height:1.25em; font-size:.9em; }

#focus { float:left; width:570px; min-height:500px; overflow:auto; }

.meta { float:right; width:154px; background: #ffff99; border:1px solid #80804d; padding:4px; margin:10px 2px 0px; line-height:1.384em; }

#footer { display:block; border-top:1px solid #990000; padding:5px; font-size:.9em; margin-top:18px; clear:left; }

/**** navigation ****/

ul#navigation li { display:block; }

ul#navigation li a { display:block; padding:2px; font-size:.9em; background:#adadad url(img/button_off.gif) top left repeat-x; border:1px solid #666666; margin-bottom:2px; color:#009900; font-weight:bold; text-decoration:none; text-align:right; }

ul#navigation li a:hover { background:#adadad url(img/button_on.gif) bottom left repeat-x; }

ul#navigation li a cite { display:block; color:#000; font-size:.9em; font-weight:normal; }

ul.subnavigation li { font-size:.9em; font-weight:normal; line-height:1.25em; margin-bottom:6px; }

ul.subnavigation li cite { display:block; color:#80804d; }

/**** headings ****/

h1 { width:860px; height:90px; background:#fff url(img/h1.jpg) top left no-repeat; display:block; text-indent:-9999px; text-decoration:none; overflow:hidden; }

h2 { font-size:1.2em; border-top:#999 solid 3px; margin:36px 10px 18px; padding:2px; font-weight: bold;}

.meta h3 { font-size:1.2em; font-weight:bold; }

#focus h3 { font-size:1.5em; font-weight:bold; margin:18px 10px 6px; }

/**** breadcrumbs ****/

#breadcrumbs { background-color:#0000ff; padding:.5em; color:#fff; }

#breadcrumbs a { color:#fff; }

#breadcrumbs strong { font-size:1.5em; font-weight:normal; color:#ffff00; }

/**** meta ****/

.meta p { font-size:.9em; margin:6px 0; text-align:left; }

.meta ul { margin:6px 0; }

/**** footer ****/

#footer p { text-align:center; margin:0px; }

/**** incidentals ****/

.illustration { margin: 18px 10px; width: 550px; }

.skill_illustration { margin: 10px; }

.floating_illustration { float:right; margin:10px; }

.floating_left_illustration { float:left; margin:10px; }

.introduction { color:#990000; font-size:1.6em; line-height:1.25em; margin:0 10px 10px; text-align:left; }

.english { color:#666; font-size:1.25em; }

.captioned_plain_illustration { display:block; margin:10px; }

.captioned_plain_illustration img { display:block; margin:10px; width:200px; }

.captioned_plain_illustration cite { display:block; margin:10px; color:#999; }

.captioned_illustration { display:block; background: #ffff99; border:1px solid #80804d; }

.captioned_illustration img { display:block; margin:10px; }

.captioned_illustration cite { display:block; margin:10px; color:#000; }

/**** glossary ****/

.definitions { margin:15px 0px; }

.definitions li { display:block; overflow:auto; margin:4px 10px; clear:both; }

.definitions li.heading { font-weight:bold; font-size:1.1em; }

.definitions li span { float:left; width:250px; }

.definitions li span.translation { color:blue; width:275px; }

.definitions li span.surname { float:left; width:175px; }

.definitions li p { display:block; margin:8px 0; }

.definitions li p.translation { color:blue; }

/**** links ****/

h2.links { font-size:1.6em; border-top:0px; margin:10px; color:#990000; font-weight:normal; }

ul.links li { display:block; margin:4px 10px; }

/**** young folks ****/

img.youth { width:450px; }