body {
    background: #eee url(/img/bg.png);
    text-align:center; padding: 0px; margin: 0px;
    padding-bottom:16px;
}

/*-------------------- Navbar stuff ----------------------*/
#navbar {
	text-align:left;
	width: 200px;
	font: 12px Verdana, sans-serif;
}
#navbar div {
	background: white;
	border: 1px solid silver;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	padding: 3px;
	}
#navbar a:link, #navbar a:visited {
	display: block;
	color:black;
	text-decoration: none;
	}
#navbar a:hover { text-decoration: none; }

#navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navbar ul li { margin: 1px 0px; padding:0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
#navbar ul li a {
	border: 1px solid white;
	background: white;
	padding: 2px 2px 2px 6px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-transition-property: background-color, border-color;
    -moz-transition-duration: 0.2s;
    -o-transition-property: all;
    -o-transition-duration: 0.2s;
    -webkit-transition-property: background-color, border-color;
    -webkit-transition-duration: 0.2s;
}
#navbar ul li a:hover {
	border-color: #aaa;
	background-color: #ddd;
}
#navbar ul li.active {
	padding: 2px 2px 2px 6px;
	background: #eaeaea;
	border: 1px solid #aaa;
	font-weight:bold;
	cursor:default;
}
#navbar ul li.passive {	cursor:default; font-style: italic; }
/*---------------- second level -------------------*/
#navbar ul li li a { padding-left: 26px; }
#navbar ul li li.active { padding-left: 26px; }
#navbar ul li li.passive {	padding-left: 26px; }
/*---------------- third level -------------------*/
#navbar ul li li li a { padding-left: 46px; }
#navbar ul li li li a:hover { padding-left: 46px; }
#navbar ul li li li.active { padding-left: 46px; }
#navbar ul li li li.passive { padding-left: 46px; }

/*--------------------- positioning ----------------------------*/
#global {
    width: 738px; margin: 16px auto 0px; position: relative; background: white;
	border: 3px solid silver;
	padding: 10px 20px 0px; }
#navbar {position: absolute; left: 20px; top: 20px;}
#content {margin-left: 220px; min-height:40em; position:relative;}

/*--------------------- banners --------------------------------*/
#navbar #banners {border:0px; text-align:center; padding:0px; margin-top: 15px;}

/*--------------------- content ----------------------------------*/
#content {
	font: 13px Georgia, Lucida Sans Unicode, Arial Unicode MS, serif; color: #333;
	line-height: 17px;
	background: white;
	text-align:left;
	padding: 10px;
}

#content a[href^="http://"]:not([class="noext"]):not([class="button"]) {
    background: url(/img/external.png) center right no-repeat;
    padding-right: 12px; margin-right: 4px;
}

ul {list-style:circle;}
#main li {margin-top: 7px;}

h1 {
	font: bold 22px Trebuchet MS, sans-serif; text-align:left;
	padding: 0px; margin: 0px 0px 10px;
	border-bottom: 1px dashed silver;
}
h2 {
	font: normal 18px Verdana, sans-serif; padding: 0px; margin: 25px 0 10px;
	border-bottom: 1px dashed silver;
}

h3 { font: bold 14px Trebuchet MS, sans-serif; padding: 0px; margin: 10px 0px 10px; }
h4 { font: italic 14px Trebuchet MS, sans-serif; padding: 0px; margin: 10px 0px 0px; text-decoration: underline;}

p { margin: 0px 0px 10px 0px;}

a {color:#228B22; }
a:hover { color:darkgreen; }
a img {
    border:1px solid white;
    }
    a:hover img {border-color: silver;}

#credits  {
	border-top: 1px dashed silver;
	font: 11px Verdana, sans; color: #666; position:relative;
	padding: 5px 0px;
	}
    #credits a:link, #credits a:visited { color: #666; text-decoration:none; }
    #credits a:hover { color: black; text-decoration:underline; }

a.section {
	font: 13px Georgia, Times; color: #333;
	display: block;
	text-decoration: none; color: black;
    padding: 7px 5px 8px 55px;
    margin: 20px 0px;
    background: url(/img/sect_bullet.png) white no-repeat 10px 10px;
    min-height: 40px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-transition-property: background-color;
    -o-transition-duration: 0.3s;
    -moz-transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    }
    a.big {
        padding-left: 60px;
        background-position: 8px 8px;
        }
    a.star {
        background-image: url(/img/sect_star.png);
    }
    a.section:hover {
        text-decoration: none;
        background-color: #eee;
        }
    a.section strong {
        display: block;
        font: bold 16px Trebuchet MS, sans-serif;
        }

#navbar #languages {
        margin-top: 20px;
        }
        #navbar #languages a {
            padding-left: 24px;
            background-image: url(/img/flags.png);
            background-repeat: no-repeat;
            background-position: 3px 5px;
            }
            #navbar #languages a.ru { background-position: 3px -20px }
            #navbar #languages a.en { background-position: 3px -40px }


li.download {list-style:url(/img/download.png); margin: 5px 3px;}
li.userscript {list-style:url(/img/userscript.png); }
li.page {list-style:url(/img/html.png); }

/* Addon install button */
a.button, a.button:link, a.button:visited, a.button:hover, a.button:focus, a.button:active {
    border-radius:13px;
    -moz-border-radius:13px;
    -webkit-border-radius:13px;
    background:#8CC553 url("/img/button-green.jpg") center center repeat-x;
    border:1px solid #488F03;
    color:#FFFFFF;
    cursor:pointer;
    font: 14px Helvetica,Arial,sans-serif;
    margin:0.3em 0;
    overflow:visible;
    padding:0.15em 0.9em 0.15em 0.5em;
    text-decoration:none;
    text-shadow:-1px -1px 1px #7BAB29;
    vertical-align:middle;
    white-space:nowrap;
}

a.button:link img, a.button:visited img, a.button:hover img, a.button:focus img, a.button:active img, button img {
    border:none;
    margin:0 0.6em 0.25em 0;
    padding:0.1em 0.5em 0.1em 0;
    vertical-align:middle;
    border-right:1px solid #55AA00;
}

div#zapys_preview {
    width: 445px; height: 289px;
    background: url(/misc/zapys/zapys_both.png);
    }
div#zapys_preview:hover {
    background-position: 0 -305px;
    }

#streams {
    }
    #streams a {
        background-position: 1px 2px;
        background-repeat: no-repeat;
        padding: 1px 0 1px 26px;
        display: inline-block;
        height: 18px;
        margin: 5px 0;
        }