/* Screen version of content presentation */
@media screen {
  /* Eraser */
  * {
    margin: 0;
    padding: 0;
  }
  html, body {
    width: 100%;
    height: 100%;
  }
  html, body, img {
    border: none;
  }

  /* Whole page */
  body {
    min-width: 980px;
    color: #000;
    background: #fff;
    font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
  }

  /* Common settings for most of blocks */
  h1, h2, h3 {
    margin-bottom: .5em;
  }
  h1, h2, h3 {
    color: #999;
  }
  h2, h3 {
    margin-top: 1em;
  }
  h1 {
    font-size: 150%;
  }
  h2 {
    font-size: 130%;
  }
  h3 {
    font-size: 110%;
  }
  blockquote {
    padding-left: 15px;
    border-left: solid 5px #f0f0f0;
  }
  p {
    margin-bottom: 1em;
  }
  ul, ol
  {
    margin-bottom: 1em;
  }
  ul {
    list-style-type: disc;
  }
  ol {
    list-style-type: decimal;
  }
  ol ul, ul ul, ul ol {
    margin-top: 1em;
  }
  li {
    margin-left: 1.5em;
    margin-bottom: 1em;
  }
  a {
    text-decoration: underline;
  }
  a:link {
    color: #900;
  }
  a:visited {
    color: #999;
  }
  a:hover {
    text-decoration: none;
  }
  a:active {
    color: #c00;
  }
  span {
    white-space: nowrap;
  }
  span.date {
    font-weight: bold;
  }
  img.photo {
    border: solid 1px #999;
    padding: 1px;
  }
  input, select, textarea {
    font-size: 90%;
  }

  /* Years panel */
  #years {
    font-size: .8em;
    background: #ccc;
    padding: 5px 20px;
    border: solid #666;
    border-width: 0 0 1px 0;
  }
  #years a:link, #years a:visited, #years a:hover, #years a:active {
    color: #000;
  }

  /* Header */
  #header {
    position: relative;
    width: 100%;
    height: 118px;
    background: url(/_images/design/stripes.gif) 0 10px scroll repeat-x;
  }
  #logo, #ru-center {
    position: absolute;
  }
  #logo {
    left: 70px;
    top: 5px;
    z-index: 2;
  }
  #ru-center {
    right: 70px;
    top: 10px;
    z-index: 1;
  }

  /* Left column */
  #left-sidebar-carrier {
    width: 220px;
    margin-bottom: 20px;
    float: left;
  }
  #left-sidebar {
    padding-left: 20px;
    padding-top: 1px;
    border-right: solid 1px #999;
  }
  #left-sidebar ul {
    list-style-type: none;
    font-weight: bold;
    margin: 0;
  }
  #left-sidebar ul li {
    margin: 20px 0 0 0;
    padding: 0;
  }
  #left-sidebar ul li a:link, #left-sidebar ul li a:visited, #left-sidebar ul li a:active, #left-sidebar ul li span.current {
    display: block;
    height: 1.7em;
    line-height: 1.7em;
    color: #fff;
    text-decoration: none;
    text-align: right;
    padding: 0 20px 0;
  }
  #left-sidebar ul li a {
    background: #900 url(/_images/design/red-chamfer.gif) top left scroll no-repeat;
  }
  #left-sidebar ul li a.selected {
    background: #600 url(/_images/design/darkred-chamfer.gif) top left scroll no-repeat;
  }
  #left-sidebar ul li span.current {
    background: #999 url(/_images/design/gray-chamfer.gif) top left scroll no-repeat;
  }

  /* Right column */
  #right-sidebar-carrier {
    width: 300px;
    margin-bottom: 20px;
    float: right;
  }
  .right-sidebar {
    margin-top: 20px;
    padding: 20px;
    border: solid #999;
    border-width: 1px 0 1px 1px;
    background: #f0f0f0;
  }
  #status p {
    font-size: 110%;
  }

  /* Main content area */
  #main {
    margin-left: 220px;
    margin-right: 300px;
    padding: 20px;
  }

  /* Footer */
  #footer-carrier {
    position: relative;
    width: 100%;
    clear: both;
    text-align: center;
  }
  #pre-footer {
    padding: 20px 20px 2px;
    background: url(/_images/design/gradient.gif) top left scroll repeat-x;
  }
  #footer {
    padding: 20px;
    border-bottom: solid 1px #999;
    background: #f0f0f0;
    font-size: 90%;
  }
  #counter {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
  }
}

/* Print version of content presentation */
@media print {
  /* Hidden blocks */
  #years, #header, #left-sidebar-carrier, #counter {
    display: none;
  }

  /* Eraser */
  img {
    border: none;
  }

  /* Whole page */
  body {
    color: #000;
    font: 12pt "Times New Roman", Times, serif;
  }

  /* Common settings for different elements */
  h1, h2, h3 {
    font-family: Arial, Helvetica, sans-serif;
  }
  h1 {
    font-size: 20pt;
  }
  h2 {
    font-size: 16pt;
  }
  h3 {
    font-size: 14pt;
  }
  blockquote {
    margin: 0;
    padding-left: 1em;
    border-left: solid 1pt #000;
  }
  ul, ol
  {
    margin-bottom: 1em;
  }
  ul {
    list-style-type: disc;
  }
  ol {
    list-style-type: decimal;
  }
  ol ul, ul ul, ul ol {
    margin-top: 1em;
  }
  li {
    margin-bottom: 1em;
  }
  a {
    color: #000;
    text-decoration: underline;
  }
  span {
    white-space: nowrap;
  }
  span.date {
    font-weight: bold;
  }
  img.photo {
    border: solid 1pt #000;
  }

  /* Right column transformed to incut */
  #right-sidebar-carrier {
    width: 30%;
    float: right;
    border: solid 1pt #000;
    padding: 1em;
    margin: 0 0 1em 1em;
  }

  /* Footer */
  #footer-carrier {
    clear: both;
    border-top: solid 1pt #000;
    padding-top: 1em;
    text-align: center;
  }
  #footer {
    font-size: 10pt;
  }
}