/* General */
body, td, th, ul, li, dt, dd, form { font: 100%/1.1 Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 0; }
body { background: #FFF; color: #000; margin: 1em 0; }
a:link, a:hover { color: #910; }
a:active { color: #D10; }
a:visited { color: #810; }
a:link img, a:hover img, a:active img, a:visited img { border: 0; vertical-align: text-bottom; }
code { font: 120% monospace; }
em code { font: 120% monospace; font-weight: bold; }
h1, h2, h3, h4 { padding: 0; font-weight: bold; }
h1 { font-size: 1.1em; margin: 0.8em 0 0.5em; background: #FFF; color: #B10; text-align: left; }
h4 { font-size: 0.75em; margin: 0.6em 0 0.3em; background: transparent; color: #555; }

/* Layout */
#header { padding: 0 0 10px 12em; }
#footer { clear: both; padding-top: 10px; }
#body { min-width: 35.5em; padding: 0 1em 0 11.5em; }
#bodyi { width: 100%; }
#homepage #body { min-width: 20em; padding-right: 15.5em; }
#main { float: left; width: 100%; max-width: 44em; margin-left: -11.5em; }
#homepage #main { max-width: none; }
#content { float: right; width: 100%; margin-right: -11.5em; padding: 0 0 1em; }
#side { width: 15.5em; float: right; margin-right: -15.5em; }
#menu { float: left; width: 11.5em; }
.nimgr { clear: right; }
.nimgl { clear: left; }
.nol { clear: left; }
.nor { clear: right; }
.nolr { clear: both; }
#main .tgap { margin-top: 1em; }

/* Typography */
#header { text-align: left; border-bottom: 1px solid #666; }
#footer { text-align: center; border-top: 1px solid #999; background: #FFF; color: #333; }
#footer p { font-size: 0.7em; margin-top: 0.5em; }
.author { margin: 0.3em 0 0.5em; background: #FFF; color: #555; font-size: 0.7em; font-weight: bold; }
#body { background: #EEE; color: #000; }
#main a:hover, #main a:active { background: #DDD; }
#main a:hover img, #main a:active img { background: #EEE; }
#main h2 { font-size: 0.8em; margin: 1.5em 0 1em; padding: 0.3em 1em; background: #310; color: #EBA; }
#main h3 { width: 45%; overflow: visible; white-space: nowrap; margin: 0.9em 0 0.6em; padding: 2px 0; border-bottom: 1px solid #B10; color: #000; font-variant: small-caps; font-size: 0.8em; }
#main p, #main ul { margin: 0 0 0.7em; }
#main p, #main td, #main th { font-size: 0.75em; line-height: 1.2; }
#main td .descr { color: #000; background: #FFF; border: 1px solid #DDD; font-size: 0.75em; padding: 2px 0.3em; }
#main ul { padding: 0; list-style: none; }
#main ul li { margin: 0 0 2px 1em; padding: 0 0 0 1.5em; font-size: 0.75em; line-height: 1.2; background: url(http://rubikscube.info/icon/sq.gif) 0 0.4em no-repeat; }
#main .note { color: #555; }
#main .descr, #main .descrl { margin: 0; padding: 0.4em 0 2px; font-size: 0.7em; font-weight: bold; color: #555; }
#main .descrl { clear: left; border-bottom: 1px solid #DDD; }
#main em { color: #B10; font-weight: inherit; font-style: normal; letter-spacing: 0.04em; }
#main .instr { font-weight: bold; font-style: normal; }
#main dl { padding: 0; margin: 0.4em 0; }
#main dl dt, #main dl dd { padding: 2px 0; margin: 0; font-size: 0.75em; }
#main dl dt { font-weight: bold; }
#main dl dd { padding-left: 1em; }
#main dl .ad { color: #333; }
#main .cite, #main .cite li { color: #333; }
#main .cite { margin: 0.5em 0; padding: 0.5em; border: 1px solid #DDD; font-size: 0.92em; background: #FFF; }
#menu ul { margin: 0 1em 0 0; padding: 0; list-style: none; }
#menu ul li { margin: 0 0 1px; padding: 0; background: none; font-size: 0.7em; font-weight: bold; }
#menu ul li ul { margin: 0; }
#menu ul li ul li { font-size: 100%; font-weight: normal; }
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active { display: block; background: #DDD; color: #B10; padding: 0.4em 0.8em; text-decoration: none; }
#menu ul li a:hover { background: #B10; color: #DDD; }
#menu ul li a:link.active, #menu ul li a:visited.active, #menu ul li a:active.active { background: #EEE; color: #000; }
#menu ul li a:hover.active { background: #B10; color: #EEE; }
.intext { padding-top: 1em; color: #621; font-weight: bold; font-size: 0.92em; }
.intext .ad { color: #643; }
.news { margin: 0.3em 0.3em 0 1em; border: 1px solid #AAA; }
.news h3 { padding: 2px 0.4em; margin: 0; background: #810; color: #FFF; font-variant: normal; font-weight: bold; font-style: italic; font-size: 0.8em; }
.news p { margin: 2px 1px; padding: 0.3em 2px; border: 1px solid #CCC; background: #FFF; color: #000; font-size: 0.7em; }
.news em { color: #810; font-size: 0.92em; padding-right: 0.1em; font-style: normal; }
.imgr, .nimgr { float: right; margin: 0.2em 0 0 0.3em; }
.imgl, .nimgl { float: left; margin: 0.2em 0.3em 0 0; }
div.move, .altmove { font-weight: bold; color: #000; }
div.move, .altmove { margin: 0.5em 0; font-size: 0.7em; }
span.move, p div.move, li div.move { font-size: 0.95em; }
.cite li div.move { font-size: 0.8em; }
.note .move { color: #555; }
.move img { margin: 0 2px 0.2em 0; background: #FFF; }
.altmove { color: #333; }
.figrp { clear: left; float: left; text-align: center; width: 100%; }
.figrp .fig, .figrp .figh { float: left; margin: 0.6em 0.3em 0 0; padding: 0.15em; }
.figrp .figh { background: #FFF; }
.figrp .move, .figrp .altmove { font-weight: normal; font-size: 0.7em; }
.figh .move, .figh .altmove { color: #000; background: #FFF; }