body{
	background-color:			#0D4849;
}

#dynacontent{
	min-height:					400px;
}

.dynaform input, .dynaform textarea{
	border: 					solid 2px #0D4849;
}

.dynaform .wpcf7-submit{
	padding:					10px;
	background-color:			#0D4849;
	color:						#ffffff;
	font-weight:				bold;
}


.label {
	display:					inline-block;
	background-color:			#000000;
	font-size:					2em;
	color:						#ffffff;
	transform:					rotate(-2deg);
}

.site{
	width:						100%;
	display:					block;
	float:						left;
	position:					absolute;
	z-index:					999;
}

.site a{
	color:						#000000 !important;
}


.leftright, .leftright2{
	position:					absolute;
	background-color:			#050304;
	width:						50% !important;
	height:						540px !important;
	float:						left;
}

.leftright2{
	margin-left:				50%;
}


.site .fullwidth{
	width:						100%;
	min-width:					970px;
	max-width:					1200px;
	margin-left:				auto;
	margin-right:				auto;
}

.site .colleft{
	width:						calc(100% - 300px);
}

.site .colright{
	width:						260px;
}


.site .header{
	width:						100%;
}

.site .header .placeholder{
	height:						540px;
	background-image:			url('/assets/img/hond.png');
	background-repeat:			no-repeat;		
	background-position:		left bottom;
}

.site .header .top{
	position:					absolute;
	height:						220px;	
}


.site .header .cols{
	height:						100%;
}


.site .header .cols .colleft{
	width:						calc(100% - 300px);
	height:						100%;
}

.site .header .cols .colright{
	width:						260px;
	height:						100%;
	background-image:			url('/assets/img/hcolr.png');
}

.site .header .cols .noa, .site .header .cols .btns{
	width:						620px;
	margin-left:				calc(100% - 620px);	
}


.site .header .cols .noa{
	
	width: 100%;
	
	height:						200px;	
	margin-top:					200px;	
	background-image:			url('/assets/img/noa.png');	
	background-repeat:			repeat-y;			
}

.site .header .cols .noa .cover{
	width:						170px;
	height:						170px;
	margin-left:				20px;
	background-image:			url('/assets/img/coverbck.png');
}

.site .header .cols .noa .cover img{
	width:						150px;
	height:						150px;
	margin-left:				10px;
	margin-top:					10px;
}

.site .header .cols .noa .metadata{
	font-size:					12px;
}



.site .header .cols .noa .metadata .h1, .site .header .cols .noa .metadata .h2{
	padding:					0px;
	margin:						0px;
	color:						#ffffff;
	width: 						380px;
	height:						30px;
	text-overflow: 				ellipsis;
	white-space: 				nowrap;
	overflow: 					hidden;
	
}

.site .header .cols .noa .metadata .h1{
	margin-top:					10px;	
	font-size:					28px;	
}

.site .header .cols .noa .metadata .h2{
	margin-top:					10px;
	font-size:					21px;	
}

.site .header .cols .noa .metadata .title{
	display:					inline-block;
	font-size:					16px;	
	font-weight:				bold;
	background-color:			#ffffff;
	overflow:					auto;
}

.site .header .cols .noa .metadata .title span{
	text-transform: 			uppercase;	
	color:						#666666;
}


.site .header .cols .btns{
	padding-left:				35px;
	padding-top:				20px;
}


.site .header .cols .btns .btn{
	display:					inline-block;	
	margin-right:				10px;
	font-weight:				bold;
	font-size:					1.2em;
	background-color:			#ffffff;
}


.site .header .cols .blocks{
	margin-top:					200px;
}

.site .header .cols .blocks .big{
	height:						200px;
	background-image:			url('/assets/img/big_0.png');
}



.site .header .cols .blocks .big .inner{
	height:						190px;
	background-image:			url('/assets/img/big_1.png');
}





.site .header .cols .blocks .block{
	border-bottom:				solid 1px #8DA5A4;
	color:						#ffffff;
	font-size:					0.8em;
	background-image:			url('/assets/img/block.png');
	background-repeat:			no-repeat;	
	background-position:		6px 11px;
}

