@import url(/assets/stylesheets/reset.css);
@import url(/assets/stylesheets/tripoli.css);

html { background: #000 url(/assets/images/background.gif) 50% 0 repeat-y; height: 100%; }
body { background: #000; color: #fff; font-family: Verdana, Tahoma, sans-serif; min-height: 100%; display: block; }
.content { font-size: 13px; line-height: 15.6px; }
	h2 { font-size: 13px; font-weight: 400; text-transform: uppercase; margin-left: 11px; }
	.content h3 { font-size: 13px; font-weight: 400; margin: 0; }
		.content h3 strong { display: block; font-weight: 400; color: #f00; }
	.content h4 { color: #fff; font-size: 13px; font-weight: 400; margin-top: 0; }

#top_border { position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid #fff; height: 53px; opacity: 0.7; }
#bottom_border { position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid #fff; height: 628px; opacity: 0.7; }
#frame, #content { width: 760px; height: 606px; margin: 0 auto; border: 1px solid #fff; position: relative; border-bottom: 0; top: 22px; }
#content { background-image: url(/assets/images/background-30.png); border-color: rgba(255,255,255,0.7); }
	#branding { width: 100%; text-align: center; }
	#wrapper { position: absolute; width: 760px; height: 575px; left: 50%; margin-left: -384px; top: 33px; border: 1px solid #f00; border-bottom: 0; border-color: rgba(255,0,0,0.7); }
	#frame > #wrapper { top: 33px; }

	#navigation { position: absolute; width: 766px; left: 50%; margin-left: -384px; top: 609px; font-size: 12px; }
		#navigation ul { width: 763px; border-top: 1px solid #f00; border-bottom: 0; border-color: rgba(255,0,0,0.7); }
			#navigation li { position: relative; }
			#navigation > ul > li { float: left; width: 141px; margin-right: 12px; border: 1px solid #f00; border-top: 0; border-color: rgba(255,0,0,0.7); }
			#navigation li.last { margin-right: 0; width: 140px; }
				#navigation li.last a { margin-right: -2px; }
			#navigation a { text-decoration: none; }
				#navigation > ul > li > a { display: block; padding: 3px 8px; line-height: 22px; border: 1px solid #fff; border-top: 0; text-transform: uppercase; color: #fff; position: relative; top: -4px; left: 2px; border-color: rgba(255,255,255,0.7); }
				#navigation > ul > li > ul { display: none; position: absolute; left: -1px; bottom: 28px; width: 100%; border: 1px solid #f00; padding: 2px 0 8px; background: #000; opacity: 0.7; }
				#navigation > ul > li:hover > ul { display: block; }
					#navigation > ul > li > ul a { display: block; color: #fff; padding: 3px 8px; }
			#navigation a:hover { text-shadow: 0 0 5px #fff; }
	
		.short-content { width: 619px; height: 247px; padding: 20px 30px; margin: 155px auto 0; border: 1px solid #fff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-image: url(/assets/images/background-70.png); }
		.short-double-content { width: 619px; height: 463px; padding: 20px 30px; margin: 30px auto 0; border: 1px solid #fff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-image: url(/assets/images/background-70.png); }
		.tall-content { width: 619px; height: 463px; padding: 20px 30px; margin: 30px auto 0; border: 1px solid #fff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-image: url(/assets/images/background-30.png); }
vid-content { width: 619px; height: 463px; padding: 20px 30px; margin: 30px auto 0; border: 1px solid #fff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-image: url(/assets/images/background-30.png); }			

.tall-content > h2 { margin-top: -40px; }
			.left-content { float: left; width: 300px; margin-right: 19px; }
				.left-content .content { border: 1px solid #f00; margin-top: 6px; padding: 10px 10px 0; }
				.tall-content .left-content .content { border: none; }
				
				.tall-content .left-content h3 { text-transform: uppercase; text-align: right; position: relative; padding-bottom: 3px; }
			.right-content { float: left; width: 300px; }
				.right-content .content { border: 1px solid #fff; margin-top: 7px; padding: 10px 10px 0; position: relative; }
			.tall-content .right-content { margin-top: 25px; }
				
				.tall-content .right-content .content { border: none; background-image: url(/assets/images/background-70.png); height: 409px; padding-right: 50px; overflow: auto; }
			
			.short-double-content .left-content { margin-bottom: 30px; padding-bottom: 20px; }
				.short-double-content .left-content .content { border-color: #fff; }
			.short-double-content .right-content { margin-bottom: 30px; padding-bottom: 20px; }
			
		.single-content { width: 300px; margin: 80px auto 0; }
			.single-content .main-content { border: 1px solid #fff; padding: 2em 1em 1em; background-image: url(/assets/images/background-30.png); height: 386px; }
			
			.single-content h2 { margin: -80px 0px 60px -200px; font-size: 1em; }
			
			img.news_item { float: right; border: 1px solid #fff; width: 66px; height: 66px; margin-bottom: 1em; }
			
			.content .extra { position: absolute; bottom: 0; left: 0; }
				.content .extra ul { margin-left: 0; list-style-type: none; }
					.content .extra ul a { display: block; padding: 0 10px; color: #fff; }
					.content .extra ul a:hover { text-shadow: 0 0 5px #fff; }
			
			.content dl { margin: 1em 0 3em; }
				.content dt { color: #f00; margin: 2em 0 1.355em; display: block; }
				.content dd { display: block; }

	#media_carousel { height: 223px; margin-top: 50px; position: relative; }
		#media_items { height: 233px; position: relative; list-style-type: 0; margin: 0; padding: 0; }
			#media_items li { position: absolute; top: 0; left: 50%; margin-left: -400px; width: 250px; height: 223px; }
				#media_items li img { display: block; width: 100%; height: 100%; }
		
		#media_controls { position: absolute; bottom: -25px; left: 50%; width: 250px; margin-left: -125px; }
			#media_controls .next_control { position: absolute; top: 0; right: 0; }
			#media_controls .back_control { position: absolute; top: 0; left: 0; }
			#media_controls .play_control { position: absolute; top: 0; left: 120px; }


body#home { background: #000 url(/assets/images/homepage/background.jpg) 50% 0 no-repeat; }
	#home #frame { border: 0; width: auto; max-width: 1023px; top: 0; }
	body#home #navigation { margin-top: 22px; }
		#home #logo { position: absolute; left: 0; top: 280px; width: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center; }

		body#home .right-content .content p { clear: both; }

body#artists { background: #000 url(/assets/images/artists/background.jpg) 50% 0 no-repeat; }
body#news { background: #000 url(/assets/images/news/background.jpg) 50% 0 no-repeat; }
body#contacts { background: #000 url(/assets/images/contacts/background.jpg) 50% 0 no-repeat; }
body#media { background: #000 url(/assets/images/music/background.jpg) 50% 0 no-repeat; }