* {margin: 0; padding: 0; font-size: 1em; list-style: none;}
img {border: none;}
table {border-collapse: collapse; table-layout: fixed;}
td, th {vertical-align: top;}
input.it, input.button, textarea, button, select {
    font: 1em Tahoma, Arial, 'Nimbus Sans L', sans-serif;}
input.it {padding: 1px; border: 1px solid #ddd;}
button {padding: 0.1em 0.5em; font-size: 0.85em;}
option {padding-right: 0.5em;}

html {font-size: 100.1%;}
body {max-width: 1440px; min-width: 770px; margin: 0 auto 2em; background: #fff;
    color: #373737; font: 70% Tahoma, Arial, 'Nimbus Sans L', sans-serif;}
#all {position: relative;}
a:link, a:visited {color: #459c64;}
a:hover, a:active {color: #459c64;}
hr {display: none;}
sup, sub {position: relative; font-size: 0.75em; vertical-align: middle;}
sup {bottom: 0.5em;}
sub {top: 0.5em;}


/* Globals
--------------------------------------------------------------------------------------------------*/

.g-text h1, .g-text h2, .g-text h3 {margin: 1em 0;}
.g-text p {margin: 1em 0;}
.g-text ul {margin: 1em 0 1em 2em;}
.g-text ol {margin: 1em 0 1em 2em;}
.g-text ul li {margin: 0.5em 0; list-style: disc;}
.g-text ol li {margin: 0.5em 0; list-style: decimal;}
.g-text ul.simple, .g-text ol.simple {margin-left: 0;}
.g-text .simple li {list-style: none;}
.g-text blockquote {border-left: 5px solid #ddd; padding-left: 10px;}
.g-text table {border-collapse: collapse; table-layout: auto;}
.g-text td, .g-text th {padding: 0.5em 1em; border: 1px solid #999;}
.g-text tr:first-child td, .g-text tr:first-child th {border-top: none;}
.g-text tbody tr:last-child td {border-bottom: none;}
.g-text td:first-child, .g-text th:first-child {border-left: none;}
.g-text td:last-child, .g-text th:last-child {border-right: none;}
.g-text img.left {float: left; padding: 0 10px 0 0;}


/* All pages
--------------------------------------------------------------------------------------------------*/

#tmenu {overflow: hidden; padding: 2em 4% 1em;}
#tmenu li {position: relative; float: left; margin: 0 1% 1em 0;}
#tmenu li.last {margin-right: 0;}
#tmenu a:link, #tmenu a:visited {float: left; height: 21px; zzoverflow: hidden; padding: 4px 10px 0;
    color: #4a4a4a; font-size: 1.2em; font-weight: bold; text-decoration: none;}
#tmenu a:hover, #tmenu a:active {text-decoration: underline;}
#tmenu li.first a {padding-left: 0;}
#tmenu li.sel {background: #b4a3bd url(/i/_/bg/tmenu_sel.gif) -10px 0 no-repeat;}
#tmenu li.sel a {color: #fff;}
#tmenu li.sel a i {position: absolute; top: 0; right: 0; width: 10px; height: 25px;
    background: url(/i/_/bg/tmenu_sel.gif) no-repeat; cursor: pointer;}
#tmenu li.first.sel a {padding-left: 10px;}

#header {position: relative; height: 146px; padding-bottom: 3em;}
body.index #header {height: 246px;}

#hl {position: absolute; top: 0; left: 0; width: 43%; height: 145px; overflow: hidden;
    padding-left: 4%; border-top: 1px solid #82ca9c; background: #f3f9eb;}
body.index #hl {height: 245px; background: #f3f9eb url(/i/_/girl.jpg) 90% 100% no-repeat;}
#hr {position: relative; float: right; width: 53%; overflow: hidden;}

#hl h1 em, #hl .title em {display: block; width: 15em; margin-top: 35px; color: #757575;
    font: 1em/1em 'Trebuchet MS', Tahoma, Arial, 'Nimbus Sans L', sans-serif;}
#hl h1 strong, #hl .title strong {display: block; margin: 0.2em 0 0 -0.1em; color: #8e77a3;
    font-size: 2em; font-weight: normal;}
#hl h1 small, #hl .title small {display: block; margin-top: 0.4em; color: #757575; font-size: 1em;
    font-weight: normal;}
#hl .title a {text-decoration: none; color: inherit;}
#hl .phone {position: absolute; bottom: 35px; color: #959595; font-size: 1.5em;}
#hl .phone strong {color: #8e76a3; font-size: 1.4em; font-weight: normal;}

#prize {position: relative; height: 82px; overflow: hidden; padding: 64px 7.5% 0 109px;
    background: #82ca9c url(/i/_/bg/hr.jpg) no-repeat;}
#prize .img {position: absolute; top: 13px; left: 32px;}
#prize .title {width: 10em; color: #fff;
    font: 1.25em/1em 'Trebuchet MS', Tahoma, Arial, 'Nimbus Sans L', sans-serif;}
#prize .title strong {text-transform: uppercase;}
#prize .hint {width: 15em; margin-top: 0.4em; color: #437c58; font-size: 0.9em;}

#hr blockquote {position: relative; width: 75%; margin: -10px 7.5% 0 0; padding: 25px 15px 7px 28px;
    border-top: 10px solid #f4f0c5; background: #fff; color: #666;
    font: italic 1.1em Georgia, 'Times New Roman', serif; text-align: justify;}
