/* Template by:	redissx (ICQ: 275116000, E-mail: redissx@gmail.com, Website: webrambo.ru )  
----------------------------------------------- */


@import "reset-settings.css" all;

.preview-item img, .related-img img {width:100%; min-height:100%;}
.preview-info {transition: opacity .5s;}


/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%; position:relative; border-top:5px solid #f2c53d;}
.wrap {width:100%; min-width:320px; max-width:1000px; margin:0 auto; background-color:#f6f6f6; 
position:relative; z-index:100; min-height:800px;}
.all-wrap:before, .wrap:before, .wrap:after {content:""; background-color:#228b96; width:50%; height:100%; 
position:absolute; left:0; top:0; z-index:10;}
.wrap:before {width:40%;}
.wrap:after {width:0;}
.content-wrap, .footer { position:relative; z-index:100;}
.header {height:160px; position:relative; padding-left:60%;}
.content-right {width:80%; float:right;}
.sidebar-left {width:20%; float:left; padding-right:20px;}
.items-wrap, .full-wrap {border-radius:5px; overflow:hidden; background-color:#FFF; 
border:5px solid #FFF; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); margin-left:-3px;}
.page-content {width:75%; float:right; padding:20px 20px 20px 40px;}
.page-related {width:25%; float:left; padding:20px 0 20px 20px;}
.static-text {padding:20px;}


/* HEADER
----------------------------------------------- */
.logotype {height:140px; width:200px; display:block; background: url(../images/logo.png) no-repeat; 
overflow:hidden; text-indent:-1000px; position:absolute; top:0; left:0;}
.search-wrap {width:100%; padding-top:60px;}
.search-line {width:100%; position:relative;}
.search-line input, .search-line input:focus {width:100%; height:40px; line-height:40px; padding:0 90px 0 10px; border-radius:5px;
background-color:#fff; color:#a8a8a8; font:italic 12px Georgia; border:1px solid #e3e3e3; box-shadow:inset 2px 2px 2px 0 rgba(0,0,0,0.05); }
.search-line button {border-radius:0 5px 5px 0; height:38px; line-height:38px; padding:0 20px; background-color:#228B96;
position:absolute; right:1px; top:1px;}
.show-login {display:inline-block; padding:10px 0; background-color:#F2C53D; color:#fff; 
cursor:pointer; position:fixed; top:0; right:0; z-index:999; text-align:center; width:100px;}
.login-wrap {position:fixed; right:0; top:0; z-index:999; width:0; overflow:hidden; box-shadow:0 0 20px 0 rgba(0,0,0,0.3);}
.social-likes {width:120px; position:absolute; left:210px; top:20px;}
.social-likes > div {margin:0 0 10px 0 !important;}


/* SHORTSTORY
----------------------------------------------- */
.preview-item {display:block; width:25%; height:200px; position:relative; float:left; overflow:hidden;}
/* SHORTSTORY
.preview-item img {display:block; width:150%; max-width:150%; margin-left:-25%;}*/
.preview-info {width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
position:absolute; left:0; top:0; padding:20px; opacity:0;}
.preview-info h2 {color:#FFF; font-size:16px;}
.preview-item:hover .preview-info, .preview-item.active .preview-info {opacity:1;}


/* SIDE MENU
----------------------------------------------- */
.side-nav ul {padding-left:10px;}
.side-nav ul li {list-style:disc; color:#FFF; margin-bottom:15px;}
.side-nav ul li a {display:block; color:#FFF; font-size:14px;}
.side-nav a:hover {color:#39EBFF;}


/* FOOTER
----------------------------------------------- */
.footer {margin-top:100px; text-align:justify;}
.footer-right {width:60%; padding:20px 0 20px 40px; color:#444; float:right;}
.footer-left {width:40%; padding:20px 40px 20px 0; color:#f6f6f6; float:left;}
.footer-left a {color:#FFF; text-decoration:underline;}


/* FULLSTORY
----------------------------------------------- */
.page-text h1 {font-size:24px; margin-bottom:0px; line-height:28px;}
.page-text h2, .page-text h2, .page-text h3 {font-size:18px; margin:20px 0;}
.page-info {height:30px; line-height:30px; font-size:11px; margin:10px 0 40px 0;}
.page-date {display:inline-block; float:left; color:#9b9b9b; font-style:italic;}
.page-rating { display:inline-block; float:right;}
.rate-type1 {width:106px; margin:0 auto; height:30px; padding-top:4px;}
.rate-type2, .rate-type3 { display:inline-block; height:30px; line-height:28px; padding:0 10px 0 0; 
border-radius:3px; font-size:13px; overflow:hidden; border:1px solid #e3e3e3; text-align:left; background-color: #ffffff;}
.ratingzero {color: #444444;}
.ratingtypeplus {color: #06b601;}
.ratingplus {color: green;}
.ratingminus {color: red;}
.rate-type2 a, .rate-type3 a {display:inline-block; float:left; margin-right:8px; height:100%;}
.rate-type2 span, .rate-type3 span {float:left; display:inline-block;}
.rate-type2 b, .rate-type3 b {display:inline-block; color:#FFF; padding:0 10px 0 0; font-size:12px; height:100%;
background-color: #92e358;;}
.rate-type2 b:after {float:left; content:attr(data-like); display:inline-block; font-weight:400;}
.rate-type2 img {float:left; margin-right:8px; border-right:1px dotted #f0f0f0; display:block;}
.rate-type2 a:hover b, .rate-type3 a:nth-child(3):hover b {background:#0ba607 !important;}
.rate-type3 a:nth-child(1):hover b {background-color:#cf0404 !important;}
.rate-type3 {padding:0;}
.rate-type3 a:nth-child(3) {margin:0 0 0 8px;}
.rate-type3 a:nth-child(1) b { padding:0 2px 0 1px; background-color: #ff3019;}
.rate-type3 a:nth-child(3) b {padding:0 3px 0 0px;}

.page-text embed, .page-text object, .page-text video, .page-text iframe, .page-text frame {width: 100% !important; height:350px;}
.page-text {font:14px Arial, Helvetica, sans-serif; line-height:22px; margin-bottom:30px;}
.page-text img {margin:0 10px 10px 0; max-width:100%; border:5px solid #f0f0f0;}
.page-text a {text-decoration:underline; color:#06c;}
.page-text a:hover, .page-text a:visited {text-decoration:underline; color:#C9070A;}
.page-text ul li {list-style:disc; margin-left:40px;}
.page-text ol li {list-style:decimal; margin-left:40px; }
.page-text table {width:100%; text-align:left;}
.page-text table tr td {padding:10px; border:1px solid #e3e3e3; font-size:12px; }
.page-text table tr:nth-child(1) {background-color:#f5f5f5 !important; color:#FFF; font-size:14px !important;}

.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:20px 0; line-height:20px;}
.polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;}
.full-info {padding:0 75px 0 10px; position:relative; height:30px; line-height:30px; margin:-30px 0 40px 0; background-color:#f0f0f0;}
.compl {display:inline-block; float:left; color:#C50307;}
.addfavorit { opacity: 1; position:absolute; right:0px; bottom:0px; z-index:100;}
.addfavorit:hover { opacity: 0.8 }
.iedit { position:absolute; right:35px; bottom:-1px; z-index:100;}
.iedit * { cursor: pointer; height: 30px; width: 30px; display:block;}
.iedit .thd { background-image: url("../dleimages/editstore.png");}
.full-nav {text-align:center; margin-bottom:20px;}
.full-nav a {color:#06c; text-decoration:none;}
.full-nav a:hover {color:#06c; text-decoration:underline;}
.full-nav-pages {margin:0 20px;}
.full-nav-pages span, .full-nav-pages a {display:inline-block; margin:0 5px;}


/* RELATED
----------------------------------------------- */
.prel-t {margin-bottom:20px; font-size:18px;}
.related-item {display:block; margin-bottom:20px;}
.related-img {border:5px solid #f0f0f0; height:150px; overflow:hidden;}
.related-info {color:#444; font-weight:bold;}
.related-item:hover .related-info {text-decoration:underline;}


/* COMMENTS
----------------------------------------------- */
.comms-wrap {margin:20px 0 0 0; background-color:#f0f0f0; padding:20px;}
.com-item {padding:0 0 20px 90px; position:relative;}
.com-av {width:70px; height:70px; margin-left:-90px; border-radius:3px; overflow:hidden;}
.com-av img {width:100%; height:100%;}
.com-text {width:100%;}
.com-info ul li {float:left; display:inline-block; margin-right:20px;}
li.reply {float:right !important; margin-right:0 !important;}
.reply a {display:inline-block; padding:3px 5px; background-color:#404048; color:#fff; 
position:absolute; top:0; right:0;}
.com-body {font-size:13px; line-height:16px; margin:10px 0; padding-right:10px;}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; border-top:1px dashed #e3e3e3; color:#999;
padding-top:10px; margin-top:15px;}
.com-edit {text-align:right;}
.com-edit ul li {display:inline-block; margin-left:15px; font-size:11px;}
.com-edit a {color:#404048; text-decoration:underline;}
.com-edit a:hover {text-decoration:none;}

#addcform {margin:20px 0;}
.mass_comments_action {text-align: right; padding:5px 0;}
.mass_comments_action .bbcodes { margin-bottom: 0 }


/* LOGIN
----------------------------------------------- */
#loginbox { background: #fff; width: 320px; overflow:hidden; line-height:normal;}
.login-title, .log-register, .login-avatar { background-color:#f5f5f5; padding:15px 20px; font-size:16px; position:relative;}
.login-form ul {padding:20px;}
.login-form li {margin-bottom:20px;}
.login-form ul li label {display:inline-block; margin-bottom:5px;}
.login-form ul li input {display:block; height:40px; line-height:40px; border-radius:3px; border:1px solid #e3e3e3; 
width:100%; padding:0 10px;}
.login-form ul li a {float:right;}
.log-check {padding:0 20px; line-height:40px; margin-bottom:20px;}
.log-check input, .log-check label {float:left; display:inline-block; font-size:10px;}
.log-check input {display:none;}
.log-check input + label:before {width:20px; height:20px; margin-right:5px; cursor:pointer;
border-radius:3px; border:1px solid #e3e3e3; content:""; float:left; position:relative; top:8px;}
.log-check input:checked + label:before { background-color:#D80306;}
.log-check button {float:right;}
.log-register, .login-avatar {display:block; background-color:#228b96; color:#fff !important; text-align:center;}
.avatar-box {width:70px; height:70px; overflow:hidden; border-radius:35px; float:left;}
.avatar-box img {width:100%; min-height:100%;}
.name-box {float:left; padding-left:20px; line-height:70px; font-size:20px; position:relative;}
.name-box a {color:#fff; font-size:12px; border-bottom:1px dotted #fff; line-height:14px;
position:absolute; left:20px; bottom:5px;}
.login-menu li a {display:block; height:36px; line-height:36px; padding:0 20px; border-left:5px solid transparent;}
.login-menu li a:hover, .login-menu li:nth-child(2) a {background-color:#f5f5f5; border-color:#228b96;}
.login-menu li:last-child a {background-color:#228b96; color:#fff;}

.sociallogin {height:auto;}
.sociallogin a { float:left; margin:10px;}



/* RESIZE
----------------------------------------------- */
.show-menu {display:none;}

@media screen and (max-width: 950px) {
.wrap {max-width:768px; overflow:hidden;}
.wrap:before { width:100%; height:160px;}
.wrap:after {width:0%; left:0%;}
.header {height:160px; padding:0 10px 0 170px;}
.search-wrap {padding-top:80px;}
.logotype {height:100px; width:140px; top:60px; left:10px; background-size:contain;}
.social-likes {display:none !important;}
.show-menu {display:inline-block; padding:0 20px; height:40px; line-height:40px; 
background-color:#FFF; color:#000; font-size:18px; cursor:pointer;
position:absolute; left:10px; top:10px;}
.wrap.show-side:after {width:200px;}
.content-wrap.show-side .content-right {margin-right:-200px;}
.content-wrap.show-side .sidebar-left {margin-left:0;}
.content-right {width:100%;}
.sidebar-left {width:200px; margin-left:-200px;}
.items-wrap, .full-wrap {border-radius:0; margin-left:0;}
.footer-right, .footer-left {width:100%; padding:20px; color:#f6f6f6; float:none; background-color:#444;}
.preview-item {height:180px;}
}

@media screen and (max-width: 760px) {
/* .wrap {max-width:640px;} */
.preview-item {height:160px;}
.bnav-left {display:none;}
.bnav-right {float:none; width:100%; padding:0 20px; text-align:center;}
.navigation {text-align:center;}
.navigation a, .navigation span {margin:0 0 5px 3px;}
.page-content, .page-related {width:100%; float:none; padding:20px;}
.related-item { margin:0 1%; margin-bottom:20px; width:48%; float:left; height:150px; overflow:hidden;}
}

@media screen and (max-width: 590px) {
/* .wrap {max-width:480px;} */
.preview-item {width:50%;}
.page-content h1 {font-size:18px;}
.mass_comments_action, .com-edit, li.reply a {display:none;}
}

@media screen and (max-width: 470px) {
/* .wrap {max-width:320px;} */
.preview-item { height:150px;}
.preview-info h2 {font-size:14px;}
.logotype {height:80px; width:110px;}
.header {padding:0 10px 0 130px;}
.search-line button {padding:0 5px; font-size:12px;}
.search-line input, .search-line input:focus {padding:0 55px 0 5px;}
.related-img {height:100px;}
.related-item {height:130px;}
.page-text embed, .page-text object, .page-text video, .page-text iframe, .page-text frame {width: 100% !important; height:250px;}
}

/* Fix dle html5 player
----------------------------------------------- */
.mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay {width:100% !important;}
.mejs-video, .mejs-shim {height:350px !important;}
@media screen and (max-width: 470px) {
.mejs-video, .mejs-shim {height:250px !important;}
}