<!--
  Copyright (C) Igor Sysoev
  Copyright (C) Nginx, Inc.
  -->

X:stylesheet {

X:template style (lang) {

    <style type="text/css">!{ normalize-space('
        body              { background:     white;
                            color:          black;
                            font-family:    sans-serif;
                            line-height:    1.4em;
                            text-align:     center;
                            margin:         0;
                            padding:        0; }
        #banner           { background:     black;
                            color:          #F2F2F2;
                            line-height:    1.2em;
                            padding:        .3em 0;
                            box-shadow:     0 5px 10px black; }
        #banner a         { color:          #00B140; }
        #main             { text-align:     left;
                            margin:         0 auto;
                            min-width:      32em;
                            max-width:      64em; }
        #menu             { float:          right;
                            width:          11em;
                            padding:        0 .5em 1em .5em;
                            border-left:    2px solid #DDD; }
        #content          { margin-right:   13.5em;
                            padding:        0 .2em 0 1.5em; }
        h1                { display:        block;
                            font-size:      3em;
                            text-align:     left;
                            height:         .7em;
                            margin:         0;
                            margin-bottom:  .5em; }
        h1 img            { width:          100%; }
        h2                { text-align:     center; }
        p                 { text-align:     justify; }
        table.news p      { margin-top:     0; }
        table.news td     { vertical-align: baseline; }
        table.news .date  { text-align:     right;
                            padding-right:  0.5em;
                            white-space:    nowrap; }
        table.donors td   { vertical-align: baseline; }
        table.donors li   { text-align:     left; }
        div.directive     { background:     #F2F2F2;
                            line-height:    1em;
                            margin:         1em 0 1em -1em;
                            padding:        .7em .7em .7em 1em;
                            border-top:     2px solid #DDD; }
        div.directive th  { padding-left:   0;
                            padding-right:  .5em;
                            vertical-align: baseline;
                            text-align:     left;
                            font-weight:    normal; }
        div.directive td  { vertical-align: baseline; }
        div.directive pre { padding:        0;
                            margin:         0; }
        div.directive p   { margin:         .5em 0 0 .1em;
                            font-size:      .8em; }
        a.notrans         { color:          gray;
                            text-decoration:none; }
        span.initial      { font-size:      200%;
                            float:          left;
                            padding-right:  10pt;}
        ul, ol            { margin:         .5em 0 1em 1em;
                            padding:        0 .5em; }
        ol                { list-style-position: inside; }
        li                { text-align:     justify;
                            padding:        .5em 0 0 1px; }
        .compact li       { padding-top:    0; }
        dl                { margin:         .5em 0 1em 0; }
        dt                { margin:         .5em 0; }
        .compact dt       { margin-bottom:  .2em; }
        dd                { margin-left:    1.5em;
                            padding-left:   1px;
                            text-align:     justify; }
        td.list           { background:     #F2F2F2; }
        blockquote        { margin:         1em 0 1em 1em;
                            padding:        .5em; }
        li blockquote, dd blockquote
                          { margin:         .7em 0; }
        blockquote.note   { border:         1px dotted #999;
                            line-height:    1.2em;
                            text-align:     justify; }
        blockquote.example {
                            line-height:    1em;
                            border-left:    1px solid #BBB; }
        blockquote.example pre {
                            padding:        0;
                            margin:         0; }
        sup               { font-size:      50%; }
        .video            { position: relative;
                            padding-bottom: 56.25%;
                            overflow: hidden; }
        .video iframe,
        .video object,
        .video embed      { position: absolute;
                            top:0;
                            left:0;
                            width:100%;
                            height:100%; }
        ') }

    X:if "$lang = 'he'" {
        !{ normalize-space('
        pre               { text-align:     left;
                            direction:      ltr; }
        code              { direction:      ltr;
                            unicode-bidi:   embed; }
        .ltr              { direction:      ltr;
                            unicode-bidi:   embed; }
        ') }
    }

    X:if "$lang = 'cn'" {
        !{ normalize-space('
        p                 { text-align:     left; }
        li                { text-align:     left; }
        dd                { text-align:     left; }
        blockquote.note   { text-align:     left; }
        ') }
    }

    </style>
}

}