/*

	Project:   Beat'n'Sound  (www.beatnsound.com)
	Author:    Medianova     (www.medianova.hr)
	
*/

*{margin:0;padding:0;}:focus,:active{outline:0}
body { font: .74em Arial, Helvetica, Sans-Serif; color: #464646; background: #fff url(../images/site/backgrounds/background-default.gif) no-repeat; }
	body#home { background-image: url(../images/site/backgrounds/background-home.gif); }
	body#novini { background-image: url(../images/site/backgrounds/background-news.gif); }
	body#statii { background-image: url(../images/site/backgrounds/background-themes.gif); }
	body#izdaniya { background-image: url(../images/site/backgrounds/background-albums.gif); }
	body#sbitiya { background-image: url(../images/site/backgrounds/background-events.gif); }
	body#kalendar { background-image: url(../images/site/backgrounds/background-calendar.gif); }
	body#interact { background-image: url(../images/site/backgrounds/background-interact.gif); }
img { border: 0; }

h1 { font-size: 2em; margin: 0 0 20px; }
	h1 a { text-decoration: none; }

h5 { padding: 5px 10px; color: #fff; font-weight: bold; font-size: 1.2em; margin: 0 0 2px; }
	h5.grey { background: #A4A4A6 url(../images/site/grey-shade.gif) repeat-x; }
	h5.green { background: #BCD44A url(../images/site/green-shade.gif) repeat-x; }
	h5 a { color: #fff; }
	
.line { clear: both; border-bottom: 1px solid #959492; padding: 5px 0 0; margin: 0 0 5px; }

/* transparent elements */
/*.transparent { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }*/

a { color: #3B3B3B; cursor: pointer; text-decoration: none; }
p { margin: 0 0 15px; line-height: 1.6em; }
.x { clear: both;}

#wrap { width: 980px; margin: 12px 0 0 20px; }

	/* unregistred warning box */
	#popup { border: 6px solid #eee; font-size: 1.2em; padding: 10px; background: #fff; visibility: hidden; z-index: 100; position: absolute; top: 30%; left: 32%; width: 350px; }
		#popup a { font-weight: bold; border-bottom: 1px solid #ddd; }
	.close { padding: 5px 10px; background: #FBB217; font-size: .84em; font-weight: bold; color: #fff; }
	
	#topline { background: #404040; padding: 5px 10px 0 20px; height: 25px; color: #eee; font-size: .9em; }
		#topline p { margin: 0; }
		#topline-wrap { width: 980px; }
		#topline-left { float: left; }
			#defdesc { float: left; margin: 0 30px 0 0; }
			#flags { float: left; padding: 2px 0 0; }
				#flags a { margin: 0 7px 0 0; }
		#topline-right { float: right; padding: 0 10px 0 0; }
			#topline-right img { vertical-align: middle; margin: 0 3px 0 15px; }
			#topline-right a { color: #fff; }

	#logo { text-indent: -9999px; margin: 23px 0 35px; height: 54px; float: left; }
		#logo a { float: left; width: 200px; height: 54px; background: url(../images/site/logo.gif) no-repeat left top; }
			#logo a:hover { background-position: left bottom; }
			
	/* top banner */
	#topbanner { float: right; width: 728px; height: 90px; padding-bottom:15px; }
	
	/* pitch */
	#pitch { background: #f1f1f1; padding: 15px 15px 20px; margin: 0 21px 2px 0; }
		#pitch_image { float: left; width: 305px; height: 410px; }
		#pitch_headlines { float: left; width: 310px; }
		#pitch_side { float: right; width: 300px; }
			#pitch_list { background: #E3E3E3; padding: 10px 10px 8px; margin: -25px -25px 14px 0; position: relative; }
				#pitch_list h5 { background: #FBB217; padding-left: 10px; }
				#pitch_list li { list-style: none; border-bottom: 1px solid #C3C3C5; padding: 7px 4px; height: 65px; }
					#pitch_list li img { float: left; margin: 0 10px 0 0; }
				#pitch_list li.last { border: 0; }
					#pitch_list li a { color: #464646; font-weight: bold; }
			#top300x250 { }
	
	#pitch h2 { font-size: 1.6em; cursor: pointer; clear: both; padding: 2px 10px 0 0; margin: 0 0 3px; }
		#pitch h2 a { color: #252525; }
		
		#pitch h2.first {  }
		#pitch h2.others { font-size: 1.4em; }
		
		#pitch h4 { background: #F1F1F1; padding: 0; font-size: 1.1em; margin: 0; }
		#pitch p a { background: #F1F1F1; padding: 0; font-weight: bold; font-size: 1.3em; }
			#pitch h4.novini a, #pitch p a.novini { color: #FBB217; }
			#pitch h4.statii a, #pitch p a.statii { color: #E76E35; }
			#pitch h4.izdaniya a, #pitch p a.izdaniya { color: #5BB4C6; }
			#pitch h4.sbitiya a, #pitch p a.sbitiya { color: #964D9C; }
			#pitch h4.kalendar a, #pitch p a.kalendar { color: #BDD630; }
			#pitch h4.interact, #pitch p a.interact { color: #B4B4B4; }
		
		.pitch_teaser { font-size: .9em; }
		
	h4 { color: #fff; font-weight: bold; padding: 5px 15px; float: left; text-transform: uppercase; margin: 0 0 1px; }
		h4 a { color: #fff; }
	
	h3.blogtitle { margin: 0 0 7px; color: #64812C; }
		h3.blogtitle a { color: #64812C; }
	
	
	/* MENU */
	#menu { background: url(../images/site/menu.gif) no-repeat; padding: 0 0 0 20px; height: 72px; }
	#submenu { background: #404040; color: #fff; padding: 11px 10px 0; margin: 0 0 2px 1px; height: 23px; }
	#categories { height: 30px; margin: 0 0 5px; }
		#categories li { display: inline; list-style: none; }
			#categories li a { float: left; position: relative; margin: -8px 0 0 0; padding: 8px 30px 7px; font-size: 1.2em; font-weight: bold; color: #fff; text-transform: uppercase; }	
			#categories li span { float: left; background: url(../images/site/tab.gif) no-repeat right bottom; width: 7px; height: 23px; }
				#categories li .first { width: 10px; }
	.subcategories { clear: both; padding: 0 0 0 15px; }
		.subcategories li { display: inline; list-style: none; color: #fff; }
			.subcategories li a { float: left; margin: 0 30px 0 0; color: #fff; font-weight: bold; }
			.subcategories li a.current { color: #808080; background: #404040; }
	
	/* CENTRAL CONTENT BOX */
	#content { clear: both; background: #D8D7D5 url(../images/site/content.gif) repeat-y; padding: 20px 10px 10px; }
	
	/* MAIN CONTENT BOX */
	#main { float: left; width: 620px; padding: 0 0 0 25px; }
	
		/* inner content template */
		#breadcrumbs { margin: 0; font-weight: bold; height: 25px; font-size: .9em; }
			#breadcrumbs a { padding: 11px; margin: 0 5px; color: #5E5E5E; }
			#breadcrumbs a.current { color: #fff; }
		.inner h2 { color: #323C38; font-size: 2.4em; padding: 12px; margin: 0 0 20px; }
			.inner h2 a { color: #323C38; }
			.inner h2 em { color: #fff; }
			.inner h5.archive, #profile-left h5.archive { float: left; }
			.archive_col { float: left; width: 165px; }
				.archive_col input.submit { float: left; }
				.archive_button { padding: 12px 0 0 8px; }
			.inner .teaser { font-weight: bold; font-size: 1.2em; }
			
			/* div that holds the article */
			#article { line-height: 1.6em; }
				#article h2 { line-height: 1.3em; }
				/* clear floats on all headings inside article */
				#article h3, #article h4, #article h5 { clear: both; }
				#article h3 { margin: 0 0 10px; padding: 10px 0 0; color: #313131; }
				#article h5 { clear: both; font-size: 1.1em; color: #313131; margin: 0 0 10px; padding: 0; }
				#article p { margin: 0 0 12px; }
				#article a { color: #000; }
				.full-img { padding: 10px 0 5px; clear: both; }
				
			/* rss icon for RSS list page */
			.rss { background: url(../images/site/icon_rss.gif) no-repeat; padding: 0 0 0 20px; font-weight: bold; }
			
			/* small content image */
			.content_image { float: left; margin: 0 20px 10px 0; width: 150px; padding: 0 0 0 7px; background: url(../images/site/content_image_bg.gif) no-repeat left 154px; }
				.content_image img a { border: 0; }
			h4.content_image_title { position: relative; margin: -40px 0 0 -7px; width: 130px; font-size: 1.2em; color: #444; padding: 5px 8px; }
			
			/* content object embed */
			.embed_title { clear: both; padding: 8px 10px; margin: 0 0 0 -6px; font-size: 1.3em; font-weight: bold; width: 570px; }

			#event-info { background: #cdccca; border: 1px solid #a4a5a9; padding: 12px 12px 2px; margin: 0 0 20px; line-height: 1.6em; font-size: 1.1em; font-weight: bold; }
				#event-info span { float: left; clear: left; width: 80px; font-weight: normal; }
			
			/* author line */
			#author_line { font-size: .9em; background: #B6B6B6 url(../images/site/gbg.gif) repeat-x left bottom; padding: 10px 10px 6px; color: #fff; }
				#author_line p { margin: 0 0 5px; }
				#author_line p a, #author_line h3 a { font-weight: bold; color: #fff; }
				#author_lside { float: left; width: 275px; padding: 0 15px 0 0; border-right: 1px solid #C3C4C8; }
					#author_lside h3 { margin: 3px 0 6px; font-size: 1.9em; }
				#author_rside { float: right; width: 295px; padding: 8px 0 0; }
					#author_rside img { vertical-align: middle; margin: 0 0 0 5px; }
					#going_buttons { clear: both; padding: 5px 0 0; }
						.yes_big, .maybe_big { float: left; width: 108px; font-weight: bold; padding: 10px 0 0 15px; color: #5F5F5F; height: 28px; margin: 0 5px 0 0; background: url(../images/site/icon_go_big.gif) no-repeat; }
							.maybe_big { background: url(../images/site/icon_maybe_big.gif) no-repeat; }
							.yes_big:hover, .yes_big.current { color: #BDD630; }
							.maybe_big:hover, .maybe_big.current { color: #FB0092; }
					
			
			/* recommend */
			#recommend { background: #CDCCCA; padding: 15px 10px 5px; }
				#recommend input.text { float: left; width: 270px; padding: 8px 8px 8px 12px; }
				#recommend input.submit { width: 70px; text-align: center; }
				#recommend label { float: left; width: 180px; padding: 5px 0 0; }
			
			/* comment box */
			#comment_box { margin: 0 0 20px; }
				#comment_box h5 { float: left; }
				#comment_box div { padding: 10px; background: #CDCCCA; }
			
			/* unregistred user comment styles */
			#comment_form_unreg { clear: none; background: #fff; float: left; width: 380px; border-right: 1px solid #E5E5E3; }
			#come_on_register { clear: none; float: right; width: 170px; background: #fff; }
			.comment_unreg_fields { float: left; width: 170px; }
				.comment_unreg_fields input.text { width: 130px; }
				#comment_explain { clear: both; font-size: .9em; padding: 0 10px 0 10px; }
				
			/* comments */
			#comments {  }
				#comments h5 { float: left; }
				#comment_holder { clear: both; padding: 10px 10px 0; background: #CDCCCA;  }
				.comment { clear: both; border-bottom: 1px solid #B4B4B2; margin: 0 0 10px; }
					.comment.last { border: 0; }
				.comment .avatar {  }
				.comment_body { float: right; position: relative; width: 520px; padding: 3px 0 0; }
					.comment_body p { margin: 0 0 8px; }
					.comment_body.pm, #main-profile-box .comment_body { width: 425px; }
					#main-profile-box .comment_body { width: 400px; }
					#main-profile-box #comment_box div { padding: 10px 0; }
					
					#main-profile-box #comment_form_unreg { width: 320px; }
					#main-profile-box #comment_form_unreg textarea { width: 280px; }
					#main-profile-box #comment_form_unreg .comment_unreg_fields { width: 140px; }
					#main-profile-box #comment_form_unreg .comment_unreg_fields input.text { width: 120px; }
				.comment .info { font-size: .84em; color: #81817F; }
				
			/* pm menu */
			.heading-links { float: right; position: relative; font-size: .84em; }
				.heading-links a { color: #3F3F3F; background: #B4B4B4; padding: 4px 7px; margin: 0 0 0 3px; }
			
			/* general items for all lists */
			.item { border-bottom: 1px solid #B3B3B1; position: relative; margin: 0 0 5px; font-size: .9em; color: #464646; }
				.item.last { border: 0; margin: 0; }
			.item p  { padding: 3px 0 0; }
			#actions .item a { background: #B4B4B4; }
				#actions-interact .item a { background: #B4B4B4; }
			
			/* related box */
			#related { margin: 0 0 20px; }
				#related h5 { float: left; }
				#related div { clear: both; padding: 8px 10px; background: #CDCCCA; }
				#related p { border-bottom: 1px solid #A7A7A5; padding: 5px; margin: 0; }
				#related a { color: #555; font-size: 1.1em; font-weight: bold; }
					#related p.last { border: 0; }
				
		/* latest events box */
		#le { background: #BDD630; text-transform: none; }
		#latest_events { margin: 0 0 55px; height: 160px;}
			#events_image { float: left; width: 290px; overflow:hidden; height: 163px; }
			#events_holder1{width:290px; height:1000px; position: relative; }
			#events_holder2{width:290px; height:1000px; position: relative; }
			#events_holder3 {width:290px; height:1000px; position: relative; }
				.title-switcher { }
				.overlay { position: relative; color: #fff; font-weight: bold; padding: 5px 6px 6px; font-size: 1.2em; margin: -50px 0 0; height: 36px; background: #01AEF0; line-height: 1.3em; }
			#events_headlines { float: left; width: 296px; }
			.event { background: #B3B3B5; padding: 5px 7px 0 10px; height: 35px; margin: 0 0 1px; font-size: .9em; }
				.event a { color: #fff; }
				.event p { margin: 0; line-height: 1.4em; }
				.event_info { font-size: .9em; }
			#events_slide { float: right; background: url(../images/site/green_slide.gif); width: 33px; height: 163px; }
				#events_slide:hover { background-position: left bottom; }
			#hor_switch_wrap {width:586px; overflow: hidden; float:left; position:relative;}
				#hor_switch {width:1758px; height:163px; overflow:hidden; margin:0; position: relative;}
			.hor_switch_wrap_v {width:296px; overflow: hidden; float:left; position:relative;}
				#hor_switch_v {width:1184px; height:163px; overflow:hidden; margin:0; position: relative;}
			
			
		/* profile */
		#profile-left { float: left; width: 525px; padding: 0 25px; }
			.alert { background: #fff; padding: 10px 10px 1px 14px; margin: 0 0 15px; border-left: 3px solid #FBB217; font-size: .9em; }
				.alert h3 { margin: 0 0 10px; }
		#profile-lside { float: left; width: 200px; position: relative; min-width: 0; }
			#me { margin: 0 0 14px; font-weight: bold; font-size: .9em; color: #ddd; background: #A3A4A8; padding: 4px 7px; }
				#me a { color: #fff; }
				
				
			#calendar #me { float: right; padding: 11px; border-left: 2px solid #D8D7D5; }
			#calendar #profile-login  { float: right; width: 305px; background: none; height: 25px; padding-top: 8px; }
				#calendar #profile-login input.text { float: left; width: 100px; margin: 0 4px; }
				
			#profile-lside h1 { margin: 0 0 7px; }
		
			#profile-login { margin: 0 0 10px; background: #fff; padding: 6px; }
				#profile-login input.text { width: 137px; background: #eee; margin: 0 0 4px; padding: 5px; }
				#profile-login input.submit { background: #404040; padding: 4px 6px 3px; color: #fff; font-size: .84em; }	
			#profile-boxes { background: #B4B4B4; padding: 10px; }
				.profile-box { clear: both; margin: 0 -18px 0; padding: 10px 10px 18px; background: #FBB217 url(../images/site/profilebox.gif) no-repeat left bottom; }
					.profile-box p { margin: 0; }
					.profile-box h4 { font-size: 1em; font-weight: bold; color: #453C3D; padding: 0; margin: 0 0 7px; }
					.profile-box ul { clear: both; }
					#profile-tags { clear: both; }
						#profile-tags a { color: #fff; }
							#profile-tags a:hover { background: #C28A11; }
							#profile-tags a#all-tags { background: #D89A13; }
					.emphasize { padding: 3px 5px; background: #fff; color: #000; margin: 0 0 7px; font-weight: bold;  }
						.profile-box li { border-bottom: 1px solid #ECA816; padding: 3px 0; list-style: none; font-size: .9em; }
						.profile-box li a { color: #fff; }
						
			/* karma */
			#karma { clear: both; margin: 0 -18px 10px; padding: 2px 0 2px 2px; background: #fff url(../images/site/profilebox.gif) no-repeat left bottom; height: 27px; }
				#karma span { float: left; width: 20.3px; height: 20px; margin: 0 1px 0 0; }
				#c1.current { background: #FF3435; }
				#c2.current { background: #FF5D5E; }
				#c3.current { background: #FE5E5E; }
				#c4.current { background: #FF8685; }
				#c5.current { background: #FED681; }
				#c6.current { background: #FED681; }
				#c7.current { background: #A0C68D; }
				#c8.current { background: #68A24D }
				#c9.current { background: #529534; }
				#c10.current { background: #267C01; }

		#profile-rside { float: right; width: 160px; }
		#main-profile-box { background: #CDCCCA; padding: 10px; position: relative; min-width: 0; }
		
			#profile-menu { clear: both; margin: 0 0 20px; height: 30px; }
				#profile-menu li { display: inline; font-size: .84em; }
				#profile-menu li a { float: left; color: #3F3F3F; font-weight: bold; padding: 7px 4px; margin: 0 2px; }
					#profile-menu li a.current { background: #B4B4B4 url(../images/site/profile-tab.gif) no-repeat left bottom; padding: 7px 7px 10px 13px; }
						#profile-menu li a.current:hover { border: 0; }
					#profile-menu li a:hover { border-bottom: 2px solid #B4B4B4; }
					
		#profile-edit { }
			#profile-edit h2 { background: #ddd; padding: 13px; border-bottom: 1px solid #b3b3b3; margin: 0 0 25px; font-size: 1.2em; }
			#profile-edit .field { border-bottom: 1px solid #B3B3B3; padding: 0 0 10px; margin: 0 0 10px; }
			#profile-edit .field em { font-size: .84em; color: #808080; }
			#profile-edit label { float: left; position: relative; width: 160px; padding: 6px 0 0; font-size: 1.2em; }
			#profile-edit input.text, #profile-edit select, #profile-edit textarea { position: relative; background: #eee url(../images/site/editfield.gif) no-repeat left top; border: 0; padding: 7px 7px 7px 13px; width: 250px; margin: 0 4px 0 0; }
			#profile-edit input.submit { margin: 0 0 0 174px; }
			.left { float: left; }
			.terms { padding: 5px 0 10px 174px; font-size: .9em; font-weight: bold; }
				.terms input { float: left; position: relative; margin: 3px 10px 30px 0; }
				.field_divide { float: left; position: relative; padding: 4px 10px; font-weight: bold; font-size: 1.2em; }

		/* wassup */
		#wassup_holder { padding: 10px; background: #CDCCCA; clear: both; }
		
		/* profile status */
		h2#current_user_status { font-size: 1.5em; padding: 10px; margin: 0; }
		#user_status_holder { position: relative; min-width: 0; background: #B4B4B4; padding: 16px 12px; margin: 0 0 3px; }
			#status_edit { background: url(../images/site/icon_pen.gif) no-repeat; float: right; width: 18px; height: 18px; margin: 3px 1px 0 10px; }
				#status_edit:hover { background-position: left bottom; }
			#status_save { background: url(../images/site/icon_status_save.gif) no-repeat; float: right; width: 18px; height: 18px; margin: 3px 1px 0 10px; }
				#status_save:hover { background-position: left bottom; }
		#user_status_info input.text { width: 460px; padding: 3px; background: #C5C5C5; font-size: 1.6em; color: #464646; font-weight: bold; }
	
		#news { float: left; width: 350px; }
			.news { background: #CCCCCA; padding: 10px 10px 5px; margin: 0 0 20px; position: relative; }
			.news h3 { position: relative; min-width: 0; font-size: 1.4em; margin: -15px 0 15px -15px; padding: 5px; }
			.news h3 a { color: #fff; }
			.news .teaser_img { float: left; position: relative; margin: 0 15px 5px 0; }
			.news .teaser { color: #000; font-size: .9em; }
			.infoline { clear: both; border-top: 1px solid #fff; padding: 3px 0; color: #6B6B69; font-size: .84em; margin: 0; }
				.infoline a { color: #50504E; }
			.comments { background: url(../images/site/icon_comments.gif) no-repeat right 2px; padding: 0 13px 0 0; }
			
			#external_news { float: right; width: 255px; }
				.en { background: #CBCBC9; padding: 10px; margin: 0 0 10px; }
				.en h3 { font-size: 1.1em; margin: 0 0 3px; }
					.en h3 a { color: #555; }
				.en .teaser { font-size: .9em; color: #000; margin: 0 0 5px; }
				.en .link_short {margin-bottom:5px;}
				.en .infoline { border: 0; }
				.en .infoline img { margin: 0 8px 0 0; }
			
			#lcol { float: left; width: 295px; }
			#rcol { float: right; width: 295px; }
				.holder, #tagcloud { clear: both; padding: 10px; background: #CDCCCA; margin: 0 0 15px; }
					.holder a { color: #323232; font-weight: bold; }
				#lcol h5, #rcol h5 { float: left; }
				
				
				/* TAG CLOUD */
				#tagcloud { background: #B6B6B6 url(../images/site/gbg.gif) repeat-x left bottom; text-align: center; padding: 15px 0; }
					#tagcloud a { color: #fff; padding: 4px; margin: 3px 1px; position: relative; }
					#tagcloud a:hover { background: #B0AFAD; }
					.tiny { font-size: .9em; }
					.small { font-size: 1em; }
					.medium { font-size: 1.2em; }
					.large { font-size: 1.3em; font-weight: bold; }
					.huge { font-size: 1.4em; font-weight: bold; }
					
	/* GALLERY */
	.gallery { clear: both; width: 610px; height: 160px; background: #b2b2b2 url(../images/site/gallery_bg.gif) no-repeat right bottom; overflow:hidden; padding: 3px 10px 10px; }
		.gallery_holder { position:relative; top:0; left:0; width:10000px; height: 150px; }
		.gallery_holder img { margin-right: 20px; max-height: 150px; }
		
		.gal_ttl { background: #B2B2B2; padding: 5px 0; height: 41px; width: 630px; }
		h4.gallery_title { clear: both; margin: 0 0 0 -8px; width: 610px; font-size: 1.4em; color: #444; padding: 10px 10px 13px; background-image: url(../images/site/gallery_title.gif); background-repeat: no-repeat; background-position: left bottom; }
		
		.gallery_buttons  { float: right; position: relative; margin: -30px 10px 0 0; font-size: 1.4em; font-weight:bolder; z-index:20; text-align:center;}
		.gallery_buttons a { color: #4b3e45; border: 4px solid transparent; padding: 7px 9px; margin: 0 0 0 5px; color: #4b3e45; }
		.gallery_buttons a:hover { border: 4px solid #fff; }
	
	
	/* CALENDAR */
	#calendar { width: 932px; padding: 0 0 0 25px; }
		#calendar-breadcrumbs { background: #C9C9C7; padding: 10px; font-weight: bold; }
		#calendar h2 { float: left; padding: 4px 10px 0; margin: 0 0 13px; }
		
		#calendar-search { float: right; border-left: 1px solid #ddd; padding: 0 0 0 20px; width: 695px; height: 35px; text-align: right; }
			#calendar-search span { float: left; padding: 6px 0 0 20px; font-size: 1.3em; font-weight: bold; margin: 0 10px 0 7px; }
			#calendar-search select.text, #calendar-search input.text { background: #eee url(../images/site/csearch-input.gif) no-repeat; padding: 7px 7px 7px 10px; width: 142px; float: left; margin: 0 5px 0 0; }
			#calendar-search select.text { padding: 6px 7px 6px 10px; }
			#calendar-search input.submit { background: #eee url(../images/site/csearch-input.gif) no-repeat; padding: 7px 7px 6px 14px; }
		#c-line { clear: both; border-bottom: 1px solid #b8b8b8; margin: -4px 0 10px; }
		.calendar-box { clear: both; background: #b2b2b2 url(../images/site/gallery_bg.gif) no-repeat right bottom; padding: 10px 10px 50px; height: 470px; }
		
		#loader1 { float: left; width: 910px; }
	
		.c-col { float: left; width: 220px; padding: 0 10px 0 0; }
			.c-col.last { padding: 0; }
		.c-event { padding: 11px; height: 73px; overflow: hidden; background: #A4A4A4; margin: 0 0 20px; border: 3px solid #A4A4A4; }
			.c-event.featured { background: #fff url(../images/site/event_featured.gif) no-repeat left bottom; padding: 0; margin: 0 0 11px -19px; border: 0; height: 229px; }
				.c-event.featured img { margin: 0 0 4px 0; border: 1px solid #fff; }
				.c-event.featured a { color: #333; }
			
			.c-event.red { border-color: #BDD630; }
			.c-event.green { border-color: #FB0092; }
			
			.c-event.permanent { height: 194px; }
			
			.c-event.em { border-color: #BDD634; }

			.ce-options { margin: -22px 0 0 132px; position: absolute; }
				.c-event.featured .ce-options { margin: -8px 0 0 165px; }
				.ce-options span { float: left; background: url(../images/site/event_options.gif) no-repeat; width: 6px; height: 10px; }
				.ce-options .btns { float: left; background: #fff; padding: 7px 5px; }
			
				.ev-add { float: left; width: 9px; height: 13px; margin: 0 6px; background: url(../images/site/ev-add.gif) no-repeat;}
				.ev-go { float: left; width: 13px; height: 13px; margin: 0 6px; background: url(../images/site/ev-go.gif) no-repeat; }
								
				.ev-add:hover, .ev-add.current, .ev-go:hover, .ev-go.current { background-position: left bottom; }
				
			.cal-type { text-transform: uppercase; color: #eee; margin: 0 0 4px; font-weight: bold; }
			.c-event h3 { clear: both; font-size: 1.2em; color: #fff; margin: 0 0 5px; height: 33px; overflow: hidden; }
			.cal-info { font-size: .9em; font-weight: bold; color: #ccc; }
			
			.c-event.featured .cal-type { padding: 0 0 0 10px; color: #808080; }
			.c-event.featured h3 { padding: 0 0 0 10px; }
			.c-event.featured .cal-info { padding: 0 0 0 10px; color: #808080; }
			
			.c-event a { color: #fff; }
		
		#classic-view { float: left; min-width: 0; position: relative; margin: -8px 0 0 -14px; background-image: url(../images/site/classic-view.gif); background-position: left bottom; background-repeat: no-repeat; padding: 5px 20px 0 15px; font-weight: bold; height: 25px; }
		
		.calendar_buttons  { float: right; position: relative; margin: -30px 0 0 0; padding: 0 20px 0 0; font-size: 1.4em; font-weight: bolder; z-index:20; text-align:center;}
		.calendar_buttons a { color: #4b3e45; position: relative; border: 4px solid; padding: 7px 9px; margin: 0 0 0 5px; color: #4b3e45; }
			.calendar_buttons a.disabled { background: #C9C8C6; color: #eee; }
				.calendar_buttons a.disabled:hover { border: 4px solid #C0BFBD; }
		.calendar_buttons a:hover { border: 4px solid #fff; }
		
		.bookmark_icons { float: right; position: relative; }
			.bookmark_icons img { margin: 0 0 0 3px; }
		.icon_delete { margin: 0 0 0 20px; }

	/* pagination */
	#paginator { }
		.paginator { background: #ccc; padding: 3px 8px; margin: 0 1px 0 0; }
			.paginator:hover { background: #A2A3A7; }
		.paginator.current { background: #fff; font-weight: bold; }
		
		
	/* SIDEBAR */
	#side { float: right; width: 300px; margin: 0 0 20px; }
		
		/* login box */
		#loginbox { background: #A3A4A8; padding: 10px 8px 4px; margin: 0 0 10px; }
			#loginbox span { font-size: 1.3em; color: #fff; font-weight: bold; }
			#loginbox span a { color: #fff; }
			#loginbox a { color: #ddd; font-weight: bold; }
		#loginbox input.text { width: 100px; float: left; background: #fff; border: 0; margin: 0 4px 0 0; padding: 3px; }
		#loginbox input.submit, #search_engine input.submit { float: right; background: #404040; padding: 3px 5px 2px; color: #fff; font-size: .84em; }
		#loginform p { padding: 5px 0 1px; margin: 0; font-size: .9em; color: #CFD1D6; }
		#logged { line-height: 1.5em; padding: 4px 0 0; }
		#logged a { font-size: .9em; }
		
		/* icons */
		#side .icons { margin: 0 0 10px; font-size: .84em; }
			#side .icons img { vertical-align: middle; margin: 0 3px 0 10px; }
		
		/* search form */
		#search_engine { background: #A3A4A8; padding: 8px; margin: 0 0 10px; }
		#search_engine input.text { width: 219px; margin: 0 4px 0 0; float: left; background: #fff; border: 0; padding: 3px; }
		#search_engine input.submit { float: right;  }
		#search-error { clear: both; padding: 6px 0 0; font-size: .9em; margin: 0; }
		
		/* search results */
		
		.search_results li { font-weight: normal; }
		.search_results li span { font-weight: normal; padding: 5px 0 0; }
		
		#side300x250 { margin: 0 0 10px; }
		
		/* audio player */
		#audioplayer { }
		
		/* popular content box */
		#popular { margin: 0 0 15px; }
			#popular h5 { float: left; margin: 0 1px 1px 0; }
			#pop-hold { background: #CDCCCA; padding: 5px 10px 10px; clear: both; }
			#popular ul { }
				#popular li, .top li { list-style: none; font-weight: bold; border-bottom: 1px solid #A9A8A6; padding: 4px 3px; margin: 0; }
				#popular li a, .top li a { color: #606060; }
			
		/* pool box */
		#poll { margin: 0 0 15px; }
			#poll h5 { float: left; margin: 0 1px 1px 0; }
			.pollhold  { background: #CDCCCA; padding: 10px 10px 15px; }
			.intext { border: 1px solid #C0C0C0; }
			#poll h4 { padding: 6px 0 15px 0; font-size: 1em; color: #606060; }
			.poll_item { clear: both; font-size: .9em; margin: 0 0 6px; }
				.poll_item span { }
				.poll_item input { float: left; margin: 0 5px 0 0; }
			.poll_cont { margin: 0 0 15px; clear: both; }
				.bar { clear: both; width: 275px; height: 15px; font-size: .1px; padding: 1px; border: 1px solid #BDBCBA; margin: 0 0 2px; }
				.perc { background: #BBD649; height: 15px; }
			.answer { font-size: .84em; margin: 0 0 6px; color: #656565; }
			.poll-button { background: url(../images/site/submitbg.gif) no-repeat left bottom; color: #505050; padding: 8px 13px 7px 20px; font-weight: bold; text-transform: uppercase; font-size: .9em; }
			
			
		#side h5.caption { padding: 5px 10px; }
		#side h5.caption a { color: #000; }
		.featured_sidebar { clear: both; padding: 4px; background: #CDCCCA; font-size: .9em; margin: 0 0 10px; }
			.featured_sidebar .border{ border: 2px solid #fff; margin: 0 0 5px; }
			.featured_sidebar .avatar { margin: 0 7px 7px 0; }
			.fs_teaser { padding: 0 5px; margin: 0 0 5px; }
			
	
	/* user */
	.avatar { float: left; margin: 0 10px 5px 0; background: url(../images/site/small_avatar_bg.gif) no-repeat; padding: 5px 11px 5px 5px; }
	.friends-avatar { border: 4px solid #fff; position: relative; float: left; margin: 0 5px 5px 0; }
	.bigavatar { border: 2px solid #fff; margin: 0 0 5px; }
	.change_avatar { float: left; background: url(../images/site/change_avatar.gif) no-repeat; position: relative; min-width: 0; margin: -26px 0 0 8px; width: 103px; height: 18px; padding: 3px 0 0; font-weight: bold; font-size: .9em; text-align: center; }
	.remove { display: none; }
	
	/* FOOTER */
	#prefooter { clear: both; margin: 0; background: #A2A3A7 url(../images/site/content.gif) repeat-y; padding: 12px 0 12px 35px; color: #eee; font-weight: bold; font-size: .94em; text-transform: uppercase; }
		#prefooter a { color: #fff; }
	#footer { clear: both; background: url(../images/site/footer.gif) no-repeat right bottom; padding: 15px 0 0 35px; height: 170px; margin: 0 0 1px; }
		#footer div { float: left; width: 120px; }
		#footer #general { width: 220px; font-size: 1.1em; }
			#footer ul { clear: both; }
			#footer li { font-weight: bold; font-size: .84em; text-transform: uppercase; list-style: none; padding: 0 0 3px; }
			#footer li a { color: #888888; }
		#footer h5 { text-transform: uppercase; font-size: 1em; float: left; padding: 5px 12px; margin: 0 0 10px; }
		#footer_line { clear: both; position: relative; background: url(../images/site/footer-line.gif) no-repeat; padding: 15px 0; height: 10px; }
	
	/* FORMS */
	fieldset { border: 0; }
	label { display: block; font-size: .9em; font-weight: bold; font-size: 1.2em; color: #555; margin: 0 0 4px 10px; }
	input.text, textarea, select { display: block; font: .9em Arial, Sans-Serif; width: 350px; padding: 3px 3px 3px 10px; background: #fff url(../images/site/fieldbg.gif) no-repeat left bottom; border: 0; }
	input.submit { cursor: pointer; background: url(../images/site/submitbg.gif) no-repeat left bottom; color: #505050; border: 0; padding: 8px 13px 7px 20px; font-weight: bold; text-transform: uppercase; font-size: .9em; }
	select.small { width: 160px; }
	textarea { height: 110px; margin: 0 0 5px; }
	.explain { font-size: .9em; color: #777; margin: -8px 0 14px; padding: 0 0 0 9px; font-style: italic; }
	.radio { font-size: .9em; font-weight: bold; padding: 4px 10px 0; }
	.error { color: #761919; margin: 0 0 5px; }

	/* general category colors */
	.home { background-color: #404040; }
		a.home:hover { background-color: #2B2B2B; }
	.novini, #novini #article a { background-color: #FBB217; }
		a.novini:hover, #novini #article a:hover { background-color: #EBA715; }
	.statii, #statii  #article a { background-color: #E76E35; }
		a.statii:hover, #statii #article a:hover  { background-color: #D35D23; }
	.izdaniya, #izdaniya #article a{ background-color: #5BB4C6; }
		a.izdaniya:hover, #izdaniya #article a:hover  { background-color: #54A6B6; }
	.sbitiya, #sbitiya #article a { background-color: #964D9C; }
		a.sbitiya:hover, #sbitiya #article a:hover  { background-color: #824387; }
	.kalendar, #kalendar #article a { background-color: #BDD630; }
		a.kalendar:hover, #kalendar #article a:hover  { background-color: #ACC22B; }
	.interact { background-color: #B4B4B4; }
		a.interact:hover { background-color: #A9A9A9; }
	
	.general { background-color: #B4B4B4; }
	.archive { background: #fff; color: #000; position: relative; font-weight: bold; padding: 4px 10px; }
	.caption { background: #FDED01; color: #000; font-weight: bold; padding: 4px 10px; }