/*
Theme Name: Cat Music
Theme URI: http://www.catmusic.ro/
Version: 1.0
Author: Cocoa Platypus
Author URI: http://cocoaplatypus.com
*/

body {
    background: #000000;
    text-align: center;
    padding: 0;
    margin: 0;
    font: 62.5% verdana, sans-serif;
}
.cat {
float: left;
position: relative;
}
a.cat {
border: 3px solid #000;
overflow: hidden;
opacity:0.4;position: relative;
}
a.cat.logo {
opacity: 1;
}
	a.cat.hover{
    opacity:1;
	}
	a.cat span {
	position:absolute;
	left: 0;
	width: 109px;
	padding: 0 5px;
	bottom: -100px;
	font-size: 16px;
	min-height: 22px;
	background: #017E96;
	opacity: 0.8;
	}
#background {
position: absolute;
width: 100%;
height: 100%;
}

a {
    color: #FFF;
    text-decoration: none;
}

a:hover {
    color: #fff;
    text-decoration: underline;
}

hr {
    display: none;
}

img {
    border: none;
}

ins {
    text-decoration: none;
    border-bottom: 1px dashed #eee;
}

acronym, abbr, dfn {
    border-bottom: 1px dashed #eee;
    font-style: normal;
}

blockquote {
    border-left: 5px solid #320000;
    margin: 1em 0;
    padding: 10px;
    background: #600000;
    width: 90%;
}

code, pre {
    color: #f93;
    font-family: verdana, sans-serif;
}

.bild-links {
    float: left;
    margin: 0 15px 3px 0;
}

.bild-rechts {
    float: right;
    margin: 0 0 3px 15px;
}

.center {
    text-align: center;
}

.pagination {
    text-align: center;
    margin-top: 2em;
}

.search-button, #commentform input {
    font-size: 1em;
    font-weight: bold;
    border: 1px solid #300000;
    background: #800000;
    color: #ffc;
    padding: 1px 2px;
}

#container {
    margin: 0;
    text-align: left;
    width: 994px;
    background:#000;
    color: #eee;
    line-height: 1.5;
    padding:  0 3px 0px 3px;
    overflow: hidden;
}
h1 {
font-size: 24px;
font-weight: normal;
margin: 20px 0;
line-height: 36px;
}
#header {
    height: 50px;
	background:#000;
}
	#headerinner {
	width: 1010px;
	margin: 0 auto;
	position:relative;
	}

#header h1 {
    font: italic 22px georgia, serif;
    color: #fff;
    /*line-height: 200px;*/
    padding: 75px 15px;
}

#header h1 a {
    color: #fff;
    text-decoration: none;
    line-height: 1.1em;
}

#navi {
    float: right;
    width: 200px;
}

#navi-innen {
    padding: 0 15px 10px 15px;
}

#navi h2 {
    font: bold 1.4em veradana, sans-serif;
    margin: .8em 0 .2em 0;
}

#navi ul {
    list-style: none;
    margin: .4em 0 1em 0;
    padding: 0;
}

#navi ul li ul {
    margin: .2em 0 .4em .5em;
}

#navi a {
    text-decoration: none;
    font-weight: bold;
}

#navi .navi-search {
    margin-bottom: 3px;
    background: #eee;
    font-size: 1em;
    width: 150px;
    border: 1px solid #300000;
}

#content {
    margin: 6px;
/*     font-size: 1.3em; */
}

#content h2 {
    font: italic 2.1em georgia, serif;
    margin: 5px 0;
    letter-spacing: 1px;
}

#content h2 a {
    text-decoration: none;
}

#content h3 {
    margin: 1.2em 0 .4em 0;
    font-size: 1.4em;
}

#content h4 {
    font-size: 1.3em;
    padding: 0;
    margin: 1em 0;
}

#content h5 {
    font-size: 1.1em;
    padding: 0;
    margin: 1em 0;
}

#content .date {
    font-size: 1em;
    text-align: right;
    font-weight: bold;
}

#content .meta {
    font-size: .9em;
}

