/*
 * HIGH Labs default style
 * Copyright (C) 2007-2009 Dmitry Vasiliev <dima at hlabs.spb.ru>
 */

body {
    font-size: 80%;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: black;
    margin: 0.3em;
    background-color: #eef;
    text-align: center;
}

#body-container {
    text-align: left;
    margin: 0 auto;
    width: 990px;
}

/*
 * Top menu
 */

div#header {
    white-space: nowrap;
}

div#topmenu ul {
    margin: 0;
    padding: 1.2em 0.4em 0.7em 0.4em;
    background-color: #480;
}

div#topmenu ul li {
    display: inline;
}

div#topmenu ul a {
    text-decoration: none;
    padding: 0.7em 1em 0.7em;
    color: white;
    background-color: green;
    border-top: 1px solid #090;
    border-right: 1px solid #030;
    border-left: 1px solid #090;
}

div#topmenu ul a.selected {
    background-color: black;
    border: 1px solid;
    border-color: #777 black black #777;
}

div#topmenu ul a.selected:hover {
    background-color: black;
    border-left: 1px solid #777;
    border-top: 1px solid #777;
}

div#topmenu ul a:hover {
    background-color: #050;
}

div#topmenu ul a.selected:hover {
    background-color: black;
}

/*
 * Navigation bar
 */

div#navigation {
    color: white;
    border: 1px solid;
    border-color: #777 black black #777;
    background-color: black;
    padding: 0.2em 0.5em;
}

div#navigation ul {
    display: inline;
    margin: 0;
    padding: 0;
}

div#navigation ul li {
    font-weight: bold;
    display: inline;
}

div#navigation ul a {
    font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
    padding: 0 0.5em;
    color: yellow;
}

div#navigation ul a:hover {
    text-decoration: underline;
}

/* 
 * Left menu
 */

div#leftmenu {
    float: left;
    width: 150px;
    background-color: #480;
}

div#items ul {
    list-style: none;
    padding: 0.5em 0 0.5em 0.5em;
    margin: 0;
}

div#items ul li {
    display: inline;
}

div#items ul a {
    display: list-item;
    padding: 0.5em;
    padding-left: 1em;
    margin: 0.1em 0;
    text-decoration: none;
    color: white;
    background-color: green;
    border-top: 1px solid #090;
    border-bottom: 1px solid #030;
    border-left: 1px solid #090;
}

div#items ul a.selected {
    background-color: black;
    border: 1px solid;
    border-color: #777 black black #777;
}

div#items ul a.selected:hover {
    background-color: black;
    border: 1px solid;
    border-color: #777 black black #777;
}

div#items ul a:hover {
    background-color: #050;
}

div.feeds {
    margin: 10px 5px 20px 5px;
}

div.feeds .title {
    color: white;
    font-size: 100%;
    margin: 5px 0;
}

div.feeds a {
    color: yellow;
    text-decoration: none;
}

div.feeds a:hover {
    color: yellow;
    text-decoration: underline;
}

div.feeds img {
    border: none;
    margin: 0 3px 0 8px;
    position: relative;
    top: 2px;
}

/* Page content */

div.cse-branding-bottom {
    height: 4em;
}

div#content {
    border-left: 150px solid #480;
    padding: 0.5em 2em;
    background-color: white;
}

div#content .sidebar {
    clear: right;
    float: right;
    width: 33%;
    padding: 0 15px;
    margin: 1em 0 15px 15px;
    background-color: #fea;
    border: 1px solid;
    border-color: #ffb #ed9 #ed9 #ffb;
}

div#content table {
    border-collapse: collapse;
}

div#content table td {
    border: 1px solid #556;
}

div#content table th {
    border: 1px solid #556;
    background-color: #dde;
}

div#content a img {
    border: none;
}

div#content div.newsblock {
    border-top: 1px dashed #ccc;
    padding: 0.5em 0;
    clear: right;
}

div.pager {
    margin: 2px 0;
    text-align: center;
    font-weight: bold;
    font-size: 115%;
    background-color: #fea;
    border: 1px solid;
    border-color: #ffb #ed9 #ed9 #ffb;
}

div.pager span {
    margin: 0;
    padding: 0 6px;
    color: #cb7;
}

div.pager a {
    color: #873;
    padding: 0 6px;
    margin: 0 4px;
    border: 4px solid #cb7;
    background-color: white;
    text-decoration: none;
}

div.pager a.current {
    color: white;
    background-color: #cb7;
    border-color: #a95;
}

div.pager a:hover {
    border-color: #873;
}

div#content div.news {
    clear: right;
    margin: 0.5em 0;
}

div#content .header,
div#content h1.title {
    border: 1px solid;
    border-color: #eef #bbe #bbe #eef;
    padding: 2px 1em;;
    margin: 0;
    background-color: #ccf;
}

div#content div.news div.header h2 {
    margin: 0;
    font-weight: normal;
}

div#content div.news div.header a {
    color: black;
    font-size: 110%;
    font-weight: bold;
    text-decoration: none;
}

div#content div.header span.tags {
    float: right;
    width: 30%;
    padding: 0;
    text-align: right;
}

div#content div.header span.tags a {
    color: #060;
    padding-left: 1ex;
    font-weight: normal;
    text-decoration: none;
}

div#content div.header span.tags a:hover {
    text-decoration: underline;
}

div#content div.header h1 {
    margin: 0 0.5em;
    text-decoration: none;
}