#hr blockquote .aquo {position: absolute; width: 8px; height: 6px; overflow: hidden;
    background: url(/i/_/quotes.gif) no-repeat; text-indent: -1000px;}
#hr blockquote .laquo {top: 21px; left: 14px; background-position: 0 0;}
#hr blockquote .raquo {bottom: 0; right: 2px; background-position: 0 -6px;}

#hr .phone {position: absolute; bottom: 0; left: 0; width: 75%; padding-bottom: 1em;
    border-bottom: 10px solid #f4f0c5; color: #437c58; font-size: 1.2em; text-align: right;}
#hr .phone strong {font-size: 1.4em; font-weight: normal;}

#main {overflow: hidden;}

#side {float: left; width: 21%; padding-left: 4%;}
#side .spoilers li {margin-bottom: 1em;}
#side .spoilers li a {position: relative; display: block; border: 1px solid #ebe9cb;
    background: #fffef2 url(/i/_/but/spoiler.gif) 95% 88% no-repeat; text-decoration: none;}
#side .spoilers li strong {display: block; padding: 1em 2.8em 0 1em; color: #8e76a3;
    font-size: 1.5em; font-weight: normal;}
#side .spoilers li strong:first-line {font-size: 1.2em;}
#side .spoilers li em {display: block; margin-top: -0.5em; padding: 0 3.5em 0.75em 1.25em; color: #9a9a9a; font-size: 1.2em;
    font-style: normal;}

#side .cs span {position: absolute; width: 11px; height: 11px; overflow: hidden;
    background: url(/i/_/bg/cs_side.gif) no-repeat; font-size: 0;}
#side .cs .tl {top: -1px; left: -1px; background-position: 0 0;}
#side .cs .tr {top: -1px; right: -1px; background-position: 100% 0;}
#side .cs .br {bottom: -1px; right: -1px; background-position: 100% 100%;}
#side .cs .bl {bottom: -1px; left: -1px; background-position: 0 100%;}

#c {float: right; width: 68%; padding-right: 4%; font-size: 1.2em;}
#c h1 {margin: 0 0 1em; color: #868686; font-size: 1.3em; font-weight: normal;}

#footer {position: relative; margin: 0 4%; padding: 3em 0 0 24%; color: #534741;}
#footer p.copy {margin: 1.5em 0 0;}
#footer .phone {position: absolute; bottom: 0; left: 0; margin: 0; color: #d2d2d2; font-size: 1.2em;}
#footer .phone strong {font-size: 1.4em; font-weight: normal;}

#msgs {margin: 0 0 1em; color: #437c58; font-weight: bold;}
#msgs p {margin: 0 0 0.5em;}


/* Main page
--------------------------------------------------------------------------------------------------*/

.index #ops {width: 75%; overflow: hidden;}
.index #ops h2 {margin: 0 0 1em; color: #868686; font-size: 1.3em; font-weight: normal;}
.index #ops h2 span {padding-right: 1em; background: url(/i/_/bul/ops.gif) 100% 65% no-repeat;}
.index #ops ul {float: left; width: 49%; color: #c2c2c2; font-weight: bold;}
.index #ops ul li {margin: 0 5% 1em 1.1em; list-style: disc;}

.index #c .spoilers {float: left; padding: 4em 0 3em; background: url(/i/_/bg/dashes.gif) 0 100% repeat-x;}
.index #c .spoilers li {display: inline; padding-left: 0.5em;}
.index #c .spoilers li.first {padding-left: 0;}


/* Operations page
--------------------------------------------------------------------------------------------------*/

.operations ul#op-ch {margin: 1em 0;}
.operations #op-ch li {margin: 0.5em 0; padding-left: 1.2em; text-indent: -1.2em;}
.operations #op-ch li:before {content: '— ';}
.operations #op-ch ul {margin: 0.5em 0;}

.operations #op-text {width: 75%; margin: 1.5em 0;}

.operations #links p {margin: 1em 0 0.5em; color: #868686; font-weight: bold;}
.operations #links li {padding-left: 1.2em; text-indent: -1.2em;}
.operations #links li:before {content: '— ';}