#content .feedback {
    margin: 15px 0 15px 0;
    text-align: right;
    padding-bottom: 10px;
    border-bottom: 1px solid #700000;
}

#commentlist li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #700000;
}

#commentlist li img.avatar {
    float: right; margin: 2px 0 5px 10px;
    border: 1px solid #300; padding: 4px; background: #eee;
}

#commentform {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #300000;
    background: #600000;
}

#commentform textarea {
    background: #eee;
    border: 1px solid #300000;
}

#commentform #email, #commentform #author, #commentform #url {
    font-size: 1.1em;
    background: #eee; color: #333;
    border: 1px solid #300000;
    width: 180px;
}

#footer {
    clear: both;
	width: 100%;
	height: 50px;
}
	#footerin {
	margin: 0 auto;
	width: 994px;
	}
		#footerin a, #footerin {
		color: #017e96;
		font-size: 14px;
		line-height: 50px;
		}
/* *** Plugins *** */
.tags {
    margin: 1.5em 0;
    font-weight: bold;
    padding: 2px 0;
}

#wp_grins {
    margin-top: 2px;
}

.pagebar {
    text-align: center;
    line-height: 1.4;
    margin-top: 2em;
}

.pagebar .this-page {
    font-weight: bold;
}

.pagebar a {
    border: 1px solid #300000;
    background: #900;
    padding: 2px 5px;
    margin-bottom: 5px;
    text-decoration: none;
    color: #ffc;
}

.pagebar a:hover {
    color: #fff;
}

/* WordPress 2.6 */

.aligncenter,
div.aligncenter {
   display: block; margin-left: auto; margin-right: auto; text-align: center;
}
.alignleft {
   float: left;
}
.alignright {
   float: right;
}

.wp-caption {
   text-align: center;
   background-color: #f9f9f9; border: 1px solid #300000;
   padding-top: 4px; margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

.wp-caption img {
   margin: 0; padding: 0; border: 0 none;
}

#text-inhalt div.wp-caption a { border: none; }

.wp-caption p.wp-caption-text {
   font-size: 11px; line-height: 17px; color: #333;
   padding: 0 5px 5px 5px; margin: 0;
}
table {
table-layout:fixed;
width: 1100px;
}
	a#logo {
	background: url('images/logo.png') no-repeat;
	height: 40px;
	width: 250px;
	display: block;
	}
	.header-in {
	float: left;
	width: 105px;
	height: 50px;
	}
		.header-in a {
		background: none repeat scroll 0 0 #000000;
		border-color: #000;
		border-style: solid;
		border-width: 0 0 6px;
		display: block;
		font-size: 15px;
		height: 33px;
		line-height: 38px;
		margin-top: 3px;
		padding: 2px 0px;
		text-align: center;
		text-transform: uppercase;
		width: 100px;
		}
			.header-in a:hover, .header-in a.active{
			text-decoration: none;
			}
			.header-in a.artists.hover, .header-in a.artists.active {
			border-color: #f73d00;
			background: #f73d00;
			}
			.header-in a.artists {
			border-color: #f73d00;			
			}
			.header-in a.events.hover, .header-in a.events.active {
			border-color: #00ad82;
			background: #00ad82;
			}
			.header-in a.events {
			border-color: #00ad82;			
			}
			.header-in a.news.hover, .header-in a.news.active {
			border-color: #006ec8;
			background: #006ec8;
			}
			.header-in a.news {
			border-color: #006ec8;
			}
			.header-in a.contact.hover, .header-in a.contact.active {
			border-color: #dcdc00;
			background: #dcdc00;
			}
			.header-in a.contact {
			border-color: #dcdc00;
			width: 84px;
			}
			.header-in a.search {
			border-color: #00e0fa;
			width: 29px;
			height: 21px;
			margin-top: 15px;
			}
			.header-in a.search.hover {

			}
			.header-in a.buyonline.hover, .header-in a.buyonline.active {
			border-color: #da0000;
			background: #da0000;
			}
			.header-in a.buyonline {
			border-color: #da0000;
			}
			.header-in a.about.hover, .header-in a.about.active {
			border-color: #a7d500;
			background: #a7d500;
			}	
			.header-in a.about {
			border-color: #a7d500;
			}	
			.header-in#logo a:hover {
			border: none;
			}
		.header-in#logo a {
		margin-top: 4px;
		}
		.header-in#logo {
		width: 250px;
		}