.site .header .cols .blocks .block .padding5{
	padding-left:				24px;
}

.site .header .cols .blocks .block a{
	text-decoration:			none;
	color:						#ffffff !important;
}

.site .header .cols .blocks .block a:hover{
	text-decoration:			none;
	color:						#4EADAA !important;
}


.site .header .placeholder .logo{
	display:					block;
	width:						320px;
	height:						220px;
	background-image:			url('/assets/img/logo.png');
	background-repeat:			no-repeat;			
}

.site .header .placeholder .menu{
	display:					block;
	width:						calc(100% - 320px);
	height:						40px;
	margin-top:					70px;
	background-color:			#ffffff;
}

.leftright2 .expand{
	width:						100%;
	height:						40px;
	margin-top:					70px;	
	background-color:			#ffffff;	
}


.site .header .placeholder .menu .ul{
	width: 						100%;
	display: 					flex;
	flex-direction: 			row;
	justify-content: 			center;
	align-content: 				space-between;
	flex-shrink: 				0;	
}

.site .header .placeholder .menu .ul .li, .site .header .placeholder .menu .ul .bullet{
	list-style:					none;
	text-align:					center;
	flex-shrink: 				0;
	flex-grow: 					1;
	float: 						left;
	font-weight:				700;
	color:						#A2A4A8;
}

.site .header .placeholder .menu .ul .bullet{
	background-image:			url('/assets/img/bullet.png');
	background-repeat:			no-repeat;
	background-position:		center;
}


.site .header .placeholder .menu .ul .li a{
	text-transform: 			uppercase;
	font-weight:				700;
	color:						#000000;
	text-decoration:			none;
}

.site .header .placeholder .menu .ul .li a:hover{
	color:						#666666;
	text-decoration:			none;
}

.site .header .placeholder .menu .ul .active{
	color:						#666666 !important;
}



.site .content{
	background-image:			url('/assets/img/content_bckg.png');
	background-repeat:			repeat-x;
	min-height:					200px;
	display: 					flex;
}

.site .content .colright, .site .content .colleft{
	flex: 						1;
	height:						100%;
}



.site .content .colright{
	background-image:			url('/assets/img/col_right.png');
	min-height:					200px;
}

.site .content .history{
	width:						100%;
}

.site .content .history .nav{
	width:						400px;
	display:					block;
}


.site .content .history .nav .navleft, .site .content .history .nav .navright{
	width:						106px;
	height:						100px;
	position:					absolute;
	display:					block;
	float:						left;
	background-image:			url('/assets/img/navleft.png');
}

.site .content .history .navright{
	background-image:			url('/assets/img/navright.png') !important;
	margin-left:				794px;
}


.site .content .history .h{
	font-weight:				bold;
	background-color:			#ffffff;
}

.site .content .history .list{
	display:					block;
	height:						100px;
	overflow:					hidden;
	background-color:			#242424;
	white-space:				nowrap;	
}

.site .content .history .list .split{
	display: 					inline-block;	
	width:						1px;
	height:						60px;
	margin-left:				30px;
	margin-right:				30px;
	background-color:			#ffffff;
}


.site .content .history .list .entry{
	display: 					inline-block;
	margin-top:					5px;
}

.site .content .history .list .entry .cover img{
	width:						72px;
	height:						72px;
}

.site .content .history .list .metadata{
	color:						#ffffff;
}
.site .content .history .list .metadata .time{
	font-size:					1.2em;
}

.site .content .history .list .metadata .artist, .site .content .history .list .metadata .title{
	font-size:					0.8em;
}

.site .content .history .list .metadata .title{
	font-weight:				bold;
}

.site .widget{
	color:						#ffffff;
	margin-bottom:				20px;
	overflow:					hidden;
}

.site .widget h1{
	font-size:					31px;
	color:						#4EADAA;
	padding:					0px;
	margin:						0px 0px 10px 0px;
	line-height:				1em;
}

.site .widget #weather{
	font-size:					0.8em;
	line-height:				1.3em;
}

