/* RESET ---------------- */
img, fieldset {border:0}
hr, .n {display:none}

/* GENERAL ---------------- */
html {font-size:100.01%; padding:0}
body {font: normal normal normal .8em Georgia, Batang, serif; margin:0; padding:0}
h1, h2, h3, h4, h5, h6 {font-weight:500; margin:1em 0 .5em}
h1 {font-size:1.8em}
h2 {font-size:1.4em}
h3 {font-size:1.2em}
h4 {font-size:1em; text-transform:capitalize; letter-spacing:.1em}
p {margin:0 0 1em; line-height:1.5em}
ul, ol, dl, table {margin:0 0 1.25em; padding-left:0}
dd {margin-left:2.2em; padding-left:0}
li {margin-left:1.8em; padding-left:0}
li, dd, dt {margin-bottom:.5em}

table {border-collapse:collapse}
td, th {padding-right:.5em; font-weight:500}
tr.header {margin-bottom:1.2em}
tr.header th {border-bottom:1px solid #999}

#nav dt {font-size:1.8em; margin:.5em 0 .25em}
.title {font-size:1.8em; margin:.5em 0 .75em}

cite {font-style: italic}
tt, code, samp {font:1.1em monospace}
kbd {background-color:#f5f5e6; font: .86em sans-serif; padding: 0 .3em 0 .2em; border-bottom:2px solid #ccccbc; border-left:1px solid #dbdbca; border-right:1px solid #dbdbca; outline: 1px solid #c2c2ab}
fieldset {margin:0; padding:0}
legend {color:#000}

/* BOX  ---------------- */
body, html {height:100%}
.box-out {min-height:100%}
	* html .box-out	{height:100%}
	#top {display:block; text-decoration:none}
		.head {display:block; font-size:2.8em; line-height:2em; width:25.6em; margin:0 auto;}
			.logo {float:left; background:url(bg/logo3.png) no-repeat 0 50%; width:0; height:2em; padding-left:36px; overflow:hidden}
			a#top .logo {background-position:-36px 50%}
	a#top:hover {background-color:#525200}
		a#top:hover .logo {background-position:-72px 50%}
	.box-in {width:64em; margin:2em auto 0; padding:0 1em 2em}
		#content {float:right; width:46.9em; min-height:16em; margin-bottom:8em}
			.content-in {float: left; width:38em;}
			.aside {float:right; width:6em}
				.aside span{margin-left:-20px; display:block;}
				.aside del {margin-left:-20px; display:block; font-size: 1em; opacity: .1;}
		#nav {float:left; width:16.9em; margin:0 0 2em; color:#999}
			#nav dt {}
			#nav strong {font-weight:500; color:#000}
		.clr {clear:both; width:1px; height:1px; background-image:url(bg/a.gif)}
	#footer {margin-top:-2em; height:2em; clear:both; text-align:center;}
		#footer p {line-height:2em; margin-bottom:0}
		.other-langs {float:left; width:17em; margin-left:-17em}

/* COLORS  ---------------- */
html, body {background-color: #ebebd8}
a {color:#808000; background:url(bg/px.gif) no-repeat top right}
a[href^=javascript] {text-decoration: none; color: inherit; border-bottom: 1px dashed #666; cursor:pointer}
.box-out {background:#ebebd8}
.box-in {color:#000}
#top {color:#ddddbb; background:#2a2a1d url(bg/top-pattern.gif) repeat left top; border-bottom: 1px solid #808000;}
#footer {color:#999982; background:#2a2a1d url(bg/top-pattern.gif) repeat left top;}
a#top, #footer a {color:#808059}
a#top:hover, #footer a:hover {color:#ffff67}
#nav a {margin-left:-.2em; margin-right:-.2em; padding-left:.2em; padding-right:.2em}
.box-in a:hover {color:#4d4d00; background:#ffffad url(bg/a.gif) repeat left;}
#content a:visited {color:#666}
.error {color:#900}

/* OTHER  ---------------- */
#content .opera {color:#c00 !important; padding-left:20px; background:url(i/opera-logo.png) no-repeat left center}
#content .opera * {color:#c00 !important}
#content a[class=opera] {border-bottom:1px dashed #c00; text-decoration:none}
*html #content .opera {background-image:url(i/opera-logo.gif)}

#content .firefox {color:#cc6702 !important; padding-left:20px; background:url(i/firefox-logo.png) no-repeat left center;}
#content .firefox * {color:#cc6702 !important;}
#content a[class=firefox] {border-bottom:1px dashed #cc6702; text-decoration:none}
*html #content .firefox {background-image:url(i/firefox-logo.gif)}

#content .chrome {color:#1ea240 !important; padding-left:20px; background:url(i/chrome-logo.png) no-repeat left center}
#content a[class=chrome] {border-bottom:1px dashed #1ea240; text-decoration:none}
*html #content .safari {background-image:url(i/safari-logo.gif)}

#content .safari {color:#2680bf !important; padding-left:20px; background:url(i/safari-logo.png) no-repeat left center}
#content a[class=safari] {border-bottom:1px dashed #2680bf; text-decoration:none}
*html #content .safari {background-image:url(i/safari-logo.gif)}

#content .ie {color:#1470cc !important; padding-left:20px; background:url(i/ie-logo.png) no-repeat left center}
#content a[class=ie] {border-bottom:1px dashed #1470cc; text-decoration:none}
*html #content .ie {background-image:url(i/ie-logo.gif)}

:root .setup .section p,
:root .setup .section ol {display:none;}
.setup .section:target p,
.setup .section:target ol {display:block;}
.setup .section:target h2>a {border-bottom:none !important; cursor:default}

#content>.title {white-space:nowrap}
.intro img[alt] {font-size:1.4em; font-style:italic}
ol.large {margin-bottom:1.5em}
.large li {margin-bottom:1em}
.star {font-size:1.54em; color:#999; position:relative; top:.15em}
abbr, acronym {letter-spacing:.09em}
.head abbr, .head acronym {padding-left:.2em}
ul li {list-style-type: circle}

label, [type=button], [type=image], [type=submit] {cursor:pointer}
*html label {cursor:hand}

a.external {position:relative}
img.icon {float:left; margin-left:-20px; padding-right:4px}
*:target {background: url(i/target.gif) repeat 0 0 !important}
 .target {background: url(i/target.gif) repeat 0 0}

[rel~=me] {-o-link:'mailto:me+css@elv1s.ru?subject=UserCSS'; -o-link-source: current}
a[hreflang]:after {content:' ['attr(hreflang)']'}

@media screen {
	body {min-width:950px}
}

/* HACKS  ---------------- */
*html .only-opera {display:none;}
*html {filter: expression(runtimeStyle.filter = '',document.execCommand('BackgroundImageCache', false, true));}

@-moz-document url-prefix() {
	#top {border-right:1px solid #000; margin-right:1px}
	.only-opera {display:none;}
}

@media all and (-webkit-min-device-pixel-ratio:0) {
	.box-in a {background: #ebebd8}
	.box-in a:hover {background: #ffffad}
	a {-webkit-transition: color .4s ease-out, background-color .4s ease-in}
	[id=top] {text-shadow:1px 1px 1px #000}
	.only-opera {display:none;}
}