#featured{ 
	width:745px; 
    padding: 3px 250px 3px 0;
	position:relative; 
	height:369px; 
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0;
	/*top: 125px;*/
	left:750px;
	list-style:none; 
	padding:0; margin:0; 
	width:244px; 
	overflow: hidden;
	height: 372px;
}
#featured ul.ui-tabs-nav li{ 
	padding:3px 0;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left;/* 
 margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
 */
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:119px; 
	color:#333;  background:#fff; 
	line-height:20px;
/* 	opacity: 0.5; */
}
#featured li.ui-tabs-nav-item a:hover{ 
/* 	opacity: 1; */
}
#featured li.ui-tabs-selected{ 
/* 
	background:url('images/selected-item.gif') top left no-repeat;  
 */

}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
/* 	 opacity: 1; */
}
#featured .ui-tabs-panel{ 
	width:744px; height:369px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0px; left:0; 
	height:85px;
	width: 100%;
	background: rgba(1,126,150, 0.8) 
}
#featured .info h2{ 
    color: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding: 5px;
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
#socialhome {
width: 994px;
height: 247px;
overflow: hidden;
}	
	.unu {
	width: 119px;
	height: 119px;
	padding: 3px;
	float: left;
	}
	.doi {
	width: 244px;
	padding: 3px 3px 0 3px;
	float: left;
	}
	.trei {
	width: 369px;
	padding: 3px 3px 0 3px;	
	float: left;
	}
		.stanga {
		padding-left: 0;
		}
		.dreapta {
		padding-right: 0;
		}
	#twit {
	background:#16ccff;
	height: 107px;
	width: 232px;
	position: relative;
	padding: 6px;
	}
	#twitjos {
	position: absolute;
	bottom: 6px;
	width: 232px;
	}
	#texttwit {
	margin-top: 15px;
	}
	#youtube {
	background: /* #e5e5e5; */ #FFF;
	color: #000000;
	padding: 6px;
	height: 232px;
	}
		.left{
		float: left;
		}
		.right {
		float: right;
		}
		.clear{
		clear: both;
		}
	.desc {
	width: 230px;
	color: #000;
	height: 92px;
    overflow: hidden;
	}
	.item {
	margin: 6px 0;
	}
	.title {
	font-weight: bold;
	}
		.title a {
		color: #000;
		}
	.thumb {
	width: 90px;
	}
/* grayscale */
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
img.grayscale.hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}
#page_title, .date{
background: #017e96;
width: 494px;
margin: 3px 3px 3px 0;
height: 119px;
position: relative;
float: left;
}
	#page_title.news {
	background: #006ec8;
	}
	#page_title.artists {
	background: #f73d00;
	}
	#page_title.events {
	background: #00ad82;
	}
	#page_title.about {
	background: #a7d500;
	}
	#page_title.contact {
	background: #dcdc00;
	}
	#page_title.buyonline {
	background: #da0000;
	width: 994px;
	}
	#page_title.search {
	background: #00e4ff;
	width: 994px;
	}
.date {
margin-right: 0;
text-align: right;
margin-left: 3px;
}
	.date.prima {
	margin-top: 0;
	}
	.date span {
	font-size: 18px;
	position: absolute;
	right: 24px;
	bottom: 6px;
	}
	#page_title h2 {
	font-size:36px;
	bottom: 0;
	position: absolute;
	font-weight: normal;
	left: 12px;
	margin: 0;
	}
		#page_title h2.titlulung {
		font-size: 29px
		}
		#page_title h2.lung {
		font-size: 26px;
		}
		#page_title h3.lung {
		bottom: 70px;
		}
	#page_title h3 {
	font-size: 16px;
	bottom: 42px;
	left: 12px;
	color: rgba(255,255,255, 0.3);
	margin: 0;
	position: absolute;
	font-weight: normal;
	}
	#page_title.search h3 {
	color: rgba(255,255,255, 0.7);	
	}
