/*
Theme Name: New Dance Radio
Theme URI: //www.newsdanceradio.ru
Author: Juzilkree
Author URI: //www.newdanceradio/
Description: New Dance radio personal theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: //www.gnu.org/licenses/gpl-2.0.html
*/

@import "Fa.min.css"; 

* {
margin: 0;
padding: 0;
}

body {
background:url(images/bg.jpg) repeat #fff;
margin:0px;
padding:0px;
font-family: 'El Messiri', sans-serif;
font-size:15px;
color:#1e1b18;
}
input {
color: #333;
font-size: 14px;
margin: 0px auto;
padding: 5px 5px 5px 5px;
border-radius: 0.2rem;
border: 1px solid #c60025;
}
textarea {
color: #333;
font-size: 14px;
margin: 0px auto;
padding: 5px 5px 5px 5px;
border-radius: 0.2rem;
border: 1px solid #c60025;
}

@media all and (max-width: 816px) {
    textarea {
		width:98% !important;
    }
}

button {
color: #333;
font-size: 14px;
margin: 0px auto;
padding: 5px 5px 5px 5px;
border-radius: 0.2rem;
border: 1px solid #c60025;
}
button:hover {
border-color: #0675c4;
}
p{
text-align:justify;
line-height:18px;
padding:0px 0 20px 0;
}
span.red{
color:#990000;
}
.clear{
clear:both;
}
#main_container{
width:1170px;
height:auto;
margin:auto;
}

@media all and (max-width: 816px) {
    #main_container {
		width:auto;
    }
}

#header{
width:1170px;
height:163px;
margin:auto;
background:url(images/header_bg.jpg) no-repeat top center;
}

@media all and (max-width: 816px) {
    #header {
		width:auto;
		background:none;
		height: 125px;
    }
}

#logo{
padding:17px 0 0 10px;
float:left;
}

.logo_img {
	
}

@media all and (max-width: 816px) {
    .logo_img {
		width:340px;
		background:none;
    }
}

.on_air{
float:right;
padding:15px 23px 0 0;
}

a {
color:#349beb;
text-decoration: none;
}

a:visited {
color: #000000;
text-decoration: none;
}

a:hover {
color:#FF4800;
}

/*----------------------menu-------------------------*/
#menu{

}

@media all and (max-width: 816px) {
    #menu {

    }
} 

.mega-menu-wrap {
	z-index: 999999;
}

#menu ul{

}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px; font-size:17px; line-height:42px; 
}
#menu ul li a{
float:left;text-decoration:none;padding:0px 20px 0 30px; margin:0px;color:#fff;text-align:center;
}
#menu ul li a:hover{
text-shadow: #fff 0 0 10px;
}

/*----------------------content-------------------------*/
h2 a {
	color: #B90329;
}
h2 a:visited {
	color: #B90329;
}
h2 a:active {
	color: #B90329;
}
h2 a:hover {
	color: #B90329;
	text-shadow: #ae1337 0 0 20px;
}
.dotts {
	width: 824px;
	border-bottom: 1px dotted #c60025;
	margin: 10px 0 10px 0;
}
.blockdotts {
	width: 244px;
	border-bottom: 1px dotted #c60025;
	margin: 20px 0 20px 0;
}

@media all and (max-width: 816px) {
    .dotts {
		width:auto;
		padding:10px 10px 30px 10px;
    }
}

.pagenavi {
float: left;
padding: 0 0 0 0;
}
@media all and (max-width: 816px) {
    .pagenavi {
	float: left;
    padding: 12px 0 0 0;
    }
}
.pagenavi a {
text-decoration: none; 
font-size: 16px;
color: #a90329;
}

.pagenavi a:hover {
text-shadow: #ae1337 0 0 10px;
}	


.left_content{
width:835px;
float:left;
padding:10px 10px 30px 30px;
}

@media all and (max-width: 816px) {
    .left_content {
		width:94%;
		padding:10px 10px 30px 10px;
    }
}

.alignleft {
float: left;
margin: 0px 10px 0 0;
border-radius: 6px;	
}

.right_content{
width: 245px;
float: right;
padding: 30px 30px 30px 0px;
}

@media all and (max-width: 816px) {
    .right_content {
        float: none;
    	margin: 0 auto;
    	padding: 20px 0 30px 0px;
    }
}

.online{
background:url(images/listen_live.jpg) no-repeat center;
height:85px;
padding:20px 0 0 12px;
margin: 0px 26px 0 0;
}

@media all and (max-width: 816px) {
    .online {
		float: none;   
    }
}

.track_name{
background:url(images/track_playing.jpg) no-repeat center;
width:295px;
height:104px;
margin:10px 0 0 12px;
}

@media all and (max-width: 816px) {
    .track_name {
		float:none;
    }
}

.track_name p{
width:150px;
padding:50px 0 0 100px;
text-align:center;
color:#FFFFFF;
}
.title{
font-size:20px;
color:#a90329;
clear:both;
padding:10px 0 10px 0px;
}
img.left_img{
float:left;
padding:0 10px 0 0;
}

