/* Default
---------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
body {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
  background: #ffffff url(../images/body_bg.jpg) no-repeat center center;
  color: #333333;
  background-attachment: fixed;
} 

li { list-style: none;}
a { color: #000000; text-decoration: none; }
a:hover { color: #c8c8c8;}
a img  { border: 0 none; }

/* Main block div
---------------------------------------------*/

.page { background: url(../images/page.png) no-repeat;position:relative;top:-97px;left:-157px;z-index:-1;width:289px;height:441px;margin-bottom:-440px;}
.container { width: 1024px; margin: 0px auto;}
.header { width: 1024px; height: 145px; background: url(../images/header.png) no-repeat;position:relative;z-index:2;}

.main-top { height: 10px; background: url(../images/main_top.png) no-repeat;}
.main { background-color: #f3f3f3; overflow: hidden;}
.left { width: 322px; float: right;}
.content { margin: 0px 313px 0px 0px; padding-left: 10px;}

/* Header
---------------------------------------------*/
.logo { width: 335px; height: 115px; float: left; margin: 0px 0px 0px 110px;}
.login { height:80px; float: right;padding-right:43px;}
.login p { color: #ffffff; background: url(../images/user_icon.png) no-repeat; padding: 0px 30px; margin: 10px 0px 0px 0px;}
.login li a { height: 20px; color: #ffffff; float: left; background: url(../images/login.png) no-repeat;position:relative;left:3px;}
.window {display:none;}
.popup {text-align:left; background: url(../images/window.png) no-repeat; min-height: 243px;}

.popupHead {padding:0 14px 0 19px;overflow:hidden;height:59px;}
.popupClose {float:right;color:#5a5a5a;font-size:2.5em;margin-top:10px;background:url("../images/close.png") top;width:26px;height:26px;display:block;}
.popupClose:hover{text-decoration:none;background-position:bottom;}

.popupBody {padding:10px 20px 15px 20px;font-size:1.1em;overflow:hidden;} .popupBody a{color:#494949;}
.popupBody .userAvatar {float:left;margin-right:20px;}
.popupBody .userPanel {float:left;overflow:hidden;}
.popupBody .userPanel ul li{padding-bottom:0.6em;}

.authorizations {margin:0 0 0 40px;width:201px;}
.authorizations li{margin-bottom:8px;}
.lostPassword {width:110px;float:left;}
.lostPassword li, .topnews li {padding:0 0 0 8px;background:url("../images/rarr.gif") no-repeat left center;margin-bottom:5px;text-align:left;}

.hello-user { color: #ffffff; padding: 10px 10px 0px 0px;}
.hello-user li a { color: #ffffff; padding: 0px 0px 0px 30px;}
  
#login_name, #login_password {background:url("../images/login.jpg") no-repeat; border:none; height:32px; width: 150px;text-align:center;}
.authorizations label{

text-align:right;
margin-right: 3px;

}

.slogan { color: #ffffff; font-size: 18px; padding: 120px 0px 0px 0px; text-align: right; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);}

.slogan { color: #ffffff; font-size: 18px; padding: 120px 0px 0px 0px; text-align: right; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);}


/* Menu
---------------------------------------------*/
.menu { margin: 0px 0px;}
.menu ul li { background: none; border-top: 1px solid #eeeeee; height: 46px;}
.menu ul li a {color: #4481DA; font-size: 20px; text-decoration: none; padding: 0px 0px 0px 8px; line-height: 32px;}
.menu ul li a:hover {color: #2a52be; text-decoration: underline;}
.menu img {position:relative;top:10px;}

/* Column
---------------------------------------------*/
.box { width: 302px; margin: 0px 0px 10px 10px;}
.box-t { height: 48px; background: url(../images/box_top.png) no-repeat;}
.box-c { background: url(../images/box_center.png) repeat-y; padding: 0px 0px 0px 1px;}
.box-b { height: 10px; background: url(../images/box_bottom.png) no-repeat bottom;}

.box h1 { color: #ffffff; font-size: 18px; line-height: 48px; padding: 0px 0px 0px 60px;}
.country-title { background: url(../images/country_icons.png) no-repeat; color: #ffffff; font-size: 18px; line-height: 48px; padding: 0px 0px 0px 50px;}
.categories-title { background: url(../images/categories_icons.png) no-repeat; color: #ffffff; font-size: 18px; line-height: 48px; padding: 0px 0px 0px 50px;}
.popular-title { background: url(../images/popular_icons.png) no-repeat; color: #ffffff; font-size: 18px; line-height: 48px; padding: 0px 0px 0px 50px;}
.reklama-title { background: url(../images/reklama_icons.png) no-repeat; color: #ffffff; font-size: 18px; line-height: 48px; padding: 0px 0px 0px 50px;}
.vote-title { background: url(../images/vote_icons.png) no-repeat; color: #ffffff; font-size: 18px; line-height: 48px; padding: 0px 0px 0px 50px;}
.vote img {border: 1px red solid;}
.vote input {color: red;}
.box li { padding: 0px 10px; background: url(../images/box_link.png) no-repeat; line-height: 20px;}
.box li a { color: #1763D2; text-decoration: underline; padding: 0px 0px 0px 10px;}
.box li a:hover {color: #008cf0;}
#f {position:relative; right: -10px;}
#votes li { float: left; color: #1763D2; cursor: pointer; background: none; text-decoration: underline; padding: 8px 10px 0px 10px;}
#votes .btl { border: none;}
.vtitle { padding: 5px 10px; color: #000000; font-weight: none;}
.vresult { margin-top: 3px; font-size: 11px; color: #0000000; float: right; width: 91px; height: 20px; padding: 0;}
.vresult span { padding: 0 20px 5px 0; display: block; }
button.fbutton { width: 111px; height: 37px; background: url(../images/vote_but.png) no-repeat; border: none; color: #ffffff;margin-top:3px;}
.dpad { padding: 0px 10px;}
.fbutton span {position:relative; bottom:4px;}
.fbutton a{position:relative; bottom:4px;}

/* Short-story Article
---------------------------------------------*/
.short-article {background-color: #ffffff; padding: 2px 6px;  border: 1px solid #e6e6e6; -webkit-border-radius:7px; -moz-border-radius:7px; -khtml-border-radius:7px; border-radius:7px; }
.short-article a { color: #1763D2; text-decoration: underline;}
.short-article a:hover { color: #008cf0;}
.short-article h2 {margin:0px;}
.short-article h2 a {color: #E57C11; font-size: 24px; text-decoration: underline; font-weight:normal;}
.short-article h2 a:hover {color: #cd5700;}
.short-info { padding: 5px 0px; color: #333333; height: 20px; line-height: 20px;}
.short-rubric { float: left; padding: 0px 10px;}
.short-date { float: left; background: url(../images/date_icons.png) no-repeat; padding: 0px 10px 0px 25px;}
.short-views { float: left; background: url(../images/views_icons.png) no-repeat; padding: 0px 25px;}

.short-text { color: #333333; text-align: left; overflow: hidden;}
.short-text img { float: right; padding: 0px 0px 0px 10px;}

.short-gradient { height: 28px; background: url(../images/article_gradient.png) repeat-x; line-height: 28px; margin: 5px 0px 0px 0px;}
.short-readmore { width: 108px; height: 23px;  float: left; text-align: left; margin: 0px 0px 0px 5px;padding-left:5px;}

.short-tags { float: right; text-align: left; padding: 0px 20px 0px 25px; background: url(../images/tags_icons.png) no-repeat; font-style: normal;}

.short-coment { float: right; background: url(../images/coment_icons.png) no-repeat; padding: 0px 0px 0px 25px;}


/* Full-story Article
---------------------------------------------*/
.full-article { padding: 1px 1px;}
.full-article a { color: #1763D2; text-decoration: underline;}
h1.full-title { color: #5C5B5B; font-size: 250%; text-decoration: none; margin:0px; text-align:center; margin-bottom:15px;}
.full-info { padding: 5px 0px; color: #333333; height: 20px; line-height: 20px;}
.full-rubric { float: left; padding: 0px 10px;}
.full-date { float: left; background: url(../images/date_icons.png) no-repeat; padding: 0px 10px 0px 25px;}
.full-views { float: left; background: url(../images/views_icons.png) no-repeat; padding: 0px 25px;}

.full-text { color: #333333; text-align: left; overflow: hidden;}
.full-text img { padding: 10px 10px 10px 10px;}
.full-text p {font-size: 14px; font-family:Arial; line-height: 1.45; margin: 0px 0px 20px;}
.full-text ul {margin: 5px; padding: 5px; font-size: 14px;}
.full-text ul li {list-style-type: disc; margin-left: 15px; font-size: 14px; font-family:Arial; line-height: 1.45}
.full-text h1 {font-size: 300%;}
.full-text h2 {font-size: 225%; padding-left: 20px; border-bottom: 1px solid #AAA; margin-bottom:5px;}
.full-text h3 {font-size: 150%; margin-left: 30px;}
.full-text p + ul {margin-top: -20px;}
.full-text blockquote {color:#353973;font-size:14px;border-left:1px #acacab solid;background:transparent;margin-left:10px;padding-left:5px;margin-bottom:20px;margin-right:10px;}

.full-gradient { height: 28px; background: url(../images/article_gradient.png) repeat-x; line-height: 28px; margin: 5px 0px 0px 0px;}

.full-tags { float: left; text-align: left; padding: 5px 20px 0px 25px; background: url(../images/tags_icons.png) no-repeat; font-style: normal;}
.full-rec {padding: 0px 0px 0px 37px; padding-top: 4px; background: url(../images/ftur.png) no-repeat; height: 25px; font-style: normal; font-size: 18px; color:#5c5c5c;}
.full-link {padding-left: 39px; padding-top: 4px; line-height: 16px;}
.full-link a {font-style: normal; font-size: 12px; color:#5c5c5c; line-height: 16px;}
.full-coment { float: right; background: url(../images/coment_icons.png) no-repeat; margin: 0px 0px 0px 100px;}

.attr-info {width:100%; border-spacing: 5px;}
.attr-info p {font-size: 14px; font-family:Arial; line-height: 1.45; margin:5px 15px;}
.attr-info p + ul {margin-top:0px;}
.attr-info td {background-color: #FFF; padding: 7px 0px;}
.attr-info-f {vertical-align:top; color:#5C5B5B; font-weight:bolder; width:35%;}

.fgallery {text-align:center;}
.fgallery img {padding:0px;}

/* Bottom
---------------------------------------------*/
.bottom {background: url(../images/bottom.jpg);padding-bottom:1px;}

.archive { width: 270px; display:table-cell; margin: 0px 0px 0px 0px;}
.archive p {margin-left:45px;padding-top:15px;}
.archive-title { font-size: 20px; color: #919191; background: url(../images/archive_icon.png) no-repeat; padding: 0px 0px 0px 30px; margin: 10px 0px 0px 30px;}
.archive a { color: #ffffff; text-decoration: underline; background: url(../images/archive_link.png) no-repeat; padding: 0px 0px 0px 20px;}

.tag-cloud {width: 275px; display:table-cell;}
.tag-cloud-flash {padding-left: 10px;}
.tag-cloud-title {font-size: 20px; color: #919191; background: url(../images/tag_cloud_icon.png) no-repeat; padding: 0px 0px 0px 40px; margin: 12px 0px 0px 30px;}

.last-comments {display:table-cell; width: 450px;}
.last-comments-com {padding: 3px 2px 3px 75px; font-family: tahoma; color: #AAAAAA; font-size: 10pt;}
.last-comments a {padding-left: -15px; color: #ffffff; font-size: 10pt; text-decoration: underline; line-height: 16px;}
.last-comments-title { font-size: 20px; color: #919191; background: url(../images/last_comments_icon.png) no-repeat; padding: 3px 0px 10px 40px; margin: 10px 0px 0px 50px;}

/* Footer
---------------------------------------------*/
.footer { color: #919191; height:61px; background: url(../images/bottom.jpg) repeat-x; padding: 0px 0px;border-top:1px #626262 dashed;margin-top:-1px;}

.copyright { float: left; width: 170px; padding: 12px 0px 0px 33px;}

.regulations { float: left; width: 600px; line-height: 57px; text-align: center;padding-left:25px;}
.counter { float: right; padding: 15px 31px 0px 0px}
.reg {position:relative; font-family:Tahoma, sans-serif;font-size:18px;top:8px;z-index:100;text-align:center;
}
.reg a{color:#ffffff;text-decoration:underline;}
/* Navigation
---------------------------------------------*/
.navigation { height: 30px; color: #333333; font-size: 18px; padding: 0px;}
.navigation a { color: #1763D2; font-size: 18px; margin: 0px 3px; text-decoration: underline;}
.navigation span {margin: 0px 3px;}
.prev {text-decoration: none; margin: 0px 10px 0px 0px; background: url(../images/prev.png) no-repeat top left; padding: 0px 0px 0px 35px;}
.next {text-decoration: none; margin: 0px 0px 0px 10px; background: url(../images/next.png) no-repeat right; padding: 0px 35px 0px 0px;}

/* Rating
---------------------------------------------*/
.rating { width: 100px; height: 19px; font-size: 0.9em; float: left;}

.unit-rating { list-style: none; margin: 0; padding: 0; width: 100px; height: 19px; position: relative; background: url("../dleimages/rating.png") repeat-x; }
.unit-rating li { text-indent: -90000px; padding: 0; margin: 0; float: left; }
.unit-rating li a { display: block; width: 20px; height: 19px; text-decoration: none; text-indent: -9000px; z-index: 18; position: absolute; padding: 0; }
.unit-rating li a:hover { background: url("../dleimages/rating.png") 0 -18px; z-index: 2; left: 0; }

.unit-rating a.r1-unit {left: 0;}    .unit-rating a.r1-unit:hover {width: 20px;}
.unit-rating a.r2-unit {left: 20px;}  .unit-rating a.r2-unit:hover {width: 40px;}
.unit-rating a.r3-unit {left: 40px;}  .unit-rating a.r3-unit:hover {width: 60px;}
.unit-rating a.r4-unit {left: 60px;}  .unit-rating a.r4-unit:hover {width: 80px;}
.unit-rating a.r5-unit {left: 80px;}  .unit-rating a.r5-unit:hover {width: 100px;}

.unit-rating li.current-rating { background: url("../dleimages/rating.png") 0 -36px; position: absolute; height: 18px; display: block; text-indent: -9000px; z-index: 1; }

/* Comments
---------------------------------------------*/
.comments {margin:0 0 10px 13px;overflow:hidden; font-size: 12px; padding: 0px 40px 15px 40px;border-bottom:1px #626262 dotted;}
.comments-title { color: #5C5C5C; font-size: 18px; height: 35px; background: url(../images/comments_title_icon.png) no-repeat; padding: 0px 0px 25px 45px;position:relative;left:27px;top:15px;}
.comments-avatar {float: left; width: 60px; padding: 0px 10px 0px 0px;margin-left:-30px;}
.comments-info { padding: 0px 0px 6px 0px;color:#333333;}
.comments-info a{color:#333333;}
.comments-text { font-size: 12px; font-weight: 400;}
 span.reply a { font-size: 11px; color: #1763d2; font-weight: none; text-decoration: underline; border-left: 1px solid #666666; padding: 0px 0px 0px 10px; margin: 10px 0px 0px 0px;position:relative;top:5px;}
 
 .go_comm {font-size:18px;color:#5c5c5c;margin-bottom:20px;}
 .go_comm a{color:#5c5c5c;}
 .go_comm img {position:relative;top:10px;margin-right:10px;}
 .fieldsubmit {position:relative;right:0px;top:10px;}
  .quote {color:#acacab;font-size:11px;border-left:1px #acacab solid;background:transparent;padding-left:10px;}
  .comments-text {font-size:11px;}
  .baseform {position:relative;left:33px;}
.text_comm {margin-left:42px;}


.rel-link {margin:10px; padding: 5px; padding-left: 10px; background: rgba(255, 255, 255, 0.5); height: 80px; font-size:14px; border:solid 1px black; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -khtml-border-radius:6px;}
.rel-link img {margin: 5px 10px 5px 0px;}
.rel-link a {text-decoration: none; color:#000;}
.rel-link a:hover {text-decoration: none; color:#E57C11;}
#rl-text {text-decoration: none; color:#E57C11; font-size:16px; padding-bottom:5px;}

#toc, .toc {
    display: table;
    width:450px;
    padding: 7px;
    margin-bottom:15px;
    border: 1px solid #AAA;
    border-radius:10px;
    background-color: #F9F9F9;
    font-size: 14px;
    box-shadow:  0 0 10px rgba(0,0,0,0.5);
    margin-left:10px;
}

#toctitle {
    font-size: 16px;
    font-weight:bold;
    margin-left:10px;
    margin-top:4px;
}
#toc .lv1 {
    margin-left:5px;
    margin-bottom:3px;
}
#toc .lv2 {
    list-style-type:circle;
    margin-left:5px; margin-top:3px;
}
#toc ol {font-size:14px; list-style-type: decimal; margin-left:15px; padding-left:0px; margin-top:10px; margin-bottom:10px;}
#toc ol li {list-style-type: decimal;}
#toc ol ul {margin:0px; margin-top:-5px; margin-left:5px;}
#toc a {color:#333; font-family: Arial;}
#toc a:hover {color:#000;}

.relbmass {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}

.relblock {border: 1px dashed #AAA; border-radius:5px; width:210px; text-align:center; margin:5px; padding:5px 5px 7px 5px;}
.relblock img {width:200px; margin:5px 0px 5px 0px;}
.relblock a {font-size:16px; color: #cd5700; text-decoration: underline;}
.relblock a:hover {text-decoration: underline; color: #E57C11;}

.relbmass2 {text-align:center; padding:5px;}

.relblock2 {border: 1px dashed #AAA; border-radius:5px; text-align:center; margin:5px; padding:5px 5px 7px 5px;}
.relblock2 img {width:265px; margin:2px 0px 5px 0px; border-radius:5px;}
.relblock2 a {font-size:16px; color: #cd5700; text-decoration: underline;}
.relblock2 a:hover {text-decoration: underline; color: #E57C11;}

.rek-intext {float:left; margin:5px;}
.rek-intext2 {text-align:center; margin:5px;}