/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


html {margin: 0;	padding: 0;	}

body{font-family:'Trebuchet MS';background:#0a0b0c;color:#FFFFFF;padding:0;margin:0;}
body,div,p,span{font-size:12px;}
a{text-decoration:none;color:#FFF;}
a img{border:0 none;}
#page{text-align:center;}
#container{text-align:left;width:1051px;margin:auto;border:1px solid transparent;position:relative;}
#content_wraper{position:relative;}
#main-content{width:740px;position:relative;}
#sidebar{position:absolute;width:304px;top:0px;right:0;}
#flash{clear:both;border:1 px solid #0;position:relative;height:395px;}
#content_wraper,#main-content,#sidebar{border:1px solid #0;}
#banner{margin-bottom:5px;}
#harta{background:transparent url(../images/HARTA.png) no-repeat 0 0;width:391px;height:156px;position:relative;}
.pin{background:transparent url(../images/PIN_HARTA.png) no-repeat 0 0;width:25px;height:11px;position:absolute;}
h1,h2,h3,h4,label,p,div{padding:0;margin:0;}
h1,h2,label{color:#99187B;}
fieldset{padding:0;margin:0;border:0 none;}
label{float:left;}
#sidebar textarea,#sidebar input{color:#FFF;}
#listings{}
/* news */
.newscontent{padding:5px;padding-top:12px;}
.newscontent h4{padding:0;margin:0;color:#FFF;font-size:20px;}
.newscontent a{color:#ffffff;font-size:20px;text-decoration:underline;}
.newsitem{background:#087BB1;margin-bottom:2px;position:relative;height:108px;}
.albumitem{height:auto !important;}
.newsitem:hover{background:#892275;}
.newsText{background:#892275;padding:12px;color:#FFF;}
.aboutText{background:#152f6a;padding:12px;color:#FFF;}
.newsText h4{color:#FFF;font-size:20px;}
.newspic {width:189px;height:108px;overflow:hidden;}
.newspic img{}

/* videos-photos */
.videocontent{padding:12px;}
.videocontent h4{padding:0;margin:0;color:#FFF;font-size:20px;}
.videocontent a{color:#ffffff;font-size:20px;text-decoration:underline;}
.videoitem{background:#087BB1;margin-bottom:2px;position:relative;min-height:174px;}
.videoitem:hover{background:#892275;}
.videoText{background:#892275;padding:12px;color:#FFF;}
.videoText h4{color:#FFF;font-size:20px;}
.videopic {width:200px;}
.videopic img{width:200px;}

.lvideo{width:50%;float:left;}
.rvideo{width:50%;float:left;}

/*scrollable stuff*/
#imageGallery{position:relative;height:220px;border:1px solid #333;margin-bottom:2px;}
a.right, a.left, a.browse{background-image:url(../images/scroll_btns.png);margin:0;}
/* -- news gallery*/
.scrollable {left:50%;position:absolute;overflow:hidden;width:600px;margin-left:-300px;height:220px;background:#0A0B0C;float:none;border:0 none;}
.items img{ background:transparent;width:300px;height:200px;margin:10px 0;padding:0;border:0 none;}
.scrollable .items {	width:20000em;position:absolute;}
.items div {float:left; width:600px;}
a.newsleft{position:absolute;left:5px;top:50%;margin-top:-15px;}
a.newsright{position:absolute;right:5px;top:50%;margin-top:-15px;}

/* events small gallery */
.escrollable {margin:auto;position:relative;float:left;overflow:hidden;width:600px;height:108px;overflow:hidden;background:#0A0B0C;border:1px solid #0a0b0c;}
.eitems img{ background:transparent;width:117px;height:88px;margin:10px 10px;padding:0;border:0 none;}
.escrollable .eitems {	width:20000em;position:absolute;}
.eitems div {float:left; width:600px;}
.eleft{float:left;}
.eright{float:left;}

/* events slider*/
.sscrollable {float:left;margin:auto;position:relative;overflow:hidden;width:280px;height:330px;overflow:hidden;background:#0A0B0C;border:1px solid #0a0b0c;}
.sitems ul{ background:transparent;width:120px;height:330px;margin:10px 0;padding:0;border:0 none;float:left;list-style-type:none;}
.sscrollable .sitems {	width:20000em;position:absolute;}
.sitems div {float:left; width:300px;}
.cdata{background:transparent url(../images/concerts_data.png) no-repeat 50% 0;padding-top:26px;font-weight:bold;}
.cdata:hover{background:transparent url(../images/concerts_data_over.png) no-repeat 50% 0;}
.ctitle,.cplace,.cdata{text-align:center;}
.cplace{line-height:15px;}




/* -- discography*/
.lcol{width:189px;position:absolute;top:0;left:0;}
.rcol{width:495px;margin-left:199px;}
.clearfix{clear:both;}
.lf{float:left;}
.rt{float:right;}
.album-description{background:#4d4948;padding:12px;}
.album-description h3{font-size:24px;color:#e67817;padding:0;margin:0;}
a.track-list{display:block;float:right;padding-left:27px;color:#fff;font-size:24px;text-decoration:none;background:transparent url(../images/see_tracklist_static.png) no-repeat 0 0;height:26px;line-height:26px;}
a.track-list:hover{text-decoration:none;background:transparent url(../images/see_tracklist_over.png) no-repeat 0 0;}

.year{font-weight:bold;}
.crtpic{padding:0; margin:0;height:125px;width:190px;overflow:hidden;background:transparent url(../images/CD.png) no-repeat top right;}
#crt-album{margin-bottom:20px;position:relative;min-height:174px;}

#songs{padding-left:15px;}
.discocol{float:left;margin-right:15px;min-width:200px;max-width:220px;overflow-x:hidden;}
.song{color:#603d67;line-height:20px;}
.active-song{;height:27px;}
.active-song a{text-decoration:none;display:block;padding-left:17px;color:#d42720;line-height:27px;background:transparent url(../images/play_activ.png) no-repeat 0 5px;}
/*right column*/
#zebra{background:transparent url(../images/MAGAR.png) no-repeat 0 0;height:221px;width:304px;position:relative;margin-bottom:2px;}
#bula{background:transparent url(../images/bula_1.png) no-repeat 0 0;height:125px;width:120px;overflow:hidden;padding:15px;font-weight:bold;position:absolute;top:20px;left:20px;}
/*#flash{display:none;}*/
/** comments form **/
h2{background:transparent url(../images/bulina_1.gif) no-repeat top left !important;padding-left:35px !important; height:33px;line-height:33px;}
#sidecomments input, #sidecomments textarea{background:#99187B;border:0 none;}
#sidecomments input{width:270px;}
#sidecomments textarea{width:304px;}
#sidecommentsinput{width:262px;}
#sidecomments input.button{font-weight:bold;width:auto !important; background:#99187B !important;border:1px solid #99187B !important;color:#000 !important;}

#flash{display:;}

a.aphotos,a.avideos{text-decoration:none;font-size:24px;color:#838182;}
a.aphotos:hover,a.avideos:hover{text-decoration:none;color:#2c661c;}
a.active{text-decoration:underline;}

/* concerts */
.cdate{display:block;padding:2px;background:#99187B;font-weight:bold;color:#FFF;}
p.languages{position:absolute;right:0;}
.languages a{display:block;float:left;width:115px;position:relative;color:#FFF;font-weight:bold;text-decoration:none;line-height:23px;height:23px;}
a.l1{width:130px;margin-right:30px;}
span.ro{display:block;font-size:23px;position:absolute;top:0;right:0px;background:transparent url(../images/RO.png) no-repeat top left;padding-left:26px;height:23px;}
span.en{display:block;font-size:23px;position:absolute;top:0;right:0px;background:transparent url(../images/EN.png) no-repeat top left;padding-left:26px;height:23px;}


/* side news */
.topnewsitem{ margin:0;padding:0;border:0 none;background:transparent url(../images/mini_banner.png) no-repeat -2px -2px;height:36px;padding-left:55px;line-height:36px;}
.topnewsitem a{text-decoration:none; color:#FFFFFF;font-weight:bold;}

.media ul{list-style-type:none;margin:0;padding:0;float:left;margin-top:5px;}
.media ul li{float:left;margin-right:10px;}
.media ul li a{float:left;text-decoration:none;font-size:12px;color:#838182;}
.media ul li a:hover{text-decoration:underline;}
.submedia{font-size:24px;color:#838182;text-decoration:underline;}

.like a{font-size:12px;}
.pagination {color:#cdcdcd;}
.pagination a:hover{text-decoration:underline;}





#newsContent a{text-decoration:underline;}