#artistsub {
/* background: url('images/artists/artistsub.png') no-repeat; */
width:368px;
height: 244px;
margin: 3px 0;
}
p {
font-size: 1.3em;
}
	#artistsub p {
/* 	line-height: 22px; */
    margin: 22px 0 0 12px;
    width: 400px;
	}
ul.artisti {
float: left;
width:245px;
padding: 0px;
margin: 0px 0 0;
}
	ul.artisti li {
	list-style: none;
	margin: 3px 0;
	width: 240px;
	float: left;
	}
		ul.artisti li .right {
		width: 190px;
		}
		ul.artisti li a {
		font-size: 15px;
		}
	img.attachment-detalii {
	margin-top: 3px;
	}
.links {
text-align: right;
	color: #F73d00;
	font-size: 14px;
	font-weight: bold;
	width: 494px;
}
	.links a {
	color: #F73d00;
	font-size: 14px;
	font-weight: bold;
	}
	.links span {
	float: right;
	}
.buy {
text-align: right;
padding-top: 26px;
}
.buy a#itunes {
	background: url('images/buyitunes.jpg') no-repeat;
	width: 128px;
	height: 54px;
	display: block;
	float: right;
}
.buy a#artist-youtube {
	background: url('images/youtube-artist-logo.jpg') no-repeat;
	width: 128px;
	height: 54px;
	display: block;
	float: right;
    border-radius: 5px;
}
.links a#facebook-artist {
	background: url('images/facebook-artist-logo.png') no-repeat;
	width: 128px;
	height: 54px;
	display: block;
	float: right;
    border-radius: 5px;
}
.event {
width: 494px;
height: 244px;
margin: 3px 0 3px 3px;
background: #1e1e1e;
float: left;
overflow: hidden;
}
	.event.dreapta {
	margin-right: 0;
	}
	.event span {
    display: block;
    font-size: 18px;
    padding: 6px;
    line-height: 18px;
	}
	.event:hover {
	background: #424242;
	text-decoration: none;
	}
#eventlist {
/* height: 500px; */
        padding-top: 3px
}
      .box, .box .antiscroll-inner {
        width: 497px;
        height: 747px;
      }
.antiscroll-wrap {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.antiscroll-scrollbar {
  background: gray;
/*  background: rgba(0, 0, 0, 0.5);*/
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 1px #fff;
  -moz-box-shadow: 0 0 1px #fff;
  box-shadow: 0 0 1px #fff;
  position: absolute;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: linear 300ms opacity;
  -moz-transition: linear 300ms opacity;
  -o-transition: linear 300ms opacity;
}

.antiscroll-scrollbar-shown {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.antiscroll-scrollbar-horizontal {
  height: 7px;
  margin-left: 2px;
  bottom: 2px;
  left: 0;
}

.antiscroll-scrollbar-vertical {
  width: 7px;
  margin-top: 2px;
  right: 2px;
  top: 0;
}

.antiscroll-inner {
  overflow: scroll;
}

.antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {
  width: 0;
  height: 0;
}
#eventcontent {
padding: 0 3px 0 16px; 
width:478px;
}
	#eventcontent p, #newscontent p {
/* 
font-size: 12px;
 */
	}
	.thumbevent {
	margin: 0px 0 3px 3px;
	}
	#eventcontent p.dateevent {
	font-size: 18px;
	font-weight: bold;
	}
