/* http://meyerweb.com/eric/tools/css/reset/ 
 v2.0 | 20110126
 License: none (public domain)
*/

.topLink a:link {text-decoration:none; color:#000000;}
.topLink a:active {text-decoration:none; color:#000000}
.topLink a:visited {text-decoration:none; color:#000000;}
.topLink a:hover {text-decoration:none; color:#FCFFEF;}

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 




td, body {font-family:verdana,arial,helvetica; font-size:8pt;color:#000000;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

a.noun:link {text-decoration:none; color:#8B8881}
a.noun:active {text-decoration:none; color:#8B8881}
a.noun:visited {text-decoration:none; color:#8B8881}
a.noun:hover {text-decoration:underline; color:#000000}




}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}

html, body { height:100%; }
html {
 background:#002737 url(/images/html-bg.jpg) repeat-x top center;
}
body {
 color:#4c4c4c;
 font:12px Tahoma, Geneva, sans-serif;
 background:url(/images/body-bg.jpg) no-repeat top center;
}
a {
 color:#4c4c4c;
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}
b, strong { font-weight:bold; }
i, em { font-style:italic; }
hr {
 margin:5px 0;
}
input:focus, textarea:focus { outline: none; }
hr {
height: 1px;
background:#999;
border:0;
margin:5px 0;
padding:0;
clear:both;
}
.clr { clear:both; }

* html .centrum { height:100%; }
.centrum {
 width:1000px;
 min-height:100%;
 margin:0 auto;
}

.profile {
 color:#fff;
 height:20px;
 font-weight:bold;
 text-shadow:#666 1px 1px 1px;
 padding:10px 0 0 10px;
 clear:both;
}
.profile a {
 color:#fff;
}
.header {
 height:17px;
 padding:225px 0 0 0;
}
.header .logo {
 width:184px;
 margin:-50px 0 0 430px;
}

/* wrapper */

.wrapper .alphabet {
 color:#FFF;
 height:39px;
 padding:0 0 0 45px;
 background:url(/images/alphabet-bg.png) repeat-x;
}
.wrapper .alphabet span {
text-shadow: 1px 0px 2px black;
padding-top: 10px;
}
.wrapper .alphabet a {
color:white;
text-shadow: 1px 0px 2px black;
}
.wrapper .alphabet em {
 display:block;
 width:8px;
 height:20px;
 background:url(/images/alphabet-a-bg.png) no-repeat -10px 0;
 float:left;
}
.wrapper .slist {
 color:#fff;
 width:986px;
 height:140px;
 padding:17px 0 0 14px;
 background:url(/images/slist-bg.jpg) no-repeat;
}
.wrapper .slist li {
 display:block;
 width:164px;
 float:left;
}
.wrapper .slist li a {
 color:#FFF;
}
.wrapper .slist h3 {
 display:block;
 text-transform:uppercase;
 margin:4px 0 0 5px;
}
.wrapper .slist span {
 font-size:10px;
 line-height:7px;
 margin:0 0 0 5px;
}

.wrapper .sitebar {
 height:48px;
 padding:10px 0 0 0;
 background:#96b2c5;
}
.wrapper .sitebar .janr {
 margin:0 0 2px 10px;
 position:relative;
}
.wrapper .sitebar .janr a {
 color:#aaaaaa;
 display:block;
 width:132px;
 height:30px;
 line-height:30px;
 padding:0 0 0 8px;
 background:url(/images/janr.png) no-repeat;
 float:left;
}
.wrapper .sitebar .janr ul {
 display:none;
 width:468px;
 padding:2px 2px;
 background:#fff;
 border:#ccc 1px solid;
 border-radius:5px;
 -moz-border-radius:5px;
 -khtml-border-radius:5px;
 -webkit-border-radius:5px;
 position:absolute;
 top:50px;
 left:0;
 z-index:9999;
}
.wrapper .sitebar .janr ul li {
 display:block;
 width:150px;
 height: 30px;
 margin:2px 3px 2px 3px;
 background:#f1f1f1 url(/images/block2-li-bg.png) repeat-x bottom;
 border-radius:2px;
 -moz-border-radius:2px;
 -khtml-border-radius:2px;
 -webkit-border-radius:2px;
 float:left
}
.wrapper .sitebar .janr ul li a {
 line-height:30px;
 background:none;
}
.sitebar .search {
 width:718px;
 height:30px;
 margin:0 14px 12px 0;
 background:url(/images/search-s_field-bg.png) no-repeat;
 float:right;
}
.ya-site-form__search-input {
padding:0 0 0 10px !important;
}
.ya-site-form__search-input input {
height: 30px !important;
border:0 !important;
background-color:transparent !important;
background-image: url(http://site.yandex.net/v2.0/i/yandex-hint.png) !important;
background-repeat: no-repeat !important;
background-position: .2em 50% !important;
}
}
.sitebar .search .s_field {
 color:#aaaaaa !important;
 width:598px !important;
 height:30px !important;
 padding:0 0 0 10px !important;
 background:0 !important;
 border:0 !important;
 float:left !important;
}
.sitebar .search .search-submit, .ya-site-form__search-input .ya-site-form__submit {
 cursor:pointer !important;
 color:#FFF !important;
 width:117px !important;
 height:26px !important;
 text-transform:uppercase !important;
 margin:0 2px 0 0 !important;
padding:0 !important;
 background:url(/images/search-submit-bg.png) no-repeat !important;
 border:0 !important;
 float:left !important;
}
#ya-site-form0, #ya-site-form0 .ya-site-form__form, #ya-site-form0 .ya-site-form__input, #ya-site-form0 .ya-site-form__input-text, #ya-site-form0 .ya-site-form__submit, #ya-site-form0 .ya-site-form__search-precise {
 color:#FFF !important;
}
.login-form {
padding:7px 0 0 5px;
border-top:#fff 1px solid;
clear:both;
}
.login-ent {
display:block;
padding:6px 0 0 5px;
margin-left: 330px;
}
.loginButton {
margin-right:270px;
}

/* content */

.content {
 padding:5px 20px 7px 13px;
 background:#FFF url(/images/content-bg.png) no-repeat bottom;
}
.content .left {
 width:252px;
 float:left;
}
.block1 {
 color:#fff;
 z-index:1;
}
.block1 a {
 color:#fff;
 z-index:1;
}
.block1 .title {
 color:#FFF;
 width:238px;
 height:37px;
 font-size:14px;
 line-height:33px;
 text-shadow:#376382 0 1px 0;
 text-transform:uppercase;
 padding:0 0 0 14px;
 background:url(/images/block1-title-bg.png) no-repeat;
}
.block1 .content {
 margin:-1px 0 5px 0;
 padding:1px 0 10px 0;
 background:#517a94;
 border-radius:0 0 5px 5px;
 -moz-border-radius:0 0 5px 5px;
 -khtml-border-radius:0 0 5px 5px;
 -webkit-border-radius:0 0 5px 5px;
}
.block1 .content ul li {
 margin:9px 0 0 0;
 padding:0 0 11px 0;
 background:url(/images/block1-li-bg.png) no-repeat bottom;
}
.block1 .content ul li a {
 color:#FFF;
 margin:0 0 0 19px;
 padding:0 0 0 13px;
 background:url(/images/block1-li-a-bg.png) no-repeat left;
}
.left .block2 .title {
 color:#FFF;
 width:252px;
 height:36px;
 font-size:14px;
 line-height:33px;
 text-shadow:#376382 0 1px 0;
 text-transform:uppercase;
 padding:0 0 0 14px;
 background:url(/images/block2-title-bg.png) no-repeat;
}
.left .block2 .content {
 margin:0 0 5px 0;
 padding:0;
 background:#fff;
}
.left .block2 .content ul li {
 display:block;
 height:31px;
 line-height:30px;
 background:url(/images/block2-li-bg.png) repeat-x bottom;
}
.left .block2 .content ul li a {
 color:#517a94;
 margin:0 0 0 19px;
 padding:0 0 0 13px;
 background:url(/images/block2-li-a-bg.png) no-repeat left;
}
.left .serials {
 color:#FFF;
 font-size:11px;
 padding:15px 5px 0 6px;
}
.left .serials .ser {
 height:110px;
 margin:0 0 5px 0;
}
.left .serials .ser img {
 width:74px;
height:111px;
 margin:0 5px 0 0;
 float:left;
}
.left .serials .ser h2 {
 text-transform:uppercase;
 margin:0 0 5px 0;
}
.left .serials .ser a {
display:block;
 color:#FFF;
 font-size:12px;
}
.left .serials .ser span {
 color:#a6dcfa;
}

.content .right {
 width:700px;
 margin:15px 0 0 15px;
 float:left;
}
.right .block {
 margin:0 0 15px 0;
}
.right .block.kino-news-block {
}
.right .block .title {
 color:#1d1d1d;
height:auto;
 font-size:14px;
 text-transform:uppercase;
 margin:0 0 14px 0;
 padding:0 0 5px 0;
 background:url(/images/block-title-bg.png) no-repeat bottom;
}
.right .post.blue {
background:#517A94;
}
.right .post .block .title {
 margin:5px 5px 14px 5px;
}
.right .post.blue .block .title, .right .post.blue a {
color:#fff;
}
.right .block .content h3 {
 color:#010101;
 text-transform:uppercase;
 margin:12px 0 0 0;
}
.right .block .content p {
 color:white;
}
.right .block .content .exp li {
 display:block;
 width:130px;
 height:215px;
 text-align:center;
 margin:0 22px;
 float:left;
}
.right .post .block .content .exp li {
 margin:0 21px;
}
.right .block .content .exp li img {
 width:120px;
 height:180px;
}
.kino-news li {
 display:block;
 height:150px;
 margin:0 0 5px 0;
 padding:4px 4px 4px 110px;
 position:relative;
}
.kino-news li.odd {
 background:#eeeeee;
}
.kino-news li .name a {
 color:#517a94;
 font-size:18px;
}
.kino-news li .info {
 color:black;
 font-size:11px;
 margin:0 0 5px; 0;
}
.kino-news li .text {
 color:#3d3d3e;
}
.kino-news li .text img {
 width:100px;
 height:150px;
 position:absolute;
 top:4px;
 left:4px;
 border:#d0d0d0 1px solid;
}

/* post */
.post {
 margin:0 0 10px 0;
 border:#aaabaa 1px solid;
 border-radius:4px;
 box-shadow:0 0 0 1px #e3e3e3;
 -moz-border-radius:4px;
 -khtml-border-radius:4px;
 -webkit-border-radius:4px;
 position:relative;
}
.post-bar {
 padding:5px;
}
.1post:after {
 content: '';
 border:#8f8f8f 1px solid;
 border-radius:4px;
 -moz-border-radius:4px;
 -khtml-border-radius:4px;
 -webkit-border-radius:4px;
 position:absolute;
 top: 0; left: 0; right:0; bottom:0;
 z-index:0;
}
.post .title {
 color:#53636f;
 height:57px;
 padding:10px 0 0 12px;
}
.post.full-blog .title {
 font-size:18px;
 height:auto;
 padding-bottom:5px;
}
.right .post .title-url {
 font-size:16px;
 font-weight:bold;
 padding:0 0 4px 0;
}
.post.load .title {
 height:auto;
 font-size:15px;
}
.post.load .title .date {
 display:block;
 font-size:12px;
 margin:0 0 0 0;
 float:right;
}
.post .title div {
 z-index:3;
}
.post .content {
 padding:0 0 0 10px;
}
.post .post-left {
 width:131px;
 height:255px;
 margin:0 8px 0 0;
 padding:8px 8px 0 8px;
 background:#eeeeed;
 border:#e2e2e4 1px solid;
 border-radius:4px;
 -moz-border-radius:4px;
 -khtml-border-radius:4px;
 -webkit-border-radius:4px;
 float:left;
}
.post .post-left .img {
 margin:4px 0 7px 0;
}
.post .post-left .img img {
 width:129px;
 height:184px;
}
.post .post-left .rate {
 margin:0 0 8px 23px;
}
.post .post-left .see-online a {
 color:#FFF;
 display:block;
 width:132px;
 height:21px;
 font-size:11px;
 line-height:20px;
 padding:0 0 0 25px;
 background:url(/images/see-online.png) no-repeat;
}
.post.blog .post-left .see-online a {
 width:120px;
 padding:0 0 0 37px;
}
.post .post-right {
 width:460px;
 position:relative;
 float:left;
}
.right .post.search .post-right {
 width:100%;
}
.post .post-right .add, .post .info {
 width:508px;
 height:38px;
 font-size:11px;
 margin:0 0 10px 0;
 padding:15px 7px 0;
 background:#eeeeed;
 border:#e2e2e4 1px solid;
 border-radius:4px;
 -moz-border-radius:4px;
 -khtml-border-radius:4px;
 -webkit-border-radius:4px;
}
.post .post-right .add a, .post .info a {
 color:#0476ce;
}
.post .post-right .add .author {
 margin:0 100px 0 0;
}
.post .post-right .text {
 font-size:12px;
 padding:0 2px 0;
}
.post .text {
 font-size:12px;
 padding:0 2px 0;
}
.post .text .img {
 width:180px;
 float:left;
}
.post .text .img img {
 width:175px;
}
.post .info {
 height:33px;
 padding:20px 7px 0;
 margin:0 0 0 0;
 position:absolute;
 bottom:10px;
 right:66px;
}
.post .info .tags a {
 color:#818181;
 text-decoration:underline;
}
.post .info .tags a:hover {
 text-decoration:none;
}
.post .comm {
 padding:10px;
}

.comment {
 margin:0 0 10px 0;
 padding:7px;
 border:#d1d1d1 1px solid;
 border-radius:4px;
 box-shadow:0 0 0 1px #f0f0f0;
 -moz-border-radius:4px;
 -khtml-border-radius:4px;
 -webkit-border-radius:4px;
}
.comment .avatar {
 width:35px;
 margin:0 5px 0 0;
 float:left;
}
.comment .avatar img {
 width:35px;
}
.comment .body {
 width: 600px;
 float:left;
}
.comment .body .com-info {
 font-weight:bold;
}
.quote {
 text-align:right;
 clear:both;
}
.addcomment .title {
height:auto;
 margin:0 0 5px 0;
}
.addcomment .mess textarea {
 width:100% !important;
 height:100px !important;
}
.addcomment .enter {
 margin:5px 0;
}
 
 
/* footer */

.hFooter { height:234px; }
.footer {
 width:1000px;
 height:234px;
 margin:-234px auto 0;
 background:url(/images/footer-bg.jpg) no-repeat;
}
.footer-logo {
 width:230px;
 padding:30px 0 0 44px;
 float:left;
}
.footer-right {
 width:700px;
 height:80px;
 margin:5px 1px 0 0;
 padding:15px 13px 0 12px;
 background:url(/images/footer-right-bg.png) no-repeat;
 float:right;
}
.footer-menu {
 margin:0 0 12px 0;
}
.footer-menu li {
 display:inline;
 margin:0 11px 0 0;
}
.footer-menu a {
 color:#87bee0;
 text-transform:uppercase;
 text-decoration:underline;
}
.footer-menu a:hover {
 text-decoration:none;
}
.sosumi {
 color:#517a94;
 font-size:10px;
}
.footer .counter {
 float:right;
}

/* Comments Style */
.cAnswer {padding-left:15px;padding-top:4px;font-style:italic;}

.cBlock1 {background:#FAFAFA; border:1px solid #C2C2C2;}
.cBlock2 {background:#F1F2F3; border:1px solid #C2C2C2;}
/* -------------- */


h1 {color: black; font-size: 16px; font-weight: bold; padding: 0; margin: 10px 0 15px 0;}
h2 {color: black; font-size: 14px; font-weight: bold; padding: 0; margin: 10px 0 15px 0;}
h3 {color: black; font-size: 12px; font-weight: bold; padding: 0; margin: 10px 0 15px 0;}

#puzadpn{
height:0px;
}
.right .block .title {
padding:10px;
color:white;
background:#517A94 url(/images/block-title-bg.png) no-repeat bottom;
}
.right .title {
padding:10px;
color:white;
background:#517A94 url(/images/block-title-bg.png) no-repeat bottom;
}
.right .content {
margin-top:-14px;
padding:10px;
color:white;
background:#517A94;
}

.right .block .content a{
color:white;
}
.kino-news li .text {
color: white;
}
.content li.odd{
color:black;
}
.kino-news li.odd .text {
color: white;
}
.content li.odd a{
color:black;
}

.player{
margin-top:30px;
background:black;
}
.playlist {float: right; height: 360px;width: 100px; overflow: auto; background-color: #f1f0ed;} 
 .playlist a {display: block; text-decoration: none; font-size: 13px; cursor: pointer; border-radius: 10px; padding: 5px; margin: 5px; text-align: center; color: black;}
.playlist a:hover {
 color: white;
 background-color: black;
}
.playlist a:hover {
 color: #44a1c7;
 background-color: #2c2c2c;
}

.selected_link {
 background-color: #2c2c2c;
 color: #44a1c7 !important;
}