.operations a.imp {color: #437C58; font-weight: bold;}


/* Answers page
--------------------------------------------------------------------------------------------------*/

#qs {width: 70%;}
#qs li {margin: 2em 0;}
#qs li p.name {color: #8e77a3; font-size: 1.3em;}
#qs li p.date {margin: 0 0 0.5em; font-size: 0.85em;}

#qs .answer {padding: 12px 1em 1px; background: #e7f2db url(/i/_/bg/answer.png) no-repeat;}

#qs .pages {font-size: 1em; color: #8f78a4;}
#qs .pages a:link, #qs .pages a:visited {padding: 0.1em 0.4em; color: #8f78a4;}
#qs .pages a:hover, #qs .pages a:active {color: #459c64;}
#qs .pages strong {padding: 0.1em 0.4em; background: #8f78a4; color: #fff;}

#qform {width: 70%; margin-top: 2em; padding-top: 2em; background: url(/i/_/bg/dashes.gif) repeat-x;}
#qform h2 {margin: 0 0 1em; color: #868686; font-size: 1.3em; font-weight: normal;}
#qform .row {overflow: hidden; margin: 0.75em 0;}
#qform label {float: left; width: 7em; padding-top: 0.3em; color: #373737; font-weight: bold;}
#qform .text label, #qform .captcha label {float: none; display: block; width: auto;
    margin-bottom: 0.5em; padding: 0;}
#qform input, #qform textarea {padding: 0.1em; border: 1px solid #cacaca; color: #373737;
    font-size: 1.2em;}
#qform input {width: 15em;}
#qform textarea {width: 90%; height: 10em; font-size: 1em;}
#qform .captcha img {vertical-align: -1em;}
#qform .captcha input {width: 5em;}
#qform .errorlist {margin: 0.25em 0; color: #c30;}
#qform .controls button {width: 109px; height: 26px; border: none; padding: 0 0 0.4em;
    background: #77be91 url(/i/_/but/question.png) no-repeat; color: #fff; font-size: 1em;
    font-weight: bold; cursor: pointer;}


/* Bio page
--------------------------------------------------------------------------------------------------*/

#bio {width: 70%;}


/* Feedback page
--------------------------------------------------------------------------------------------------*/

#feedback {width: 70%;}
#feedback li {margin: 0 0 2em; padding-bottom: 1em; background: url(/i/_/bg/dashes.gif) 0 100% repeat-x;}
#feedback li.last {padding-bottom: 0; background: none;}
#feedback .sign {font-style: italic;}

/* Articles page
--------------------------------------------------------------------------------------------------*/

#articles, #article {width: 70%;}

#articles ul {margin: 1em 0;}
#articles li {margin: 0.5em 0; padding-left: 1.2em; text-indent: -1.2em;}
#articles li:before {content: '— ';}

#artice p.back {margin: 1em 0;}


/* Answers page
--------------------------------------------------------------------------------------------------*/

#aform {width: 70%;}
#aform .row {overflow: hidden; margin: 0.75em 0;}
#aform label {float: left; width: 7em; padding-top: 0.3em; color: #373737; font-weight: bold;}
#aform .msg label, #aform .captcha label {float: none; display: block; width: auto;
    margin-bottom: 0.5em; padding: 0;}
#aform input, #aform textarea {padding: 0.1em; border: 1px solid #cacaca; color: #373737;
    font-size: 1.2em;}
#aform input {width: 15em;}
#aform textarea {width: 90%; height: 10em; font-size: 1em;}
#aform .captcha img {vertical-align: -1em;}
#aform .captcha input {width: 5em;}
#aform .errorlist {margin: 0.25em 0; color: #c30;}
#aform .controls button {width: 109px; height: 26px; border: none; padding: 0 0 0.4em;
    background: #77be91 url(/i/_/but/question.png) no-repeat; color: #fff; font-size: 1em;
    font-weight: bold; cursor: pointer;}


/* Contacts page
--------------------------------------------------------------------------------------------------*/

#contacts {width: 70%;}


/* Photos page
--------------------------------------------------------------------------------------------------*/

#photo, #photo_cat {width: 70%;}

#photo ul {margin: 1em 0;}
#photo li {margin: 0.5em 0; padding-left: 1.2em; text-indent: -1.2em;}
#photo li:before {content: '— ';}

#photo_cat .descr {margin: 1em 0 3em; font-style: italic;}
#photo_cat #photos .descr {margin: 1em 0;}

#photos li {margin: 1em 0 3em;}
#photos li ul {width: 410px; margin: 1em 0; overflow: hidden;}
#photos li li {float: left; position: relative; width: 200px; margin: 0;}
#photos li li.before {margin-right: 10px;}
#photos img {display: block;}
#photos li li strong {position: absolute; bottom: 0; width: 3em; padding: 0.2em 1em;
    background: #a591b3; color: #fff; font-weight: normal; text-align: center;}
.before strong {left: 0;}
.after strong {right: 0;}