#newscontent {
padding: 0 0 0 14px;
width: 480px;
}
	#newslist {
	background:#1e1e1e;
	width: 494px;
	margin: 3px 0 0 0;
	height: 994px;
	}
		#newslist .antiscroll-inner {
		height: 994px;
		width: 494px;
		}
		.newsitem {
		width: 454px;
		margin: 18px 0px 18px 20px;
		height: 86px;
		float: left;
		}
			.newsitem p {
			color: #616161;
			font-size: 12px;
			}
				.newsitem p a {
				color: #616161;
				}
			h4 {
			margin: 0 0 10px 0;
			}
				h4 a{
				font-size: 18px;
				color: #006ec8;
				}
	#contactform {
	background: #017e96;
	width: 494px;
	margin: 3px 3px 3px 0;
	height: 637px;
	position: relative;
	float: left;
	}
		#contactform_in {
		position: absolute;
		left: 12px;
		height: 637px;
		width: 482px;
		}
			#contactform_in input {
			border: none;
			background: #1e1e1e;
			width: 353px;
			height: 24px;
			padding: 0 6px;
			color: #505050;
			font-size: 12px;
			}
			#contactform_in .formrow, .resprow {
			margin: 3px 0;
			float: left;
			width: 100%;
			}
			#contactform_in textarea {
			background: #1e1e1e;
			border: 0;
			width: 353px;
			text-align: left;
			color: #505050;
			height: 150px;
			padding: 6px;
			font-family: verdana;
			font-size: 12px;
			}
			#contactform_in p {
			font-size: 14px;
			padding: 0 6px 0 0;
			margin:15px 0 5px;
			}
			#contactform_in input#submits {
			width: 116px;
			height: 24px;
			background: #FFF;
			padding: 0;
			text-transform: uppercase;
			font-size: 18px;
			color: #017e96;
			font-weight: bold;
			}
			#contactform_in .jos {
			font-size: 10px;
			position: absolute;
			bottom: 6px;
			left: 0px;
			}
			#contactform_in a:hover {
			text-decoration: none;
			}
	table#buyonline {
	width: 994px;
	}
	tr.gri {
	background: #1e1e1e;
	}
	table#buyonline th {
	padding: 20px 0 15px 5px;
/*	cursor: pointer; */
	}
	.doi .twitter {
	background:#FFFFFF;
	}
		#socialhome .twitter p {
		font-size: 12px
		}
		#socialhome .trei {
		overflow:hidden;
		}
	table#buyonline th span.sorter {
	cursor: pointer;
	}
		span.sorter span {
		width: 11px;
		height: 9px;
		background-repeat: no-repeat;
		display: inline-block;
		margin-left: 5px;
		vertical-align: middle;
		}
			span.sorter.descr span {
			background-image: url('images/sortby.png');
			background-position: bottom right;
			}
			span.sorter.asc span {
			background-image: url('images/sortby.png');
			background-position: top right;
			}
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}
	#current, #options {
border:1px solid #999;
}
#replace {
position:relative;
overflow:visible;
cursor:default;
}
/* 
div, select, p, h1, input {
margin-bottom:10px;
}
 */
#uniform-select {
	position: absolute;
	right: 0;
	bottom: 0;
}
.despre p {
padding-top: 45px;
padding-left: 12px;
}
.lista {
float:left;
clear: both;
margin: 3px 0;
/*overflow: hidden;*/
}
	.lista .listatitle {
	background: #017E96;
	font-size: 20px;
	color: #fff;
	float: left;
    height: 81px;
    margin-right: 3px;
    padding: 38px 0 0 15px;
    width: 229px;
	font-size: 22px;
	}
	.topholder {
	float: left;
	width: 747px;
	overflow: hidden;
	}
	ul.top {
	float: left;
	list-style: none;
	padding: 0;margin: 0;
 	width: 100%;
height: 119px;
position: relative;
	}
		ul.top li {
		float: left;
		width: 119px;
		height: 119px;
		padding: 0 3px;
		background: #000;
				position: relative;
		}
		ul.top li a {
		position: relative;
		}
		ul.top li a img {
		position: absolute;
		}
		ul.top li a span {
		display: none;
		position: absolute;
		width: 113px;
		height: 102px;
		top: 0;
		left: 0;
		background-color: rgba(1, 126, 150, 0.7);
		color: #FFF;
		font-size: 14px;
		text-align: center;
		padding: 14px 3px 3px 3px;
		text-decoration: underline;
		z-index:200;
		}
