html, body { height: 100%; }
html, body, form { padding: 0; margin: 0; }
body {
font: normal 12px/15px Tahoma, Georgia, Times, serif;
color: #333;
text-align: center;
background: url('/images/bg.jpg') repeat-x fixed 0 0 #000;
}
table { font: normal 12px/14px Tahoma, Georgia, Times, serif; color: #333; border-collapse: collapse; padding: 0; border: 0; width: 100%; }
table td { padding: 0; vertical-align: top; }
a { font: normal 12px/14px Tahoma, Georgia, Times, serif; text-decoration: none; color: #923000; outline: none; }
a:hover { color: #EB4D00; }
a:active { color: #4B4A48; }
h1 { font: normal 20px/22px Tahoma, Georgia, Times, serif; color: #333; margin: 0; }
h2 { font: normal 16px/19px Tahoma, Georgia, Times, serif; color: #333; margin: 25px 0 5px 0; }
h3 { font: bold 13px/16px Tahoma, Georgia, Times, serif; color: #333; margin: 20px 0 0 0; }
h4 { font: bold 12px/15px Tahoma, Georgia, Times, serif; color: #333; margin: 6px 0 4px 0; }
.error { font: normal 10px/10px Arial; color: #C00; }
.ok { font: normal 10px/10px Arial; color: #090; }
.clear { clear: both; height: 0; overflow: hidden; }
#bg-shadow { position: fixed; top: 0; left: 0; background: #000; opacity: 0.7; filter: alpha(opacity=70); width: 100%; height: 100%; z-index: 10; display: none; }
/* ad */
.g468 { background: #F1EAE0; padding: 5px; margin: 0 0 25px 0; border-radius: 5px; }
/* end */
/* каркас */
.wrap { width: 970px; margin: 0 auto; text-align: left; }
.left { background: #333; float: left; width: 690px; border: 1px solid #444; padding: 10px; border-radius: 5px; }
.right { float: right; width: 250px; }
/* end */
/* popup form */
.popup-form { display: none; position: fixed; top: 35%; left: 50%; padding: 15px 10px; background: #333; border: 1px solid #444; z-index: 15; font: normal 9px/15px Arial; color: #999; overflow: auto; border-radius: 5px; box-shadow: 0 0 10px #000; }
.popup-form h1 { font: normal 17px/17px Arial; color: #FFA403; margin: 0 0 10px 0; padding: 0; text-shadow: #000 0 0 1px; }
.popup-form h3 { font-size: 12px; color: #999; }
.popup-form .field-title { text-transform: uppercase; }
.popup-form .input { font: normal 15px/15px Arial; padding: 4px 0; margin: 0 0 10px 0; width: 100%; color: #666; display: block; background: #F1EAE0; border: 1px solid #333; border-radius: 2.5px; }
.popup-form .input:focus { color: #333; background: #fff; border: 1px solid #FFA403; }
.popup-form textarea { font: normal 15px/15px Arial; padding: 4px 0; margin: 0 0 10px 0; width: 100%; color: #666; display: block; background: #F1EAE0; border: 1px solid #333; border-radius: 2.5px; }
.popup-form textarea:focus { color: #333; background: #fff; border: 1px solid #FFA403; }
.popup-form select { font: normal 12px/12px Arial; padding: 2px 0; margin: 0 0 10px 0; width: 100%; color: #666; display: block; background: #F1EAE0; border: 1px solid #333; border-radius: 2.5px; }
.popup-form select:focus { color: #333; background: #fff; border: 1px solid #FFA403; }
.popup-form .hint { margin: -10px 0 5px 0; color: #666; }
.popup-form .button { margin: 5px 0 0 0; background: #923000; color: #F1EAE0; border: 1px solid #F1EAE0; padding: 4px 15px; font-weight: bold; text-align: center; font-size: 11px; line-height: 11px; cursor: pointer; text-shadow: #000 0 0 1px; border-radius: 2.5px; }
.popup-form .button.disabled { background: #666; color: #999; cursor: default; }
.popup-form a.close { display: block; top: 15px; right: 10px; border-bottom: 0; position: absolute; font-size: 14px; line-height: 14px; font-weight: bold; color: #923000; }
.popup-form a.close:hover { color: #EB4D00; }
/* end */
/* header */
.header { width: 970px; margin: 10px auto; text-align: left; }
.header .logo { float: left; margin: 0 0 10px 0; }
.header .auth-user { float: right; width: 250px; font-size: 11px; color: #666; margin: 0 0 10px 0; }
.header .auth-user a { font-size: 11px; border-bottom: 1px dotted #923000; }
.header .auth-user a:hover { border-bottom: 1px dotted #EB4D00; }
.header .auth-user img { float:left; border: 1px solid #444; margin: 0 5px 0 0; }
.header .auth-user .login { font-size: 18px; color: #FFA403; }
.header .auth-user .user-links { font-size: 8px; }
.header .auth-user .user-links a { font-size: 9px; line-height: 9px; border-bottom: 0; }
.header ul.menu { height: 35px; margin: 0; padding: 0; list-style: none; border: 1px solid #7F2A00; background: #923000; border-radius: 5px; }
.header ul.menu li { position: relative; float: left; height: 35px; margin: 0; padding: 0; border-right: 1px solid #7F2A00; }
.header ul.menu li a { color: #FFA403; display: block; font-size: 14px; line-height: 35px; padding: 0 15px; text-shadow: #000 0 0 1px; }
.header ul.menu li a:hover { text-shadow: #FFA403 0 0 10px; }
.header ul.menu li a span { font-size: 7px; }
.header ul.menu li.current a { color: #F1EAE0; }
.header ul.menu li ul { z-index: 100; position: absolute; height: auto; white-space: nowrap; display: none; margin: -3px 0 0 0; padding: 0; list-style: none; border: 0; background: #923000; border-radius: 0 0 5px 5px; }
.header ul.menu li ul li { float: none; margin: 0; padding: 0; border: 0; height: auto; border-bottom: 1px dotted #7F2A00; }
.header ul.menu li ul li.nobrd { border-bottom: 0; }
.header ul.menu li ul li a { color: #FFA403; display: block; font-size: 10px; line-height: 10px; padding: 4px 7px; text-shadow: #000 0 0 1px; }
/* end */
/* footer */
.footer { width: 970px; margin: 10px auto; text-align: left; }
.footer a#link-feedback { display: block; text-decoration: none; position: fixed; left: 0; bottom: 80px; height: 80px; width: 11px; padding: 5px 2px; background: #111; border: 1px solid #1f1f1f; border-left: 0; overflow: auto; border-radius: 0 5px 5px 0; box-shadow: 0 0 5px #000; }
.footer a#link-feedback span { display: block; width: 11px; height: 80px; text-align: center; background: url('/images/text-contact.gif') no-repeat 0 0; }
.footer a#link-feedback:hover span { background-position: -11px 0; }
.footer a#link-rules { display: block; text-decoration: none; position: fixed; left: 0; bottom: 15px; height: 42px; width: 11px; padding: 5px 2px; background: #111; border: 1px solid #1f1f1f; border-left: 0; overflow: auto; border-radius: 0 5px 5px 0; box-shadow: 0 0 5px #000; }
.footer a#link-rules span { display: block; width: 11px; height: 42px; text-align: center; background: url('/images/text-rules.gif') no-repeat 0 0; }
.footer a#link-rules:hover span { background-position: -11px 0; }
.footer .copyright { float: left; width: 617px; color: #444; font-size: 10px; line-height: 10px; }
.footer .copyright div { margin: 2px 0 5px 0; }
.footer .copyright a { font-size: 10px; line-height: 10px; color: #444; }
.footer .copyright a:hover { color: #FFA403; }
.footer .copyright .sape { color: #222; font-size: 8px; line-height: 7px; }
.footer .copyright .sape a { color: #222; font-size: 8px; line-height: 7px; }
.footer .button { float: left; width: 95px; text-align: right; }
.footer .button img { border :1px solid #222; }
.footer .counters { float: right; width: 250px; text-align: right; opacity: 0.3; filter: alpha(opacity=30); }
/* end */
/* auth-form */
#auth-form { margin: -150px 0 0 -140px; width: 230px; }
#auth-form .input { text-align: center; width: 228px; }
#auth-form img { border: 1px solid #333; margin: -3px 0 0 0; cursor: pointer; border-radius: 2.5px; }
#auth-form .captcha { width: 100px; float: left; margin: 0 20px 0 0; }
#auth-form .remember { text-align: center; margin: 10px 0 0 0; font: normal 11px/11px Arial; }
#auth-form .remember .checkbox { vertical-align: -3px; }
#auth-form #auth-error { font-size: 10px; line-height: 10px; color: #C00; margin: 0 0 10px 0; }
/* end */
/* user-settings */
#user-settings { margin: -150px 0 0 -140px; width: 230px; }
#user-settings .input { text-align: center; width: 228px; }
#user-settings #avatar { margin: 0 0 10px 0; }
#user-settings #avatar font { float: left; display: block; font-size: 15px; line-height: 15px; text-align: center; padding: 4px 0; margin: 0 5px 0 0; width: 130px; color: #666; background: #F1EAE0; border: 1px solid #333; border-radius: 2.5px; }
#user-settings #avatar span { float: left; display: block; width: 60px; background: #923000; color: #F1EAE0; border: 1px solid #F1EAE0; padding: 4px 15px; font-weight: bold; text-align: center; font-size: 11px; line-height: 15px; cursor: pointer; border-radius: 2.5px; }
#user-settings table th { color: #F1EAE0; font-size: 10px; line-height: 10px; text-align: right; width: 35%; padding: 3px 4px 3px 0; }
#user-settings table td { color: #F1EAE0; font-size: 10px; line-height: 10px; padding: 3px 0 3px 4px; }
/* end */
/* feedback-form */
#feedback-form { margin: -150px 0 0 -220px; width: 400px; }
#feedback-form .input { text-align: center; width: 180px; }
#feedback-form textarea { width: 398px; }
/* end */
/* rules */
#rules { margin: -150px 0 0 -300px; width: 600px; font-size: 10px; line-height: 12px; color: #333; }
#rules ol { margin: 5px 5px 0 0; padding: 0 0 0 20px; }
#rules ol li { margin: 0 0 5px 0; }
/* end */
/* add-news-form */
#add-news-form { margin: -150px 0 0 -270px; width: 500px; }
/* end */
/* add-video-form */
#add-video-form { margin: -150px 0 0 -220px; width: 400px; }
/* end */
/* add-photo-form */
#add-photo-form { margin: -150px 0 0 -220px; width: 400px; }
#add-photo-form #photo { margin: 0 0 10px 0; }
#add-photo-form #photo font { float: left; display: block; overflow: hidden; font-size: 12px; line-height: 15px; text-align: center; padding: 4px 0; margin: 0 5px 0 0; width: 300px; color: #666; background: #F1EAE0; border: 1px solid #333; border-radius: 2.5px; }
#add-photo-form #photo span { float: left; display: block; width: 60px; background: #923000; color: #F1EAE0; border: 1px solid #F1EAE0; padding: 4px 15px; font-weight: bold; text-align: center; font-size: 11px; line-height: 15px; cursor: pointer; border-radius: 2.5px; }
/* end */
/* combox */
.combox { position: absolute; display: block; left: 10px; top: 10px; font-size: 8px; line-height: 10px; color: #F1EAE0; text-decoration: none; text-align: center; }
.combox span { display: block; height: 1px; }
.combox .c1 { margin: 0 2px; }
.combox .c2 { margin: 0 1px; }
.combox .c3 { height: auto; padding: 1px 2px; }
.combox .c4 { margin: 0 2px; background: #923000; border-left: 10px solid #333; border-right: 2px solid #333; }
.combox .c5 { margin: 0 4px 0 11px; }
.combox .c6 { margin: 0 5px 0 11px; }
.combox .c7 { margin: 0 6px 0 12px; }
.combox .c1, .combox .c7 { background: #000; }
.combox .c2, .combox .c3, .combox .c5, .combox .c6 { background: #923000; border-left: 1px solid #333; border-right: 1px solid #333; }
/* end */
/* block-title */
.block { border: 1px solid #444; background: #333; padding: 5px; margin: 0 0 25px 0; border-radius: 5px; }
.block-title { color: #FFA403; font-weight: bold; font-size: 14px; margin: 5px 0 10px 0; text-shadow: #000 0 0 1px; }
.background { background: #F1EAE0; padding: 5px; border-radius: 5px; }
/* end */
/* slider */
ul.slider { margin: 0 0 0 -1px; padding: 0; list-style: none; }
ul.slider li { float: left; margin: 0 1px 8px 1px; position: relative; }
ul.slider li a { padding: 2px 5px; color: #F1EAE0; cursor: pointer; font-size: 10px; line-height: 10px; border-radius: 2.5px; }
ul.slider li a span { border-bottom: 1px dotted #F1EAE0; }
ul.slider li a font { font-size: 7px; }
ul.slider li a.current { background: #F1EAE0; color: #923000; }
ul.slider li ul { margin: 5px 0 0 0; padding: 2px 0; list-style: none; min-width: 150px; white-space: nowrap; position: absolute; z-index: 100; background: #F1EAE0; border-radius: 5px; box-shadow: 0 0 5px #000; }
ul.slider li ul li { margin: 0; padding: 0; float: none; }
ul.slider li ul li a { display: block; padding: 4px 5px; color: #923000; border-bottom: 1px dotted #999; }
ul.slider li ul li a:hover { background: #E7E0D7; color: #EB4D00; }
ul.slider li ul li a.nobrd { border-bottom: 0; }
ul.slider li ul li a.current { font-weight: bold; }
/* end */
/* last-comments */
.last-comments ul { margin: 0; padding: 5px; background: #F1EAE0; list-style: none; border-radius: 5px; }
.last-comments ul li { margin: 3px 0; padding: 0 10px 0 0; color: #666; font-size: 10px; border-bottom: 1px dotted #ccc; position: relative; }
.last-comments ul li a { font-size: 11px; padding: 0 0 2px 0; background: #F1EAE0; }
.last-comments ul li div { position: absolute; right: 0; bottom: 0; background: #F1EAE0; margin-bottom: -2px; padding: 0 0 0 3px; }
/* end */
/* add-button */
a.add-button { display: block; float: right; margin: -2px 0 7px 1px; position: reletive; background: #923000; color: #F1EAE0; border: 1px solid #F1EAE0; padding: 3px 10px; text-align: center; font-size: 10px; line-height: 10px; text-shadow: #000 0 0 1px; border-radius: 2.5px; }
a.add-button:hover { color: #F1EAE0; }
/* end */
/* photos */
.new-photos .photo { position: relative; background: #F1EAE0; border-radius: 5px; }
.new-photos .photo img { border: 2px solid #F1EAE0; display: block; border-radius: 5px; }
.new-photos .title { width: 228px; background: #F1EAE0; position: absolute; margin: -45px 0 0 0; padding: 5px; }
.new-photos .title a { font-size: 14px; line-height: 13px; letter-spacing: -1px; }
.new-photos ul { margin: 0; padding: 5px; list-style: none; background: #F1EAE0; border-radius: 5px; }
.new-photos ul li { position: relative; margin: 0 0 5px 0; padding: 0; font-size: 8px; line-height: 9px; color: #666; }
.new-photos ul li img { border: 2px solid #923000; margin: 0 10px 0 0; border-radius: 5px; }
.new-photos ul li a.title-thumb { font-size: 10px; line-height: 9px; font-weight: bold; }
.new-photos ul li .info { margin: 10px 0 0 0; }
.new-photos ul li .combox { top: 5px; left: 5px; }
/* end */
/* new-video */
.new-video .photo { position: relative; background: #F1EAE0; border-radius: 5px; }
.new-video .photo img { border: 2px solid #F1EAE0; display: block; border-radius: 5px; }
.new-video .title { width: 228px; background: #F1EAE0; position: absolute; margin: -45px 0 0 0; padding: 5px; }
.new-video .title a { font-size: 14px; line-height: 13px; letter-spacing: -1px; }
.new-video ul { margin: 0; padding: 5px; list-style: none; background: #F1EAE0; border-radius: 5px; }
.new-video ul li { position: relative; margin: 0 0 5px 0; padding: 0; font-size: 8px; line-height: 9px; color: #666; }
.new-video ul li .thumb { float: left; overflow: hidden; height: 67px; position: relative; border: 2px solid #923000; margin: 0 10px 0 0; border-radius: 5px; }
.new-video ul li .thumb img { margin-top: -9px; }
.new-video ul li a.title-thumb { font-size: 10px; line-height: 9px; font-weight: bold; }
.new-video ul li .info { margin: 10px 0 0 0; }
.new-video ul li .combox { top: 5px; left: 5px; }
/* end */
/* widget-thumb */
.widget-best .thumb { position: relative; margin: 0; background: #F1EAE0; border-radius: 5px; }
.widget-best .thumb img { border: 2px solid #F1EAE0; display: block; border-radius: 5px; }
.widget-best .title { width: 228px; background: #F1EAE0; position: absolute; margin: -40px 0 0 0; padding: 5px; }
.widget-best .title a { font-size: 14px; line-height: 13px; letter-spacing: -1px; }
.widget-best .date { position: absolute; top: 5px; right: 10px; text-align: right; font-size: 10px; line-height: 10px; color: #dfdfdf; margin: 5px 0 0 0; }
/* end */
/* new-items */
.new-items .photo { position: relative; margin: 0; background: #F1EAE0; border-radius: 5px; }
.new-items .photo img { border: 2px solid #F1EAE0; display: block; border-radius: 5px; }
.new-items .title { width: 228px; background: #F1EAE0; position: absolute; margin: -60px 0 0 0; padding: 5px; }
.new-items .title a { font-size: 14px; line-height: 13px; letter-spacing: -1px; }
.new-items .date { position: absolute; top: 5px; right: 10px; text-align: right; font-size: 7px; line-height: 7px; color: #dfdfdf; margin: 5px 0 0 0; }
.new-items ul { margin: 0; padding: 5px 5px 5px 5px; background: #F1EAE0; list-style: none; border-radius: 5px; }
.new-items ul li { margin: 0 0 10px 0; padding: 0 10px 0 0; color: #666; font-size: 10px; border-bottom: 1px dotted #ccc; position: relative; }
.new-items ul li a { font-size: 11px; line-height: 10px; padding: 0 0 2px 0; background: #F1EAE0; }
.new-items ul li div { position: absolute; right: 0; bottom: 0; background: #F1EAE0; margin-bottom: -2px; padding: 0 0 0 3px; }
/* end */
/* RIP */
.RIP { float: left; color: #F1EAE0; font-size: 9px; line-height: 9px; text-shadow: #000 0 0 1px; }
.RIP .title { float: left; margin: 0 10px 0 0; font-size: 20px; letter-spacing: -1px; }
.RIP .text { float: left; margin: -4px 5px 0 0; text-align: right; }
.RIP .diff { float: left; margin: 0 0 0 0; font-size: 20px; letter-spacing: -1px; }
.RIP .diff span { font-size: 12px; }
/* end */
/* index-page */
.index-page h1 { color: #FFA403; font-weight: bold; font-size: 14px; line-height: 16px; margin: 0 0 10px 0; padding: 0; text-shadow: #000 0 0 1px; }
/* end */
/* news */
.index-news { margin: 0 0 25px 0; }
.index-news .main-news { float: left; width: 238px; margin: 0 35px 0 0; }
.index-news .main-news .photo { position: relative; margin: 0; background: #F1EAE0; border-radius: 5px; }
.index-news .main-news .photo img { border: 2px solid #923000; display: block; border-radius: 5px; }
.index-news .main-news .title { width: 228px; background: #923000; position: absolute; margin: -60px 0 0 0; padding: 5px; }
.index-news .main-news .title a { font-size: 14px; line-height: 13px; letter-spacing: -1px; color: #F1EAE0; }
.index-news .main-news .title a:hover { color: #FFA403; }
.index-news .main-news .description { margin: 5px 0 0 0; color: #333; padding: 5px; font-size: 11px; line-height: 11px; border: 1px solid #666; border-radius: 5px; }
.index-news .main-news .date { position: absolute; top: 5px; right: 10px; text-align: right; font-size: 7px; line-height: 7px; color: #dfdfdf; margin: 5px 0 0 0; }
.index-news ul { float: left; width: 400px; margin: 0; padding: 0; list-style: none; }
.index-news ul li { position: relative; margin: 0 0 5px 0; padding: 0; font-size: 10px; line-height: 10px; color: #666; }
.index-news ul li img { border: 2px solid #923000; margin: 0 10px 0 0; border-radius: 5px; }
.index-news ul li .title { margin: 0 0 5px 0; }
.index-news ul li .title a { font-size: 12px; line-height: 12px; }
.index-news ul li .date { position: absolute; top: 0; left: 80px; text-align: right; font-size: 7px; line-height: 7px; color: #dfdfdf; margin: 5px 0 0 0; }
.index-margin { margin: 0 0 25px 0; }
/* end */
/* best-lyrics */
.best-lyrics ul { margin: 0; padding: 5px; background: #F1EAE0; list-style: none; border-radius: 5px; }
.best-lyrics ul li { margin: 3px 0; padding: 0; }
.best-lyrics ul li a { font-size: 11px; }
/* end */
/* nav */
.nav { position: relative; margin: 0 0 15px 0; padding: 0 0 5px 0; color: #888; font-size: 9px; line-height: 10px; border-bottom: 1px dotted #666; }
.nav .cnt-items { float: right; width: 80px; text-align: right; color: #666; }
.nav .cnt-items div { font-size: 18px; line-height: 16px; }
.nav h1 { color: #FFA403; font-weight: bold; font-size: 16px; line-height: 18px; margin: 0 0 3px 0; padding: 0; text-shadow: #000 0 0 1px; }
.nav .resize-font { float: right; font-size: 13px; line-height: 16px; color: #666; cursor: pointer; }
.nav .resize-font .small { font-size: 9px; }
.nav .resize-font .big { font-size: 14px; }
.nav .resize-font .current { color: #999; }
/* end */
/* pages */
ul.pages { margin: 25px 0 0 0; padding: 0; list-style: none; }
ul.pages li { margin: 0; padding: 0 1px 0 0; display: inline; font-size: 10px; line-height: 14px; }
ul.pages li a { padding: 2px 5px; font-size: 12px; line-height: 14px; text-shadow: #000 0 0 1px; }
ul.pages li span { background: #923000; color: #F1EAE0; padding: 2px 5px; font-size: 12px; line-height: 14px; text-shadow: #000 0 0 1px; border-radius: 2.5px; }
ul.pages li.prew { padding-right: 7px; }
ul.pages li.next { padding-left: 7px; }
/* end */
/* list */
ul.list { margin: 0 -5px; padding: 0; list-style: none; }
ul.list li { position: relative; padding: 4px 3px; margin: 0; border-bottom: 1px dotted #dfdfdf; color: #666; font-size: 10px; }
ul.list li:hover { background: #E7E0D7; }
ul.list li .title { margin: 0 0 0 40px; }
ul.list li .combox { left: auto; right: 10px; top: 3px; }
ul.list li .rating { position: absolute; right: 160px; top: 4px; width: 90px; }
ul.list li .rating .chartbar { position: relative; float: left; margin: 4px 4px 0 0; width: 60px; height: 8px; background: #999; border-radius: 5px; }
ul.list li .rating .chartbar div { width: 0; background: #963000; height: 8px; position: absolute; right: 0; top: 0; border-radius: 0 5px 5px 0; }
ul.list li .rating .chartbar .v { margin: -4px 0 0 0; font-size: 8px; libe-height: 9px; }
ul.list li .rating .chartbar.green { background: #009225; }
ul.list li .num { position: absolute; left: 0; top: 4px; width: 30px; text-align: right; }
/* end */
/* gallery */
.gallery { margin-right: -5px; }
.gallery .thumb { float: left; height: 210px; overflow: hidden; width: 120px; position: relative; text-align: center; border: 1px solid #999; padding: 10px 5px; margin: 0 5px 5px 0; border-radius: 5px; }
.gallery .thumb:hover { background: #E7E0D7; }
.gallery .thumb .img { min-height: 174px; }
.gallery .thumb .img img { border: 2px solid #923000; max-height: 170px; border-radius: 5px; }
.gallery .thumb .combox { top: 15px; left: 10px; }
.gallery .thumb .title { margin: 3px 0 0 0; padding: 5px 0 0 0; text-align: left; border-top: 1px solid #ccc; }
.gallery .thumb .title a { font-size: 10px; line-height: 9px; font-weight: bold; }
.gallery .thumb .num { position: absolute; bottom: 0; right: 0; font-size: 8px; line-height: 8px; color: #666; background: #ccc; padding: 2px; border-radius: 5px 0 5px 0; }
.gallery .thumb .date { margin: 3px 0 0 0; text-align: left; font-size: 8px; line-height: 8px; color: #666; }
.gallery.discography .thumb { height: 168px; }
.gallery.discography .thumb .img { min-height: 130px; }
.gallery.videography .thumb { height: 235px; }
.gallery.videography .thumb .img { min-height: 185px; }
.gallery.videography .thumb .img img { max-height: 175px; }
.gallery.video .thumb { height: 145px; width: 119px; margin-right: 6px; }
.gallery.video .thumb .img { min-height: 67px; margin: 0 0 20px 0; overflow: hidden; height: 67px; position: relative; border: 2px solid #923000; border-radius: 5px; }
.gallery.video .thumb .img img { margin-top: -9px; border: 0; }
.gallery.video .thumb .combox { top: 15px; left: 10px; z-index: 1; }
/* end */
/* items-list */
ul.items-list { margin: -5px; padding: 0; list-style: none; background: #F1EAE0; border-radius: 5px; }
ul.items-list li, ul.items-list li a { font-size: 11px; }
ul.items-list li { margin: 0; line-height: 12px; color: #333; padding: 10px; position: relative; border-bottom: 1px dotted #999; }
ul.items-list li:hover { background: #E7E0D7; border-radius: 5px; color: #333; }
ul.items-list li .thumb { float: left; overflow: hidden; position: relative; border: 2px solid #923000; margin: 0 10px 0 0; border-radius: 5px; }
ul.items-list li .title { margin: 0 0 7px 0; }
ul.items-list li .title, ul.items-list li .title a { font-size: 15px; }
ul.items-list li .date { margin: 3px 0 3px 0; text-align: left; font-size: 8px; line-height: 8px; color: #666; }
ul.items-list li .combox { top: 15px; left: 15px; }
ul.items-list li.nobrd { border-bottom: 0; }
/* end */
/* show-video */
.show-video { border: 5px solid #666; margin: 0 0 15px 0; border-radius: 2.5px; }
/* end */
/* show-image */
.show-image { margin: 0 0 15px 0; overflow: hidden; text-align: center; }
.show-image img { border: 5px solid #666; cursor: url("/images/zoom.cur"), pointer; border-radius: 2.5px; }
#popup-image { top: 80px; position: absolute; }
#popup-image span { display: block; max-width: 960px; border: 1px solid #111; overflow: auto; }
/* end */
/* show-item */
.show-item { background: #F1EAE0; font-size: 12px; line-height: 15px; padding: 10px; margin: 0 0 15px 0; border-radius: 5px; }
.show-item img { border: 2px solid #666; margin: 0 10px 15px 0; border-radius: 2.5px; }
.show-item.discography h3 { margin: 0 0 5px 0; font-size: 16px; font-weight: normal; }
.show-item.discography ol { float: right; width: 332px; margin: 0; padding: 0; }
.show-item.discography ol li { margin: 3px 0; padding: 0 10px 0 0; border-bottom: 1px dotted #ccc; position: relative; }
.show-item.discography ol div { display: inline; padding: 0 2px 2px 0; background: #F1EAE0; }
.show-item.discography ol li span{ position: absolute; right: 0; bottom: 0; background: #F1EAE0; margin-bottom: -2px; padding: 0 0 0 3px; }
.show-item.discography .album-info { float: right; width: 354px; }
/* end */
/* comments */
.comments-title { color: #FFA403; font-weight: bold; font-size: 14px; line-height: 16px; text-shadow: #000 0 0 1px; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #666; }
ul#comments { margin: 0 0 5px 0; padding: 0; list-style: none; }
ul#comments li { margin: 0 0 20px 0; padding: 0; font-size: 11px; line-height: 13px; color: #333; }
ul#comments li .vote { margin: 13px 0 0 0; float: right; width: 80px; text-align: right; color: #999; font-size: 10px; line-height: 10px; }
ul#comments li .vote .score { float: right; margin: 1px 8px 0 0; font-weight: bold; }
ul#comments li .vote .plus, ul#comments li .vote .minus { color: #f1f1f1; float: right; width: 13px; height: 13px; font-size: 11px; line-height: 11px; font-weight: bold; text-align: center; background: #666; cursor: pointer; border-radius: 2.5px; }
ul#comments li .vote .plus { background: #62925C; }
ul#comments li .vote .plus:hover { background: #009225; }
ul#comments li .vote .minus { margin: 0 3px 0 0; background: #925C5C; }
ul#comments li .vote .minus:hover { background: #923000; }
ul#comments li .vote.novote .plus, ul#comments li .vote.novote .minus { background: #555; color: #999; cursor: default; }
ul#comments li .vote .good { color: #009225; }
ul#comments li .vote .bad { color: #923000; }
ul#comments li .author { float: left; width: 500px; position: relative; color: #999; font-size: 8px; margin: 0 0 8px 0; }
ul#comments li .author img { float: left; border: 1px solid #444; margin: 0 5px 0 0; }
ul#comments li .author a { font-size: 17px; }
ul#comments li .author .tail { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 7px solid #ddd; display: block; left: 7px; bottom: -8px; overflow: hidden; position: absolute; width: 0; height: 0; }
ul#comments li .text { background: #ddd; padding: 7px; border-radius: 5px; }
/* end */
/* comment-form */
#comment-form span { display: block; font: normal 17px/17px Arial; color: #FFA403; margin: 0 0 10px 0; text-shadow: #000 0 0 1px; }
#comment-form textarea { font: normal 12px/14px Arial; padding: 4px 0; margin: 0 0 10px 0; width: 100%; color: #666; display: block; background: #F1EAE0; border: 1px solid #333; border-radius: 2.5px; }
#comment-form textarea:focus { color: #333; background: #fff; border: 1px solid #FFA403; }
#comment-form .button { margin: 5px 0 0 0; background: #923000; color: #F1EAE0; border: 1px solid #F1EAE0; padding: 4px 15px; font-weight: bold; text-align: center; font-size: 11px; line-height: 11px; cursor: pointer; text-shadow: #000 0 0 1px; border-radius: 2.5px; }
#comment-form .button.grey { background: #666; color: #F1EAE0; cursor: default; float: right; }
#comment-form .button.disabled { background: #666; color: #999; cursor: default; }
/* end */
/* item-info */
.item-info { position: relative; background: #222; padding: 10px; margin: 0 0 25px 0; border-radius: 5px; }
.item-info a.cnt-comments { display: block; position: absolute; top: 10px; left: 10px; text-align: center; color: #F1EAE0; font-size: 9px; line-height: 15px; height: 16px; margin: 0 0 5px 0; background: #923000; padding: 0 5px; border-radius: 2.5px; }
.item-info a.cnt-comments span { display: block; border-right: 6px solid transparent; border-top: 5px solid #923000; left: 4px; bottom: -5px; overflow: hidden; position: absolute; width: 0; height: 0; }
.item-info a.paste-into { float: left; margin: 0 0 0 60px; display: block; height: 16px; text-decoration: none; background: #666; color: #f1f1f1; padding: 0 4px; line-height: 15px; font-size: 10px; border-radius: 2.5px; }
.item-info a.paste-into:hover { background: #555; }
.item-info #paste-into-form { margin: -150px 0 0 -260px; width: 500px; }
.item-info #paste-into-form textarea { font-size: 10px; line-height: 10px; }
.item-info .social { float: left; margin: 0 0 0 45px; }
.item-info .social a { float: left; display: block; width: 16px; height: 16px; margin-right: 3px; text-decoration: none; background: url('/images/ico-social.png') repeat scroll 0 0 transparent; }
.item-info .social a.vkontakte { background-position: 0 0; }
.item-info .social a.vkontakte:hover { background-position: 0 16px; }
.item-info .social a.facebook { background-position: -17px 0; }
.item-info .social a.facebook:hover { background-position: -17px 16px; }
.item-info .social a.mailru { background-position: -34px 0; }
.item-info .social a.mailru:hover { background-position: -34px 16px; }
.item-info .social a.twitter { background-position: -51px 0; }
.item-info .social a.twitter:hover { background-position: -51px 16px; }
.item-info .views { float: left; margin: 0 0 0 45px; color: #666; font-size: 9px; line-height: 10px; }
.item-info .views div { font-size: 7px; line-height: 7px; }
.item-info .date { float: left; margin: 0 0 0 45px; color: #666; font-size: 14px; line-height: 14px; }
.item-info .vote { color: #999; font-size: 15px; line-height: 15px; }
.item-info a.favorite { display: block; float: left; margin: 0 0 0 45px; color: #925C5C; font-size: 22px; line-height: 14px; font-weight: bold; }
.item-info a.favorite:hover { color: #923000; }
.item-info .vote .score { float: right; margin: 0 12px 0 0; }
.item-info .vote .plus, .item-info .vote .minus { float: right; color: #f1f1f1; width: 16px; height: 16px; font-size: 15px; line-height: 15px; font-weight: bold; text-align: center; background: #666; cursor: pointer; border-radius: 2.5px; }
.item-info .vote .plus { background: #62925C; }
.item-info .vote .plus:hover { background: #009225; }
.item-info .vote .minus { margin: 0 3px 0 0; background: #925C5C; }
.item-info .vote .minus:hover { background: #923000; }
.item-info .vote.novote .plus, .item-info .vote.novote .minus { background: #555; color: #999; cursor: default; }
.item-info .vote .good { color: #009225; }
.item-info .vote .bad { color: #923000; }
/* end */