.right_news{
float:left;
width:auto;
padding:10px 0 8px 0;
}
.news_date{
width:42px;
height:48px;
float:left;
color:#990000;
line-height:50px;
text-align:center;
background:url(images/date_bg.jpg) no-repeat center;
}
.news_content{
width:265px;
float:left;
text-align:justify;
line-height:18px;
padding:0 0 0 10px;
}
.left_shows{
float:left;
width:835px;
padding:10px 0 8px 0;
margin:0 0 10px 0;
}

@media all and (max-width: 816px) {
    .left_shows {
		float:none;
		width:100%;
		padding: 10px 0 15px 0;
    }
}

.show_date{
width:100%;
height: auto;
color:#5f6c7a;
font-size:16px;
}
.show_text_content{
width:824px;
float:left;
text-align:justify;
padding:25px 0 10px 0;
border-bottom: 1px dotted #c60025;
}

@media all and (max-width: 816px) {
    .show_text_content {
		width:99%;
    }
}

a.more_details{
float:right;
padding:10px 0 0 20px;
color:#ae1337;
text-decoration:none;
font-weight:bold;
}

@media all and (max-width: 816px) {
    a.more_details {
		float:none;
    }
}

a.more_details:hover{
text-shadow: #ae1337 0 0 10px;
}
.photo_gallery{
padding:30px 0 0 0;
}
.left_nav{
width:17px;
height:auto;
float:left;
padding:27px 10px 0 0;
}
.right_nav{
width:17px;
height:auto;
float:left;
padding:27px 0 0 10px;
}
.gallery_thumbs{
padding:0px;
}
img.gallery_thumb{
float:left;
padding:0 10px 0 10px;
}

/*-----------------------------pagination------------------*/
.page-numbers {
border: 1px solid #c60025;
margin: 5px;
padding: 2px 7px 0px 7px;
border-radius: 4px;
background: #f0f1f1;	
}
.page current {
padding: 3px 9px 1px 9px;	
}

/*-----------------------------social icons------------------*/
.social a {
    text-align: center;
    width: 32px;
    height: 32px;
    float: left;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgb(0 0 0 / 15%), inset 0 0 50px rgb(0 0 0 / 10%);
    border-radius: 6px;
    margin: 10px 10px 10px 0;
    padding: 6px;
    color: #000;
}

.social:hover a {
	border-color: #FF8700;
	background: #F0F0F0;
	box-shadow: 0 2px 4px rgb(0 0 0 / 15%), inset 0 0 50px rgb(0 0 0 / 10%);
}

.fa.fa-facebook:before {
    color: #4867AA;
}	
.fa.fa-twitter:before {
    color: #41ABE1;
}	
.fa.fa-vk:before {
    color: #2787F5;
}	
.fa.fa-odnoklassniki:before {
    color: #FF8C1F;
}	
.fa.fa-paper-plane:before {
    color: #25A1E1;
}
.fa.fa-whatsapp:before {
    color: #2DD449;
}

/*-----------------------------comments------------------*/
.comment-form-comment {
	width: 50%;
}

@media all and (max-width: 816px) {
    .comment-form-comment {
		width: 100%;
    }
}

.form-submit {
	margin: 20px 0px 0px 0px;
}

.commentlist {
	border-bottom: 1px dotted #c60025;
    margin: 10px 0px 0px 0px;
}

.comment-author vcard {
	display: inline-flex;
}
.comment-author .avatar {
	margin: 0px 10px 0 0px;
}
.comment-form-author {
	width: 43px;
}
.comment-form-email {
	width: 48px;
}
.comment-form-url {
	width: 45px;
}
.comment-body {
	border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0px 0px 15px 0px;
    padding: 6px;
}
.says {
	display: none;
}
.fn {
	font-style: normal;
}

/*-----------------------------footer------------------*/
#footer{
clear:both;
width:1170px;
height:65px;
margin:auto;
color:#a90329;
background:url(images/footer_bg.jpg) no-repeat center;
}

@media all and (max-width: 816px) {
    #footer {
		width:90%;
    }
}

.copyright{
float:right;
padding-left:10px;
padding-top:10px;
}
.copyright img{
vertical-align: middle;
}
.footer_links{
float:left;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color: #a90329;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #a90329;
}

/*-----------------------------mobile------------------*/


#authorarea{
width: 802px;
box-shadow: 0 2px 4px rgb(0 0 0 / 15%), inset 0 0 50px rgb(0 0 0 / 10%);
border: 1px solid #d2d2d2;
padding: 10px;
overflow:hidden;
color: #333;
border-radius: 4px;
}
@media all and (max-width: 816px) {
    #authorarea {
		float:none;
		width:97%;
		padding: 10px 0px 10px 10px;
    }
}
#authorarea h3{
font-size: 18px;
color:#333;
margin:0;
padding:0 10px 5px 10px;
}
#authorarea h3 a{
text-decoration:none;
color:#333;
font-weight: bold;
}
#authorarea img{
margin: 0px 10px 10px 0px;
padding:4px;
float:left;
border: 1px solid #ddd;
border-radius: 4px
}
#authorarea p{
color:#333;
margin:0;
padding:0px 10px 10px 10px;
}
#authorarea p a{
color:#333;
}
.authorinfo{
margin: 0 0 0 0;
padding: 0 10px 0px 0px;	
} 
.aboutautor {
margin: 0 0 0 0;
padding: 0 10px 0px 0px;
}