html { background: #fff url(/css/images/menu.png) top left repeat-y }
body { font-size: 100% }
#container { width: 980px; font-size: 10px; line-height: 1.25; padding: 25px 0; overflow: auto }
#navigacja { float: left; width: 275px; padding: 0 25px }
h1#logo { font-family: Cambria, Georgia, serif }
h1#logo a, h1#logo a:link, #logo a:visited { color: #f2f2f2; text-decoration: none }
h1#logo a:hover, #logo a:active { color: #fff }
#skip { display: none }
#menu { margin: 0 }
#menu li { margin-bottom: 15px; font: 18px Cambria, Georgia, serif; color: #a3b5d9; list-style-type: none }
#menu li a { color: #a3b5d9; text-decoration: none }
#menu li a:hover { color: #f2f2f2 }
#menu ul { margin: 5px 0 0 0 }
#menu li li { float: none; width: auto; list-style: circle outside; margin: 5px 0 5px 15px; font: 12px/16px "Segoe UI", Calibri, Arial, sans-serif }
#menu li li:hover { color: #fff }
#menu li li a { text-decoration: none }
#menu li li a { color: #f2f2f2 }
#menu li li a:hover { color: #fff }
#menu li li a:active { color: #a3b5d9 }
p, li, dt, dd, input, button, td { font: 13px/23px "Segoe UI", Calibri, Arial, sans-serif; color: #1a1a1a }
p { margin-top: 8px; margin-bottom: 8px }
ul, ol { margin-top: 10px; margin-bottom: 10px }
#tekst { float: left; margin-left: 50px; width: 600px }
#toc .h3 { margin-left: 20px }
#toc .h4 { margin-left: 40px }
#toc .h5 { margin-left: 60px }
h1 { font: 30px Georgia, serif; color: #1a1a1a; margin: 15px 0 }
h2 { font: 18px Georgia, serif; margin-top: 15px; margin-bottom: 5px }
h2 a { color: inherit }
h3, h4 { font-size: 13px; font-family: "Segoe UI", Calibri, Arial, sans-serif; margin-top: 15px; margin-bottom: 5px }
h3 { font-weight: bold }
h4 { font-style: italic }
em { font-style: italic }
strong { font-weight: bold }
hr { width: 100%; height: 1px; margin: 15px 0; border: 0; color: #a3b5d9; background-color: #a3b5d9 }
.clear { clear: both }
.left { float: right; margin: 0 20px 20px 0 }
.right { float: right; margin: 0 0 20px 20px }
img.right { float: right; margin: 0 0 20px 20px; width: auto }
ul, ol { margin-left: 40px; margin-right: 40px }
ol li { list-style-type: decimal }
ul li { list-style-type: disc }
li *, dt *, dd *, th *, td * { font-size: 100% }
li h2 { font-size: 14px }
input, textarea { width: 275px }
input, textarea, button { padding: 3px }
textarea { height: 100px }
input.radio, input.button, button, input[type=button], input[type=submit] { width: auto; padding: auto; cursor: pointer }
label { cursor: pointer }
input.submit { margin: 10px 0; cursor: pointer }
form td { padding: 7px 0; vertical-align: top; text-align: left }
form td:first-child { padding-right: 10px }
td[colspan] { text-align: center }
p.actions { text-align: center }
#order ul { margin: 0 }
#order li { list-style-type: none }
#order #chapter-numbers { width: 30px }
p.message { text-align: center; font-size: 20px }
.success { color: #009900 }
.error, .error li { color: #ff0000 }
.required { color: #ff0000; vertical-align: top }
.notice { text-align: center; font-style: italic }
.note { font-size: 12px; font-style: italic }
.new { color: #ffff00; text-transform: uppercase }
em.new { font-style: normal }
blockquote p { font-style: italic }
p.cite { margin-left: 15px; margin-bottom: 15px }
span.pronounce { font-style: italic }
span.pronounce em { text-decoration: underline }
div.recipe ol li { margin: 5px 0 }
div.recipe ul { -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px }
dt { font-weight: bold }
dd { margin-left: 10px }
dd + dt { margin-top: 5px }
.correct { color: #008000 }
.correct:before { content: "\2713"; font-size: 150% }
.incorrect { color: #ff0000 }
.incorrect:before { content: "\2718"; font-size: 150% }
ol.exercises li { margin: 10px 0; font-weight: bold }
ol.exercises dl, ol.exercises dt { display: inline }
ol.exercises dd { margin-left: 0 }
ol.exercises label { display: block }
dl.definitions dd { margin-left: 15px }
img.alignright { float: right; margin: 0 0 20px 20px }
div.figure { position: relative; margin: 20px auto; padding: 0 }
div.figure img { display: block }
div.figure p { position: absolute; right: 0; top: 0; margin: 0; padding: 5px; opacity: 0.5; -moz-border-radius-bottomleft: 10px; background-color: #000; font-size: 11px; font-weight: bold }
div.figure p a { text-decoration: none }
div.figure p, div.figure p a:link, div.figure p a:visited { color: #fff }
div.figure p a:hover, div.figure p a:active { color: #fff; text-decoration: underline }
div.figure p a img { display: inline; width: 14px; height: 14px; margin: 0; vertical-align: middle }
table.compact td { padding-top: 0; padding-bottom: 0 }
div.featured { overflow: auto; margin: 20px 0 }
td#sum { font-weight: bold }
div.blurb, ul.blurb li { padding: 5px 10px; background-color: #f7f9ff; border: 1px solid #bfd4ff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px }
div.blurb { float: left; width: 164px; margin: 0 10px }
div.blurb h2 { text-align: center }
div.blurb h2 a { color: inherit }
div.blurb h2 a:hover { text-decoration: underline }
div.blurb ul { margin-left: 0; margin-right: 0; padding-left: 25px }
div.blurb li { font-size: 12px }
div.first { margin-left: 0 }
div.last { margin-right: 0 }
ul.blurb { margin-left: 0; margin-right: 0; padding: 0 }
ul.blurb li { display: inline; list-style-type: none; margin-right: 10px; font-size: 14px; line-height: 40px }
p.link, p.main-link { font-size: 16px; font-weight: bold }
p.link a, p.main-link a, p.sub-link a { color: #304f91 }
p.link a:hover, p.main-link a:hover, p.sub-link a:hover { color: #0a0a0a }
p.link a:before, p.main-link a:before { content: "\00bb\20"; font-weight: normal }
p.main-link, p.sub-link { text-align: center }