.site .widget #weather .icon{
	width:						50px;
	height:						50px;
	border-radius1:				25%;
	background-color:			rgba(255,255,255,0.3);
	margin-right:				10px;
}

	
.site .footer{
	font-size:					0.6em;
	color:						#ffffff;
	overflow:					auto;
	margin-top:					10px;
	margin-bottom:				10px;
	background-color:			#ffffff;
	color:						#242424;
	text-align:					center;
}

.site .footer img{
	left:				50%;
	margin-left:						-50px;
	width:						100px;
}


/*pages*/


/*PAGES*/
.page{
	margin-top:				10px;
	margin-left:			10px;
	width:					calc(100% - 20px);
}

.page .text{
	width:					800px;
	margin-top:				-40px;
	margin-left:			auto;
	margin-right:			auto;
	background-color:		#ffffff;
}

.page .noimage{
	margin-top:				40px;
}

.page .photo{
	width:					100%;
	height:					220px;	
	margin-left:			auto;
	margin-right:			auto;	
	background-color:		#ffffff;
	background-size: 		cover;	
	display: 				flex;
	justify-content: 		center;
	align-items: 			center;	
}
/*
.page .photo .block{
	display:				inline-block;
	font-size:				3em;
	line-height:			1.4em;
	text-transform: 		uppercase;
	color:					#ffffff;
	border:					solid 3px #ffffff;
	padding-left:			20px;
	padding-right:			20px;
	margin-top:				-30px;
	background-color:		rgba(0,0,0,0.4);
}
*/

.page .photo .block{
	display:				inline-block;
	font-size:				3em;
	line-height:			1.4em;
	text-transform: 		uppercase;
	color:					#ffffff;
	padding-left:			20px;
	padding-right:			20px;
	margin-top:				-30px;
	background-color:		#000000;
	transform:				rotate(-5deg);
}

.page h1{
	margin:					0px;
	padding:				0px;
	font-size:				2.4em;
}

/*playlist*/

#plholder{
	
}

#plholder .selector{
	background-color:		#cccccc;
	overflow:				auto;
}

#plholder .selector .padding10{
	overflow:				auto;
}

#plholder table{
	width:					100%;
}

#plholder tr td{
	border-bottom:			solid 1px #cccccc;
	overflow:				auto;
	padding:				10px;
}

#plholder .cover, #plholder .cover img{
	width:					70px;
}

#plholder .select{
	padding:				5px;
	background-color:		#ffffff;
	float:					left;
	margin-right:			10px;
}

#plholder .select select{
	border:					0px;	
}

#plholder #apldate{
	font-size:				2em;
	text-align:				center;
	display:				block;
	margin-top:				20px;
}

/*top30*/


.top30{
	
}

.top30 .spacer{
	height:					10px;
}

.top30 .cover, .top30 .no, .top30 .pos{
	width:					80px;
	height:					80px;
}

.top30 .pos{
	text-align:				center;	
}


.top30 .pos i{
	font-size:				3em !important;	
	color:					#000000;
}

.top30 .trending_down i{
	color:					#2996AD;
}

.top30 .trending_up i{
	color:					#F12692;
}


.top30 .no{
	color:					#ffffff;
	font-size:				2em;
	font-weight:			bold;
	text-align:				center;
	background-color:		#000000;
}

.top30 .song{
	font-size:				1.2em;
	margin-left:			10px;
}


/*request*/

#reqholder{
	
}

#reqholder .selector{
	background-color:		#cccccc;
	overflow:				auto;
}

#reqholder .selector .padding10{
	overflow:				auto;
}

#reqholder table{
	width:					100%;
}

#reqholder tr td{
	border-bottom:			solid 1px #cccccc;
	overflow:				auto;
	padding:				10px;
	text-transform: 		lowercase;
}

#reqholder .cover, #plholder .cover img{
	width:					70px;
}

#reqholder .select{
	padding:				5px;
	background-color:		#ffffff;
	float:					left;
	margin-right:			10px;
}

#reqholder .mini{
	margin-right:			2px;
}

#reqholder .select select{
	border:					0px;	
}

#reqholder #apldate{
	font-size:				2em;
	text-align:				center;
	display:				block;
	margin-top:				20px;
}