/* common styles */
html, body {border:0px; margin:0px; padding:0px; }
body { position:relative; background:#000; min-width:500px; }
h1   { margin-top:0px; }
h3   { clear:both; }
p    { margin:0px; padding:.5em 0px; }
img  { border:1px solid #bbb; background:#eee; padding:2px; }
br   { clear:both; }
sup  { font-size:60%; }
table { width:100%; border-collapse:collapse; table-layout:fixed; margin:0px; border:0px; }
td   { vertical-align:top; }

/* other useful class styles */
.right { float:right }
.left { float:left }
.center { margin:0px auto; text-align:center; }
.clear { clear:both; }

/* used elements */
div.panoram { overflow-y:auto; overflow-x:scroll; width:100%; height:auto; text-align:center; }
div.photo { margin-left:auto; margin-right:auto; text-align:center; }
div.footnotes { font-size:90%; padding-left:1em; border-left:1px dotted #877; margin-top:1ex; }
a.map { position:absolute; z-index:9; left:-170px; border:solid 1px #888; }
a.map:hover { left:-1px; border:solid 1px #788; } /* IE needs any visual changes to redraw */
a.map img { border:none; padding:2px; }

/* красивости */
/* div layout (так и не сумел объяснить IE, что от него требуется)
.page_lt  { background:url(';)/sg_page_01.jpg'); width:160px; height:147px; position:absolute;  left:-160px; z-index:10; }
.page_rt  { background:url(';)/sg_page_03.jpg'); width:244px; height:147px; position:absolute; right:-244px; z-index:10; }
.page_t   { background:url(';)/sg_page_02.jpg'); height:147px; margin-right:244px; margin-left:160px; position:relative; }
*/
/* table layout */
.page_lt  { background:url(';)/sg_page_01.jpg'); width:160px; height:147px; }
.page_rt  { background:url(';)/sg_page_03.jpg'); width:244px; height:147px; }
.page_t   { background:url(';)/sg_page_02.jpg'); height:147px; }

.page_l   { background:url(';)/sg_page_04.jpg') repeat-y; width:129px; }
.page_r   { background:url(';)/sg_page_07.jpg') repeat-y; width:103px; }
.page_rt2 { background:url(';)/sg_page_06.jpg'); width:103px; height:42px; }
.page_m   { background:url(';)/sg_page_05.jpg'); }

/*
.nav      { position:absolute; top:80px; left:200px; }
.nav a    { margin-right:1ex; }
.navb     { margin-left:71px; margin-bottom:1ex; margin-top:20px; }
.navb a   { margin-right:1ex; }
*/
/*
a.rev     { padding-left:18px;  background:url(';)/rev.gif') 0 center no-repeat; }
a.fwd     { padding-right:18px; background:url(';)/fwd.gif') 100% center no-repeat; }
*/
.nav a.rev { display:block; position:absolute; padding-left:100px; overflow:hidden; top:35px;  left:0px; width:0px; bottom:0px; background:10px 15px no-repeat url(';)/rev.gif'); }
.nav a.fwd { display:block; position:absolute; padding-left:93px; overflow:hidden; top:160px; right:0px; width:0px; bottom:20px; background:5px 100% no-repeat url(';)/fwd.gif'); }
.nav a.cover, .nav a.toc
          { position:absolute; z-index:11; background:#a22; top:25px; width:100px; height:10px; overflow:hidden; color:#000; text-align:center; border:1px solid #611; border-bottom:0px; }
a.cover   { left:160px; }
a.toc     { left:160px; margin-left:11ex; }
.nav a.cover { width:10ex; }
.nav a.toc { width:13ex; }
a.cover:hover, a.toc:hover
          { background:#b22; top:5px; height:30px; }
.navb     { display:none; }

.comments textarea { width:100%; height:4em; }
.comments .comment { margin-bottom:3ex; padding:1ex; /*border-left:1px solid grey; border-top:1px solid grey;*/ }
.comments .signature { text-align:right; }

.copyright { font-size:60%; color:#888; position:absolute; right:0px; top:100%; margin-top:-1.2em; margin-right:70px; }

.site_nav   { z-index:10; position:absolute; height:1em; left:35%; margin:auto; top:0px; }
.site_nav   { color:#544; font-size:80%; }
.site_nav a { color:#544; padding:2px; }
.site_nav a:hover { color:#655; }