@import url(/s_browsers.css) all;
@import: url(/s_msie.css);

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

/* MAZZAR CSS */

body, table, td {
        background: Black;
        color: White;
        font-family: Tahoma, Verdana;
        font-size: 10pt;
}

a {
        color: #CDC983;
        text-decoration: underline;
}

a:hover {
        color: #DDD993;
}

h1, h2, h3, #partners {
        background: transparent url(/i/hbg-trans.png) repeat;
        color: #CDC983;
        margin: 0 0 10px 0;
        padding: 5px;
        text-transform: uppercase;
}

h1 {
        font-size: 140%;
        line-height: 14pt;
}

h2 {
        font-size: 100%;
        line-height: 12pt;
}

h2 span.date {
        color: #808000;
        font-size: 80%;
}

h3 {
        font-size: 80%;
        line-height: 10pt;
}

ul {
        list-style: square inside;
        padding-bottom: 5px;
}

ul li {
        font-size: 90%;
        line-height: 13pt;
}

ol {
        list-style: decimal inside;
        padding: 3px 0 5px 0;
}

ol li {
        font-size: 90%;
        line-height: 13pt;
}

#centerer {
        background: url(/i/bg.jpg) 50% 638px repeat-y;
        min-height: 1000px;
        height: auto !important;
        height: 1000px;
        margin: 0 auto;
        width: 1020px;
}

#head {
        background: #320 url(/i/tc.jpg) top center;
        height: 94px;
        overflow: hidden;
}

#logo_l {
        float: left;
        width: 268px;
}

#logo_r {
        float: right;
        width: 268px;
}

#banner_t {
        height: 94px;
        overflow: hidden;
}

#banner_t img {
        margin: 17px 5px;
}

#banners_r {
        margin: 10px;
}

#banners_r img {
        border: 1px solid #800000;
        margin-top: 10px;
}

#partners {
        font-size: 8pt;
        line-height: 10pt;
}

#body {
        clear: both;
        position: relative;
        top: -2px;
}

#panel_l {
        float: left;
        background: url(/i/ml.jpg) top center no-repeat;
        width: 207px;
        min-height: 544px;
        height: auto !important;
        height: 544px;
        padding: 45px 0 0 0;
        text-align: center;
}

#panel_l p {
        padding-left: 15px;
        padding-right: 15px;
}

#panel_l iframe {
        margin: 0 0 15px 0;
        height: 700px;
        width: 100%;
        overflow: hidden;
}

#panel_l .date {
        font-size: 80%;
}

#panel_l img {
        border: 1px solid #800000;
        display: block;
        margin: 3px auto;
        width: 90px;
        height: 90px;
}

#panel_l .title {
        font-weight: bold;
}

#panel_l ul {
        display: none;
}

#panel_l a.link {
        font-size: 85%;
}

#panel_r {
        background: url(/i/mr.jpg) top center no-repeat;
        float: right;
        min-height: 544px;
        height: auto !important;
        height: 544px;
        width: 207px;
        padding-top: 5px;
}

#panel_r ul {
        list-style: none outside;
        height: 280px;
        margin: 0;
        padding: 0;
}

#panel_r #search_bar {
        padding: 0 10px;
}

#panel_r #search_bar input {
        font-size: 80%;
}

#panel_r #search_bar .text {
        width: 130px;
}

#panel_r #search_bar .button {
        border: 1px solid Silver;
        height: 19px;
        padding: 2px;
        width: 40px;
}

#panel_r #b_news a {
        background-image: url(/i/b_news.jpg);
}

#panel_r #b_releases a {
        background-image: url(/i/b_releases.jpg);
}

#panel_r #b_plan a {
        background-image: url(/i/b_plan.jpg);
}

#panel_r #b_bands a {
        background-image: url(/i/b_bands.jpg);
}

#panel_r #b_shops a {
        background-image: url(/i/b_shops.jpg);
}

#panel_r #b_about a {
        background-image: url(/i/b_about.jpg);
}

#panel_r #b_contacts a {
        background-image: url(/i/b_contacts.jpg);
}

#panel_r #b_links a {
        background-image: url(/i/b_links.jpg);
}

#panel_r #b_guestbook a {
        background-image: url(/i/b_guestbook.jpg);
}

#panel_r li {
        line-height: 30px;
}

#panel_r li a:hover {
        background-position: 0 -28px;
}

#main {
        background: url(/i/mc.jpg) top center no-repeat;
        min-height: 544px;
        height: auto !important;
        height: 544px;
        margin: 0 207px;
        padding: 0 15px 10px 15px;
}

#welcome {
        font-size: 85%;
        margin-bottom: 10px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
}

.releases .tags {
        font-weight: bold;
}

div.text {
        text-align: justify;
}

p {
        padding: 3px 0;
}

#main .releases img {
        border: 1px solid #800000;
        float: left;
        margin: 0 10px 5px 0;
        width: 180px;
        height: 180px;
}

/* http://www.positioniseverything.net/easyclearing */

div.text:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

div.text {
        display: inline-block;
}  /* for IE/Mac */

/* --- */