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; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
a { text-decoration: none; color: #626262; }
a:hover { color: #7009D0; }
h1 { font-size: 16px; }
h2 { font-size: 12px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }
h5 { font-size: 10px; }
/* SITE */
html { background: #f1f6fa; }
body { width: 930px; margin: 0 auto; color: #373737; font-size: 13px; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; }
#wrap { clear: both; }
#header { height: 331px; background: url(images/header.jpg) no-repeat; overflow: hidden; }
    #header h1 a { height: 50px; width: 258px; margin: 50px 0 0 247px; display: block; }
    #header ul { display: block; height: 50px; margin: 60px 0 10px 0; background: url(images/menu.jpg) no-repeat; padding: 0 10px 0 40px; }
    #header ul li { float: left; overflow: hidden; line-height: 47px; color: #fff; font-size: 15px; }
    #header ul li.last { float: right; }
    #header ul li a { padding: 0 13px; height: 50px; display: block; color: #fff; }
    #header ul li a:hover { color: #aaa; }
#main { width: 660px; float: left; }
    #main h1 { background: #d20909 url(images/bar.png) no-repeat; height: 40px; color: #fff; line-height: 38px; padding: 0 10px 0 36px; font-weight: normal; margin: 0 0 10px 0; }
    #main h1 span { float: left; font-size: 15px; }
    #main h1 a { float: right; font-size: 11px; font-style: normal; color: #fff; }
    .playlist { overflow: hidden; margin: 10px 0 0 0; }
    .playlist li { float: left; overflow: hidden; }
    .playlist li a { width: 136px; height: 106px; background: #fff url(images/film.png) no-repeat; display: block; margin: 0 9px 12px 0; padding: 10px; }
    .playlist li a div { width: 136px; height: 86px; overflow: hidden; padding: 10px 0 0 0; }
    .playlist li a:hover, .playlist li.active a { background-position: 0 -126px; }
    .playlist li a:hover h3, .playlist li.active a h3 { color: #fff; }
    .playlist li h3 { overflow: hidden; color: #7009D0; text-align: center; font-size: 11px; font-weight: normal; white-space: nowrap; }
    .pages { float: right; margin: 0 6px 0 0; }
    .pages li { float: left; margin: 0 3px 0 0; }
#sidebar { width: 250px; float: right; margin: -20px 0 0 0; }
    #sidebar > h2 { height: 40px; line-height: 40px; font-size: 15px; color: #fff; background: #5c5c5c url(images/panel-t.png) no-repeat; margin: 20px 0 5px 0; padding: 0 0 0 36px; font-weight: normal; }
    .sidemenu { border: 1px #e3e8ec solid; overflow: hidden; }
    .sidemenu li { border-bottom: 1px #f2f2f2 solid; overflow: hidden; }
    .sidemenu li a { display: block; padding: 0 22px; height: 24px; line-height: 24px; color: #333; font-weight: bold; }
    .sidemenu li a.active { background: #eee; }
#links a { display: block; height: 24px; line-height: 24px; border-top: 1px #fff solid; border-bottom: 1px #cbcfd2 solid; color: #626262; padding: 0 10px; }
#links a:hover { background: #e3e8ec; }
.footer { clear: both; background: #e2e6e9 url(images/footer.png) no-repeat; padding: 0 20px; height: 35px; line-height: 35px; }