div#content div.header span {
    padding: 0 1.5em;
    color: #555;
}

div#content div.comment h3.header {
    font-weight: normal;
}

div#content div.comment h3.header span {
    margin: 0;
    padding: 0;
}

div#content div.comment h3.header a {
    color: black;
    font-variant: small-caps;
    font-weight: bold;
    text-decoration: none;
}

div#content div.comment h3.header span.author {
    font-variant: small-caps;
}

div#content div.comment h3.header {
    color: #555;
}

div#content div.summary {
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    padding: 0 1.5em 0;
    margin: 0 0 0 0.5em;
}

div#content div.newsblock div.summary {
    padding: 0 0 3em 2em;
}

div#content div.newsblock div.news div.footer {
    margin-top: 2em;
}

div#content div.newsblock div.news div.footer a {
    text-decoration: none;
    color: navy;
}

div#content div.newsblock div.news div.footer a:hover {
    text-decoration: underline;
    color: navy;
}

div#content div.newsblock div.news div.summary span.fulltext {
    float: left;
    width: 40%;
    font-size: 110%;
    border-left: 10px solid #fea;
    padding-left: 5px;
}

div#content div.newsblock div.news div.summary span.comments {
    float: right;
    width: 49%;
    text-align: right;
    font-size: 110%;
}

div#content div.newsblock div.news div.summary span.comments a {
    border-left: 10px solid #fea;
    padding-left: 5px;
    margin-left: 15px;
}

div#content ul {
    list-style-type: square;
    padding-left: 2em;
    margin-left: 0;
}

div#content div.section {
    margin-top: 1em;
    border-top: 1px dashed #ccc;
    clear: right;
}

div#content table.docutils.footnote {
    margin-top: 1em;
    margin-left: 1em;
    clear: right;
    font-size: 90%;
}

div#content .right-flow {
    margin: 5px;
    float: right;
}

div#content div.contents {
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    padding: 0 1.5em 0.5em 0.5em;
    margin: 0 0 0 0.5em;
}

div#content pre {
    word-wrap: break-word;
    font-size: 120%;
}

div#content pre, div#content blockquote {
    margin: 0 1em;
    padding: 0.5em 1em;
    background-color: #eef;
    border: 1px solid;
    border-color: #fff #dde #dde #fff;
}

div#content span.pre {
    font-size: 120%;
    font-family: monospace;
    color: maroon;
}

div#content p.topic-title a#contents {
    display: none;
}

div#comments {
    margin-top: 1em;
    clear: right;
}

div#comments h2.title {
    padding: 0.2em 1em;
    color: white;
    background-color: green;
    border: 1px solid;
    border-color: #090 #030 #030 #090;
    font-weight: normal;
    font-size: 110%;
}

div#comments h2.title a {
    color: #def;
    padding: 0.2em 1em;
    background-color: black;
    text-decoration: none;
}

div#comments div.comment {
    clear: right;
    margin: 0.5em 0;
}

div.commentbody {
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    margin: 0 0 0 0.5em;
    padding: 0 1.5em 0;
}

div.commentbody .icon {
    float: left;
    position: relative;
    left: -2em;
    top: -0.5em;
}

div#addcomment span.error {
    color: red;
    display: block;
}

div#addcomment span.description {
    font-style: italic;
    font-size: 90%;
}

div#addcomment div.input input,
div#addcomment div.input textarea
{
    margin-left: 0.5em;
    border: 1px solid;
    border-color: black #ddd #ddd black;
}

div#addcomment div.submit input {
    font-weight: bold;
    margin-top: 0.5em;
    padding: 3px 2em;
    border: 1px solid;
    border-color: #eef #bbe #bbe #eef;
    background-color: #ccf;
}

div#content div.text li {
    margin-bottom: 0.5em;
}

div#content div.tags {
    text-align: justify;
    margin: 1em;
    word-spacing: 2ex;
    line-height: 3em;
}

div#content div.tags a {
    text-decoration: none;
}

div#content div.tags .class0 {
    color: #999;
    font-size: 130%;
}

div#content div.tags .class1 {
    color: #900;
    font-size: 160%;
}

div#content div.tags .class2 {
    color: #090;
    font-size: 200%;
}

div#content div.tags .class3 {
    color: #009;
    font-size: 250%;
}

div#content div.tags a:hover {
    text-decoration: underline;
}

div#tagged li {
    margin: 5px 0;
}

div#tagged li span {
    color: #999;
    margin-left: 1em;
}

div#tagged li a {
    color: navy;
    font-size: 110%;
}

div#tagged li span.tags a {
    color: #060;
    font-size: 100%;
    padding-left: 1ex;
}

div#tagged li span.tags a:hover {
    text-decoration: underline;
}

div#tagged li span a {
    color: #999;
    text-decoration: none;
}

div#tagged li span a:hover {
    text-decoration: underline;
}

/* Footer */

div#footer {
    text-align: right;
    clear: both;
    padding: 0.5em;
    color: white;
    background-color: #250;
    border: 1px solid;
    border-color: #490 #030 #030 #490;
}

#validators {
    float: left;
}

#validators img {
    border: none;
}

div#footer address {
    float: right;
    margin-top: 8px;
    margin-right: 10px;
}

div#footer a {
    text-decoration: none;
}

div#footer address a {
    color: yellow;
}

div#footer address a:hover {
    text-decoration: underline;
}