/* © Anatol Latotin | www.latotin.com | anatol@latotin.com */


body { background: url('/_common/blank.gif') no-repeat fixed; background-color: #fff; margin: 0; padding: 0; font-family: Sans-Serif; min-height: 500px; }


a				{ color: #000; text-decoration: none; }
a span			{ border-bottom: #33f 2px solid; }
a:visited		{ text-decoration: none; }
a:visited span	{ border-bottom: #999 2px solid; }
a:hover			{ color: #33f; text-decoration: none; }
a:hover span	{ color: #fff; border-bottom: none; background: #33f; }

a.black									{ text-decoration: underline; }
a.black:hover, a.black:visited:hover	{ color: #33f; text-decoration: underline; }
a.black:visited							{ color: #000; text-decoration: underline; }

a.blackblack									{ background: #000; color: #fff; text-decoration: none; }
a.blackblack:hover, a.blackblack:visited:hover	{ background: #33f; color: #fff; text-decoration: none; }
a.blackblack:visited							{ color: #fff; text-decoration: none; }

a.red								{ background: #f00; color: #fff; text-decoration: none; }
a.red:hover, a.red:visited:hover	{ background: #33f; color: #fff; text-decoration: none; }
a.red:visited						{ color: #fff; text-decoration: none; }

a.rss								{ background: #f60; color: #fff; text-decoration: none; }
a.rss:hover, a.rss:visited:hover	{ background: #33f; color: #fff; text-decoration: none; }
a.rss:visited						{ color: #fff; text-decoration: none; }

span.red { color: #f00; }


#nav { font-family: Serif; text-align: center; width: 170px; position: fixed; _position: absolute; z-index: 1000; top: 15px; left: 40px; _top: expression(document.getElementsByTagName("body")[0].scrollTop + 15 + "px"); }

div.title { letter-spacing: .15em; padding: .35em 0 .35em 0; }

h1		{ padding-left: 1.1em; font-size: .7em; margin: 0; }
h1 a	{ text-decoration:underline; }
h1 a:visited	{ text-decoration:underline; }
h1 span	{ position: relative; top: -.4em; font-size: .8em; }
h1 span, x:-moz-any-link { top: -.3em; }
h1 span, x:-moz-any-link, x:default { top: -.3em; }
h1 span	{ _top: -.35em; }


h2 { font-size: .55em; margin: .5em 0 0 0; }

p.separator { margin: .3em 0 .3em 0; }
p.separator_small { margin: 0; }

#scrl				{ width: 190px; height: 250px; overflow: auto; position: relative; }
#content			{ margin-bottom: .7em;}
#content ul			{ margin: 0; padding: 0 0 1px 0; }
#content li			{ width: 168px; _width: 170px; position: relative; _left: -1px; list-style: none; margin-bottom: 0.7em; font-size: .5em; line-height: 1.7em; letter-spacing: .15em; padding: 3px 1px 3px 1px; }
#content li.norm	{ }
#content li.active	{ border: #000 1px solid; padding: 2px 0 2px 0; }


#subtitle	{ position: absolute; z-index: 2; _left: 1px; visibility: hidden; }


div.scroll_cont	{ position: fixed; _position: absolute; z-index: 1001; top: 0; left: 0; height: 400px; width: 40px; overflow: hidden; _top: expression(document.getElementsByTagName("body")[0].scrollTop + "px"); }
#scroll			{ position: relative; z-index: 1001; top: 100px; left: -30px; height: 250px; width: 18px; overflow: auto; }


p.menu { margin: 0; font-size: .55em; padding: .35em 3px .35em 3px; line-height: 1.7em; letter-spacing: .15em; font-weight: bold; }


.wbg		{ background: url('i/white.png'); -background: expression('none'); -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/white.png', sizingMethod='scale'); -background-repeat: no-repeat; }
.overhide	{ overflow: hidden; }


div.ctrl_cont			{ width: 40px; height: 400px; position: fixed; _position: absolute; z-index: 999; top: 0px; left: 0px; _top: expression(document.getElementsByTagName("body")[0].scrollTop + "px"); }
div.ctrl_cont p			{ visibility: hidden; margin: 64px 0 0 0; text-align: center; color: #000; font-size: .55em; float: right; margin-right: 7px; }
div.ctrl_cont p span	{ font-size: 1.3em; }


div.nav_hide #content #ul li		{ opacity: 0; _filter: alpha(opacity = 0); }
div.nav_hide #subtitle li		{ visibility: visible; background: url('i/white.png'); -background: expression('none'); -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/white.png', sizingMethod='scale'); -background-repeat: no-repeat; }
div.nav_hide .md				{ visibility: hidden; }
div.nav_hide #content			{ background: none; }