/* 		Smooth scrolling  */
/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 62px;
	width: 62px;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
 	background-image: url('images/sageataslider.png'); 
	background-repeat: no-repeat;
	background-position: center left;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	/* background-image: url(../images/arrow_left.gif); */				

}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 62px;
	width: 62px;
	height: 100%;
	background-image: url('images/sageataslider.png'); 
	background-repeat: repeat;
	background-position: center right;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	/* background-image: url(../images/arrow_right.gif); */

}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;

}
ul.top li a span.number {
display: block;
background: none;
text-decoration: none;
font-size: 55px;
opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity = 70);
text-align: center;
z-index: 100;
}
.header-in#search {
width: 29px;
padding-left: 6px;
}
.header-in#contact {
width: 84px
}
#searchinput {
display: none;
position: absolute;
right: 12px;
top: 50px;
z-index: 1000;
background: url('images/searchform.png');
width: 239px;
height: 49px;
padding: 22px 0 0 12px;
text-align: left;
}
	#searchinput input {
	background: #000;
	color: #ccc;
	border: none;
   font-size: 26px;
    width: 225px;
	}
	.searchresult {
	width: 100%;
	float: left;
	margin: 3px 0;
	}
		.searchresult .cont {
		width:600px;  
		margin-left: 3px;
		}
		.searchresult .cont p {
		font-size: 12px;
		margin: 0;
		}
		.searchresult .cont h2 {
		margin: 5px 0;
		}
		.twtr-widget {
		font-size: 1.3em;
		}
	.cumpara {
	width: 497px;
	height: 119px;
	margin: 3px 0;
	}
		.cumpara .right {
		width: 369px;
		margin: 0 3px;
		}
		.cumpara .right h2 {
		font-size: 1.3em;
		font-weight: normal;
		margin: 10px 0 0;
		}
		.cumpara .right h1 {
		font-size: 1.7em;
		font-weight: normal;
		margin: 5px 0 20px;
		}
			.cumpara .right h1 a {
			text-decoration: none;
			}
		.cumpara .right a.cump{
		text-decoration: underline;
		font-size: 1.1em;
		}
#homeapps {
height: 119px;
width: 994px;
display: block;
margin-top: 3px;
/* background: #FFF; */
}
	#homeapps #pisica {
	width: 494px;
	float: left;
	margin: 3px 3px 0 0;
	}
.links span.bi {
margin-right: 8px;
}
#resp {
height: 10px;
display: block;
}
.likeshare {
    height: 22px;
    overflow: hidden;
    width: 300px;
}
.detevent {
font-size: 12px;
padding: 6px
}
.hidd {
display: none;
}
#add, #noadd {
width: 494px;
background: #006EC8;
color: #FFF;
float: left;
margin-left: 3px;
font-size: 20px;
text-align: center;
}
	#noadd:hover {
	text-decoration: none;
	}
	img#load {
	margin-left: 238px;margin-top: 5px;
	}
.social-med {
padding-top: 50px;
}
.social-med ul {
padding: 0;
}
.social-med ul li {
display: inline-block;
list-style: none;
vertical-align: middle;
margin-right: 20px;
}
.despre.right {
position: relative;
text-align: center;
width: 494px;
height: 100%;
}
	.despre.right img {
	position: absolute;
	bottom: 0;
	left: 80px;
	}
	.exc h4 a {
	color: #00ad82
	}
.lidiabubleconcurs {
	padding: 3px 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
	width: 244px;
	height: 116px;
	overflow: hidden;
}
.lidiabubleconcurs img {
	max-width: 100%;
}
.lidiabubleconcurs a {
	display: block;
	text-align: center;
	position: relative;
}
.lidiabubleconcurs a span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	line-height: 70px;
	color: #a7d500;
	font-size: 18px;
	font-weight: 700;
}

