html { height: 100% }
body, a { color: #dedede }
body { min-height: 100%; position: relative; margin: 0; background: black; font-family: Calibri, sans-serif }
h1, h2, h3, h4, h5, h6 { font-family: Cambria, serif; font-weight: normal }
h1 { color: #fe7300 }
a { text-decoration: underline }
a img { border: none }
img { display: inline; border: none }
pre, code { white-space: pre; font-family: monospace; overflow: auto }

.clear { clear: both }

/* главная страница */
.header { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 363px; background: url(index_page/header.png) no-repeat top center }

.texture { width: 700px; margin: 0 auto; background: #3366FF url(index_page/background.jpg) }
.gradient { position: relative; padding: 360px 20px 60px 20px; background: url(index_page/gradient.png) no-repeat 50% 300px }

.footer_decoration { position: absolute; bottom: 0; left: 20px; width: 700px; height: 40px; background: url(index_page/footer_decoration.png) no-repeat }

.footer { width: 510px; margin: 0 auto; padding: 10px 0 }
.screenshots_copyrights { float: right }

.menu, .menu li { margin: 0; padding: 0 }
.menu { position: fixed; top: 220px; left: 45%; margin-left: -470px; width: 175px; list-style: none }
.menu li { padding: 3px 0 }
.menu img { background: url(menu/gradient.png) center; vertical-align: top }


/* обычная страница */
.regular_page { padding: 71px 0 1px 0 }

.box { position: relative; margin: 0 30px 30px 269px; background: black url(regular_page/box_top.png) repeat-x top } /* без position: relative в IE сильно глючит отображение фона */
.box div { margin: 0; background: url(regular_page/box_right.png) repeat-y right }
.box div div { background: url(regular_page/box_bottom.png) repeat-x bottom }
.box div div div { background: url(regular_page/box_left.png) repeat-y left }
.box div div div div { background: url(regular_page/box_top_right.png) no-repeat top right }
.box div div div div div { background: url(regular_page/box_bottom_right.png) no-repeat bottom right }
.box div div div div div div { background: url(regular_page/box_bottom_left.png) no-repeat bottom left }
.box div div div div div div div { padding: 1px; background: url(regular_page/box_top_left.png) no-repeat top left }
.box div div div div div div div div { margin: 30px; padding: 0; background: transparent }
.box div div div div div div div div div { margin: 0 }
.firstbox div div div div div div div div { margin-left: 145px; min-height: 350px }
.firstbox div div div div div div div div div { margin-left: 0; min-height: 0 }

.logo { position: absolute; top: 30px; left: 30px; width: 380px; height: 361px; background: url(regular_page/logo.png) no-repeat; border: none }

.regular_page .menu { position: absolute; top: 218px; left: 30px; margin-left: 0; padding: 170px 0 0 5px; background: url(menu/border.png) repeat-y }
.regular_page .menu li:first-child { padding-top: 0; background: transparent }
.regular_page .menu li { padding: 20px 0 0 5px; background: url(menu/separator.png) no-repeat } /* сверху отступ должен быть минимум 18px */

/* заголовки */
h2:hover, h3:hover { text-shadow: gray 5px 5px 5px }
h2:hover a, h3:hover a { text-shadow: none }
h1 img, h2 img { vertical-align: middle; margin-right: 10px }
h1 a, h2 a, h3 a { text-decoration: none }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline }

/* таблицы */
.regular_page table { margin-right: 10px; border-collapse: collapse; border: 2px solid black }
.regular_page th, .regular_page td { border: 1px solid #8e8e8e; padding: 10px; vertical-align: middle }
.regular_page tbody tr:nth-child(2n) { background: #0f0f0f }
.regular_page tbody tr:hover { background: #1a1a1a }
.regular_page tbody tr:hover th { color: white; text-shadow: white 0 0 10px }
.regular_page tbody tr.nohighlight:hover, .regular_page tbody tr.nohighlight:hover th { background: transparent; text-shadow: none }
table.layout, table.layout th, table.layout td { margin: 0; border: none; padding; vertical-align: top }
table.layout tr:hover { background: transparent }

/* списки */
ul { list-style: square }
ul.preformatted { list-style: none }
ol.numbered, ol.numbered ol { counter-reset: section; list-style-type: none }  
ol.numbered li { position: relative }
ol.numbered li:before { position: absolute; right: 100%; margin-right: 5px; counter-increment: section; content: counters(section, ".") ". " }
ol p { clear: none }

/* gallery */
.gallery-rubrics, .gallery { list-style: none; }
.gallery-rubrics li, .gallery li { float: left; margin: 5px 10px;}
.gallery-rubrics a { text-decoration: none; }
.gallery-rubrics img { display: block; }