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

@import "reset-settings.css" all;

h1, h2, h3, .s-info, .pnext, .menu-show, .prem li a, .login-show, button, 
.pprev, .pnext, .side-t, .add-com {font-family: 'PT Sans Narrow', sans-serif; font-weight:normal;}
.search-show, .menu-show, .premium-link, .login-show, .search-box button, .pprev, .pnext, .show-side-but {background:url(../images/sprite.png) no-repeat;}
.s-img img, .top-item img, .rel-img img {width:100%; min-height:100%;}
.top-item, .top-title, .s-title
{
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
}

/* KARKAS
----------------------------------------------- */

.all-wrap {width:100%; position:relative;}
.all-wrap:before {content:""; position:absolute; left:0; top:0; z-index:10;
background:url(../images/bg.jpg) right top fixed no-repeat; width:50%; height:100%;}
.wrapper {width:100%; max-width:1000px; min-height:1000px; margin:0 auto;
background-color:#fff; box-shadow:0 0 20px 0 rgba(0,0,0,0.3); position:relative; z-index:20;}
.header, .footer {height:70px; box-shadow:0 10px 20px -10px rgba(0,0,0,0.5); border-bottom:1px solid #f0f0f0;
position:relative; z-index:100; padding:0 255px 0 20px; background-color:#507299;}
.header:before, .footer:before {content:""; position:absolute; right:0; top:0; z-index:10;
width:235px; height:100%; background-color:#edeef0;}
.cont-wrap {padding:0 235px 0 0; position:relative; z-index:50;}
.content {width:100%; padding:30px 0;}
.sidebar {margin-right:-235px; width:215px; position:relative; z-index:20; padding:30px 20px 0px 0;}
.cont-wrap:before {content:""; position:absolute; right:0; top:0; z-index:10;
width:235px; height:100%; background-color:#edeef0;}
.footer {box-shadow:0 -10px 20px -10px rgba(0,0,0,0.5); border-top:1px solid #f0f0f0;}

/* SHAPKA I MENU
----------------------------------------------- */

.logo {width:200px; height:100%; background:url(../images/logo.png) no-repeat;
position:fixed; left:0; top:0; display:block;}

.search-b {height:70px; background-color:#424343; display:none; padding:20px 20px;}
.search-show {height:50px; width:40px; cursor:pointer;}
.search-show:hover {background-position:-43px 0;}

.menu-show {display:inline-block; height:50px; margin:20px 0 0 20px; cursor:pointer; background-position:0 -58px;
background-color:#ffffff; padding:0px 20px 0 60px; font-size:20px; line-height:50px;}
.menu-show:hover {background-position:-86px 0;}

.menu-wrap {position:absolute; left:0; top:70px; z-index:100; display:none;
width:100%; height:auto; padding:20px 0 20px 20px; background-color:#424343;}
.menu-wrap ul {float:left; width:80%; margin-right:10px;}
.menu-wrap ul li a {background-color:#909090; color:#fff; font-weight:bold; display:block;
border-radius:3px; margin-bottom:7px; padding:7px 10px;}


.prem { margin-top:10px;}
.prem li {display:inline-block; font-size:18px;}
.prem li a {line-height:50px; padding:0 20px; height:50px; display:inline-block;}
.premium-link {border-radius:5px; background-position:0 -119px; text-shadow:0 1px 0 #cccccc; color:#fff;}
.premium-link:hover {background-position:0 -242px; color:#fff;}

.login-show {display:inline-block; height:50px; width:195px; cursor:pointer; background-position:0 -181px;
background-color:#ffffff; padding:0px 20px 0 75px; font-size:18px; line-height:50px; 
position:absolute; top:10px; right:20px; z-index:20;}
.login-show:hover, .prem li a:hover { text-decoration:underline;}

.search-box {width:100%; position:relative;}
.search-box input {width:100%; height:30px; border-radius:5px; line-height:30px; padding:0 20px 0 140px;}
.search-box button {border-radius:5px; background-position:0 -119px; text-shadow:0 1px 0 #cccccc; color:#fff;
font-size:18px; position:absolute; left:0; top:0; height:30px; line-height:30px; padding:0 40px;}


/* SHORT STORY
----------------------------------------------- */

.short-wrap {width:29.4%; margin-left:3%; margin-bottom:20px; display:block;}
.s-img {height:170px; overflow:hidden; position:relative;}
.s-title {width:100%; height:100%; position:absolute; left:0; top:0; z-index:10;
background-color:rgba(0,0,0,0.4); color:#fff;}
.s-title h2 {font-size:16px; margin:10px; margin-top:50%; line-height:18px; height:40px; overflow:hidden;}
.short-wrap:nth-child(2n) .s-title {background-color:rgba(244,24,244,244);}
.short-wrap:nth-child(3n) .s-title {background-color:rgba(244,24,244,244);}
.short-wrap:nth-child(6n) .s-title {background-color:rgba(0,0,0);}
.short-wrap:nth-child(5n) .s-title {background-color:rgba(216,38,85,0.5);}
.short-wrap:nth-child(4n) .s-title {background-color:rgba(237,123,35,0.5);}
.short-wrap:hover .s-title {opacity:0;}


/* SEO TEKST
----------------------------------------------- */

.desc-text {width:100%; margin:0 0 -30px 0; padding:20px; background-color:#edeef0;}
.desc-text h1 {font-size:20px; margin-bottom:10px;}
.desc-text h1 span {border-bottom:1px dashed #424343;}
.desc-text p {margin-bottom:10px; font-size:12px; line-height:16px; text-align:justify;}


/* PODVAL
----------------------------------------------- */

.footer p {width:100%; padding:20px 0 15px 0;}
.counts {position:absolute; top:19px; right:20px; width:220px; z-index:20; text-align:right;}
.counts li {display:inline-block; width:88px; height:31px; background-color:#8e8989; margin-left:10px;}
.wr-copyr {position:absolute; right:20px; bottom:5px; color:#8e8989; font-size:11px; text-decoration:underline; z-index:20;}
.wr-copyr:hover {color:#000; text-decoration:underline;}


/* SIDEBAR I TOPNEWS
----------------------------------------------- */

.show-side-but {display:none; height:40px; margin-bottom:20px; background-color:#414243; background-position:0 -55px;
cursor:pointer; line-height:40px; font-size:14px; padding:0 20px 0 40px; color:#fff;}
.show-side-but:hover { background-position:-86px 3px;}

.side-box {min-height:100px; margin-bottom:20px;}
.side-t {height:50px; line-height:50px; padding:0 20px; font-size:18px; margin-bottom:10px;
background-color:#f6f6f6; border-radius:5px;}

.top-item {display:block; overflow:hidden; height:80px; position:relative; margin-bottom:5px;}
.top-title {position:absolute; left:0; top:0; width:100%; height:100%;
background-color:rgba(0,0,0,0.4); opacity:1;}
.top-title p {color:#fff; font-weight:bold; padding:10px; position:absolute; bottom:10px; left:0;
height:40px; overflow:hidden;}
.top-item:hover {height:130px;}
.top-item:hover .top-title {opacity:0;}


/* FULL STORY
----------------------------------------------- */

.full-story { position:relative; padding:0 20px;}
.full-title { text-align:left; margin:-30px -20px 20px -20px; border-left:5px solid #424343; background-color:#f6f6f6;
padding:20px 20px; position:relative;}
.full-title h1 {display:block; text-transform:uppercase; font-size:24px; color:#424343;}

.addfavorit { opacity: 1; position:absolute; right:5px; bottom:-25px; z-index:100;}
.addfavorit:hover { opacity: 0.8 }
.iedit { position:absolute; right:30px; bottom:-25px; z-index:100;}
.iedit * { cursor: pointer; height: 17px; width: 17px;}
.iedit .thd { background-image: url("../dleimages/editstore.png"); display:inline-block;}

.video-wrp {margin-bottom:0px;}

.video-box {background-color:#edeef0; margin:0 -20px; padding:20px;}
.v-player {height:400px;}
.v-player embed, .v-player object, .v-player video, .v-player iframe, .v-player frame {width: 100% !important; height:100% !important;}

.v-info { margin-bottom:20px; padding:0 130px 0 0; position:relative;}
.v-cat {display:inline-block; float:left; margin-left:20px;}
.v-time {width:100px; display:inline-block; float:left;}
.v-cat a, .v-time b {color:#000; font-weight:bold;}
.v-time b {display:inline-block; background-color:#fff; border-radius:3px; padding:0 5px;}
.v-cat a {text-decoration:underline;}
.v-cat a:hover {text-decoration:none;}
.v-rate {display:inline-block; position:absolute; right:0px; top:0px;}

.video-desc {margin-bottom:20px;}
.full-text {line-height:18px; font-size:13px;}
.full-text img {margin:0 10px 10px 0; max-width:100%; border:5px solid #f6f6f6;}
.full-text a {text-decoration:underline; color:#06c;}
.full-text a:hover {text-decoration:underline; color:#C9070A;}
.full-text a:visited {text-decoration:underline; color:#D005C9;}
.full-text ul li {list-style:disc; margin-left:40px;}


/* POHOZHIE
----------------------------------------------- */

.related-wrap {margin:0px 0 30px 0;}
.rel-head { text-align:left; border-left:5px solid #424343; background-color:#f6f6f6;
padding:20px 20px; margin-bottom:20px;}
.rel-head h2 {font-size:22px;}
.rel-item {float:left; width:29.4%; margin-left:3%; margin-bottom:15px; display:block;}
.rel-img {height:140px; overflow:hidden; margin-bottom:5px; border:5px solid #f6f6f6; border-radius:5px;
box-shadow:0 0 0 1px #ccc;}
.rel-item p {font-weight:bold; height:30px; overflow:hidden;}
.rel-item:hover .rel-img {border-color: #FC0;}


/* KOMMENTARII
----------------------------------------------- */

.add-com {height:50px; line-height:50px; padding:0 20px; }
.add-com b {display:inline-block; font-size:18px; cursor:pointer; padding:0 20px; font-weight:normal;}
#addcform {background-color:#edeef0; display:none;}
.comments-wrp {margin:20px 0; padding:0 20px;}

.com-item {margin-bottom:20px; padding:0 0 0 100px;}
.com-av {width:80px; height:80px; margin-left:-100px; border:5px solid #f6f6f6; border-radius:5px;
box-shadow:0 0 0 1px #ccc;}
.com-av img {width:100%; height:100%;}
.com-text {width:100%;}
.com-info {}
.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:#F90; color:#fff; 
border-radius:3px; font-weight:bold;}
.com-body {font-size:12px; line-height:16px; margin:10px 0; background-color:#f6f6f6; border:1px solid #CCC; 
padding:10px;}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; border-top:1px dashed #666; color:#666;
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:#C00; text-decoration:underline;}
.com-edit a:hover {text-decoration:none;}

.mass_comments_action { height: 1%; text-align: right; padding:15px 20px; margin:0; background-color: #f0f0f0;}
.mass_comments_action .bbcodes { margin-bottom: 0 }

/* LOGIN
----------------------------------------------- */
.overlay {display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 8888;
width: 100%; height: 100%; background-color: rgba(61, 188, 223, 0.6); }
.close{cursor: pointer; margin: 3px; position: absolute; right: 5px; top: 5px; 
width: 31px; height: 31px; background-position: 0 -208px;}
#loginbox { background: #fff; padding: 40px; width: 450px; margin-left: -225px; min-height: 150px;
 position: absolute; z-index: 9999; left: 50%; top: 20%; line-height:normal; border:10px solid #3dbcdf;}
li.lfchek input, li.lfchek label {display:inline-block !important;}
.close:hover {}

.not-logged .f_input { font-size: 1.2em; padding: 10px; width: 100%; height: 40px;}
#loginbox form { margin: 0 }
.register-but {background-color:#3dbcdf; display:inline-block; padding:5px 20px; color:#FFF;
font-weight:bold; position:absolute; left:5px; top:5px; border-radius:5px;}
.register-but:hover {color:#FC0;}
.not-logged li { margin-bottom: 1em }
.not-logged li label { display: block; margin-bottom:5px; color:#000; }
.submitter { background-color:#f0f0f0; margin:0 -40px -40px -40px; height:70px; text-align:center;}
.submitter button {margin-left2:145px;}

.avatar { display: block; width: 80px;  }
.avatar img { width: 100%;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.22); border:5px solid #FFF;}
.avaprof { background-color:#f0f0f0; margin:-40px -40px 20px -40px; padding:40px 40px 20px 40px;}
.profbox {margin-left:20px;}
.profbox h3 {display:block; font-size:18px; margin:0 0 10px; color:#000;}
.logout-but {display:inline-block; padding:3px 5px; font-size:14px; background-color:#FFF; 
border-radius:3px; margin-left:20px;}
.avaprof ul li {display:inline-block; margin-right:5px;}
.avaprof ul li a {display:inline-block; padding:10px; color:#FFF; font-weight:bold;}
.logprof {background-color:#3dbcdf;}
.logadm {background-color:#FC0;}
.logmenu {width:50%; display:block;}
.logmenu li a {display:block; padding:5px 10px; margin:0 5px 5px 0; background-color:#f6f6f6; color:#000; border-radius:3px;}
.logmenu li a:hover {background-color: #3dbcdf; color:#FFF;}

/* GO TOP BUTTON */

#gotop{position:fixed;width:40px;height:50px;left:10px;bottom:0px;display:block;
background:url('../images/gotop.png') no-repeat;z-index:9998;display:none;}
	
		
/* RESIZE
----------------------------------------------- */

@media screen and (max-width: 1500px) {
.all-wrap:before { background-position:-130px 0;}
.logo {width:150px; background-size:100% auto; top:20px;}
}
@media screen and (max-width: 1300px) {
.all-wrap:before { background-position:-130px 0;}
}
@media screen and (max-width: 1220px) {
.all-wrap:before { background-image:none;}
.logo { position:relative; width:100%; height:70px; background:url('../images/logo-top.png') center top no-repeat;
background-size:auto; top:0;}	
}
@media screen and (max-width: 800px) {
.s-img {height:140px;}
.s-title h2 {margin-top:25%;}
.menu-wrap ul {width:23%;}
#gotop {display:none; left:auto; right:0;}

.bottom-nav {height:40px; line-height:40px;}
.navigation a, .navigation span {width:30px;}
.navigation span {width:40px;}
.pprev, .pnext {width:70px; font-size:16px;}
.pprev {right:71px;}
.navigation {font-size:12px; }

.show-side-but {display:block;}
.cont-wrap {padding:0 50px 0 0; overflow:hidden;}
.cont-wrap:before {width:50px; height:100%;}
.sidebar {margin-right:-235px;}

.cont-wrap.show-side {padding:0 50px 0 0;}
.cont-wrap.show-side:before {width:235px; height:100%;}
.cont-wrap.show-side .sidebar { margin-right:-50px;}
.cont-wrap.show-side .content { margin-left:-185px;}
.sidebar .side-box { position:relative; right:-80px;}
.cont-wrap.show-side .sidebar .side-box { left:0;}

.header {padding:0 70px 0 20px;}
.header:before {width:50px;}
.login-show {width:50px; overflow:hidden; right:0; padding:0; text-indent:-500px;}

.full-title h1, .rel-head h2 {font-size:18px;}
.v-cat {margin-left:10px;}
.rel-img {height:120px;}
}
@media screen and (max-width: 650px) {
.prem li {font-size:16px;}
.prem li a {padding:0 10px;}

.short-wrap, .rel-item {width:45%;}
.s-img, .rel-img {height:140px;}
.s-title h2 {margin-top:25%;}

.bottom-nav {height:30px; line-height:30px;}
.navigation a, .navigation span {width:20px;}
.navigation span {width:30px;}
.pprev, .pnext {width:50px; font-size:14px;}
.pprev {right:51px;}
.navigation {font-size:12px; }

.footer {padding:0 20px; height:auto;}
.footer:before {width:1px;}
.counts, .wr-copyr {display:none;}

.full-text {line-height:14px; font-size:12px;}
.v-player {height:350px;}
}
@media screen and (max-width: 550px) {
.menu-wrap ul {width:30%;}
.prem {position:absolute; right:20px; top:-70px;}
.prem.hide-prem {display:none;}
.logo { width:300px; background-size:100% auto; background-position:0 10px;}

.desc-text h1 {font-size:16px;}
.desc-text p {margin-bottom:5px; font-size:11px; line-height:14px;}

#searchsuggestions { width: 300px; }
	
}
@media screen and (max-width: 500px) {
.prem li:first-child {display:none;}

.short-wrap, .rel-item {width:100%; float:none; padding:0 20px; margin-left:0;}
.s-img, .rel-img {height:160px;}
.s-title h2 {margin-top:20%;}

.desc-text h1 {font-size:16px;}
.desc-text p {margin-bottom:5px; font-size:11px; line-height:14px;}

.v-cat {margin-left:0;}
.v-player {height:280px;}

.com-item {padding-left:60px;}
.com-av {width:50px; height:50px; margin-left:-60px;}	
}
@media screen and (max-width: 340px) {
.prem {display:none;}
.search-box input {padding:0 20px 0 90px;}
.search-box button {font-size:16px; padding:0 20px;}
.menu-wrap ul {width:44%;}

.s-img {height:140px;}
.s-title h2 {margin-top:25%;}

.navigation {display:none;}
#loginbox {padding: 10px; width: 300px; margin-left: -150px; margin-top:-80px;}
.avaprof {margin:-10px -10px 20px -10px; padding:10px;}
.submitter {margin:0 -10px -10px -10px; height:70px; text-align:center;}
.not-logged ul {margin-top:30px;}

.full-title {padding:5px 10px;}
.full-title h1, .rel-head h2 {font-size:16px;}
.full-text {line-height:12px; font-size:11px;}
.v-player {height:200px;}
.com-item {padding-left:0px;}
.com-av, li.reply, .reply a, .com-edit, .mass_comments_action { display:none;}	
}