/* START Custom PS - CSS */
/* Hide Pop-up */
div#colorbox {
    display: none !important;
}

/* Pagina Concerte */
.page-template-concertv-php #container {
    height: auto !important;
}

.custom-ps-container-bilete {
	display: block;
    position: relative;
}

.custom-ps-post-bilete h2 {
    font-size: 16px;
    text-transform: uppercase;
}

.custom-ps-post-bilete .entry-content p {
    min-height: 100px;
}

.custom-ps-post-bilete {
    width: 50%;
    float: left;
    text-align: center;
	padding: 25px;
    box-sizing: border-box;
}

a.custom-ps-read-more {
    background-color: white;
    color: #006ec8;
    padding: 10px;
    font-weight: bold;
    font-size: 13px;	
}

a.custom-ps-read-more:hover {
    color: #fff;
    text-decoration: underline;
    background-color: #2490d0;
    text-decoration: none;	
}

h2.custom-ps-no-posts-concerte {
    text-align: center;
    text-transform: uppercase;
}

/* Pagina Contact */
.page-template-contact-ps-php #container {
    height: 765px !important;
}

/* Pagina Articol Song/Melodie */
.single-songs #background,
.single-songs #container {
	height: auto !important;
}

.custom-ps-song-player {
    width: 300px;
    margin: 0 auto;
	background-color: white;
}

.custom-ps-song-file {
    text-align: center;
}

.custom-ps-song-urls {
    /* padding: 15px; */
}

.custom-ps-url-row {
    width: 100%;
    display: block;
    padding: 15px;
    box-sizing: border-box;
}

.custom-ps-url-row:hover {
    background-color: rgba(157, 157, 157, 0.24);
}

.custom-button-linkurl {
    text-align: center;
    float: right;
    border-radius: 5px;
    border: 1px solid #777;
    padding: 8px 10px;
    white-space: nowrap;
    color: #777;
    font-size: 15px;
}

.custom-button-linkurl:hover {
	background-color: black;
	color: white;
    text-decoration: none;
}

.custom-ps-song-title {
    background-color: #006ec8;
    text-align: center;
    color: #fff;
    padding: 5px;
}

.custom-ps-song-title h2 {
    margin: 0;
}

.custom-ps-arrow {
    display: inline-block;
    left: 50%;
    margin-left: -12px;
    margin-bottom: -12px;
    width: 0;
    height: 0;
    top: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #006ec8;
    float: left;
    position: relative;
}

/* Pagina Playlist */
a.custom-ps-post-song-link {
    display: inline-flex;
}

a.custom-ps-post-song-link h2 {
    padding-left: 10px;
}

.custom-ps-container-songs {
    padding: 25px;
}

.custom-floating-button {
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
	width: 100%;
}

.custom-floating-button .container {
    padding-left: 20px;
}



.custom-floating-button .container a:hover .mid-floating-button span {
    color: #ee2769;
}

nav.custom-pagination {
    font-size: 18px;
	margin-top: 20px;
}

p.page-numbers.page-num {
    font-size: 15px;
}

.custom-pagination span,
.custom-pagination a {
  display: inline-block;
  padding: 2px 10px;
}
.custom-pagination a {
  background-color: #ebebeb;
  color: #000000;
}
.custom-pagination a:hover {
  background-color: #ff3c50;
  color: #fff;
}
.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
}
.custom-pagination span.dots {
  padding: 0;
  color: gainsboro;
}
.custom-pagination span.current {
  background-color: #006ec8;
  color: #fff;
}

@media screen and (min-width: 769px) {
	.custom-floating-button {
		top: 7px;
	}
	.custom-floating-button .container a {
		background: #ffffff;
		border-radius: 8px;
		cursor: pointer;
		-webkit-transition: all 0.28s ease;
		-moz-transition: all 0.28s ease;
		-o-transition: all 0.28s ease;
		transition: all 0.28s ease;
		position: fixed;
		right: 0;
		width: 135px;
		top: 179px;
		height: 58px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.custom-floating-button .container a div {
		border-radius: 5px;
		color: #000000;
		display: inline-block;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 500;
		text-decoration: none;
		cursor: pointer;
		line-height: 1;
		text-align: center;
		padding: 8px 5px 8px 5px;
		-webkit-transition: all 0.28s ease;
		-moz-transition: all 0.28s ease;
		-o-transition: all 0.28s ease;
		transition: all 0.28s ease;
		position: fixed;
		right: 0;
		width: 130px;
		top: 180px;
		border-right: none;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.mid-floating-button img,
	.mid-floating-button span {
		display: inline-block;
		vertical-align: middle;
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.custom-floating-button .container {
		text-align: center;
	}
	.custom-floating-button .container a {
		background: #f79468;
		border-radius: 8px;
		cursor: pointer;
		-webkit-transition: all 0.28s ease;
		-moz-transition: all 0.28s ease;
		-o-transition: all 0.28s ease;
		transition: all 0.28s ease;
		position: fixed;
		right: 0;
		width: 38px;
		top: 175px;
		height: 246px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.custom-floating-button .container a div {
		border-radius: 5px;
		color: #ffffff;
		display: inline-block;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 500;
		text-decoration: none;
		cursor: pointer;
		line-height: 1;
		text-align: center;
		padding: 8px 5px 8px 5px;
		-webkit-transition: all 0.28s ease;
		-moz-transition: all 0.28s ease;
		-o-transition: all 0.28s ease;
		transition: all 0.28s ease;
		position: fixed;
		right: 0;
		width: 235px;
		border: 1px dashed #ffffff;
		top: 213px;
		border-bottom: none;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		transform: rotate(270deg);
		transform-origin: 203px 0;
	}
}

/* Dropdown Menu Fix */
#headerinner .dropdown-content {
    padding: 0;
}

/* Post type Concursuri */
.custom-ps-concurs-item {
	display: none;
}

.custom-ps-concurs .custom-ps-concurs-item {
	display: block !important;
	width: 120px !important;
}

.custom-ps-concurs .header-in {
    width: 85px;
}

.custom-ps-concurs .header-in a {
    width: auto;
}

.custom-ps-concurs .header-in a.concurs {
	border-color: #902b8b;
}

.custom-ps-concurs .header-in a.concurs:hover,
.custom-ps-concurs .header-in a.concurs.active {
	border-color: #902b8b;
	background: #902b8b;
}

#page_title.concursuri {
    background: #902b8b;
}

.concursuri-content img {
    margin: 0 auto;
    display: block;
}

.concursuri-content {
    min-height: 875px;
}

.custom-ps-menu-concerte {
 display: none !important;
}


/* START GALLERY DESIGN */

/* .example-image-link {
    display: inline-block;
    padding: 1px;
    margin: 15px 5px 0 0;
    background-color: #fff;
    line-height: 0;
    border-radius: 4px;
    transition: background-color 0.5s ease-out;
    float: left;
}

.example-image {
    width: 116px;
    border-radius: 4px;
    height: 116px;
} */

.custom-ps-artist-gallery {
	/* display: none; */
	display: block;
    position: relative;
    max-width: 494px;
    width: 100%;
    margin-top: 5px;
}

.custom-ps-gallery-image {
    max-width: 120px;
    height: 150px;
    display: inline-block;
    vertical-align: middle;
}

.custom-ps-gallery-image img {
    width: 100%;
    height: auto;
}

.custom-ps-bg-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    width: 120px;
    height: 120px;
}

.custom-ps-download {
	display: block;
	position: absolute;
	z-index: 99999;
	color: #f73d00;
	left: 0;
	font-size: 12px;
	padding: 5px;
	right: 0;
	height: 14px;
	font-weight: bold;
	bottom: 0;
	margin: 0 auto;
	width: 70px;
	text-align: center;
	background-color: white;
}

.custom-ps-download:hover {
    color: #006ec8;
}

/* POP-UP */
.visiblebox #message {
    box-shadow: 0px 0px 11px 5px #ffffff;
}