/* CssTweak - Reset */
* {margin: 0; padding: 0; /*border:1px solid red;*/}
img {border: 0; font-size: 0; line-height: 0;}
fieldset {border: 0;}
a {color: #000; outline: 0;}
a:hover {text-decoration: none;}
h1 {font-size: 1.125em; margin: 0 0 10px}
table {border:0; border-collapse:collapse; border-spacing:0;}
.clear {clear:both; font-size: 0; line-height: 0;}
.left {float: left;}
.right {float: right;}   
.left, .right {display: inline;} 
.no-image {background-image: none !important;}

body {background: url('../images/background-pattern.jpg') 0 0 repeat; color: #000; font: normal 100% arial,verdana,tahoma,sans-serif; margin: 0 auto; text-align: center;}

/* Grid */
#grid {direction: rtl; margin: 0 auto; padding: 0 0 20px; text-align: right; width: 906px;}

	/* Illustrations */
	.illustration-top-right, .illustration-top-left, .illustration-bottom-left, .illustration-middle-bottom-left, .illustration-middle-bottom-line, .illustration-footer-middle, .illustration-footer-right {background: url('../images/illustrations.png') 0 0 no-repeat; display: none; position: absolute; z-index: 3;}
	.illustration-top-right {background-position: -534px 0; height: 424px; right: 0px; top: 0px; width: 654px;}
	.illustration-top-left {background-position: -325px -230px; height: 201px; left: 0; top: 0; width: 207px;}
	.illustration-bottom-left {background-position: 0 0; height: 475px; left: 0px; width: 325px;}
	.illustration-middle-bottom-left {background-position: -1188px 0; height: 189px; left: -102px; bottom: -77px; width: 429px;}
	.illustration-middle-bottom-line {background-position: -534px -424px; height: 3px; bottom: 0; right: 0; width: 575px;}
	.illustration-footer-middle {background-position: -325px 0; bottom: 10px; height: 229px; left: 220px; width: 209px;  z-index: 1;}
	.illustration-footer-right {background-position: -1617px 0; bottom: -2px; height: 264px; right: -108px; width: 106px;}
	
	/* GridImage */
	.newsletter, .signup span.field, .signup .button, .register span, .register .button, .contact span, .contact .button, .thanku, .search, .coming-shows li, .coming-shows #csNav a, .promo-shows a:hover, .artists-list .list li a:hover, .pagination li a, .shows .top, .shows .bottom, .links .top, .links .bottom {background: url('../images/grid.png') 0 0 no-repeat;}
	
	/* RepeatBG */
	.links .cover, .shows ul {background: url('../images/repeat-bg.png') 0 0 repeat-y;}
	
	/* PlayButton */
	.songs ul li a, .videos ul li a:hover {background: url('../images/play.png') 0 0 no-repeat}

	/* Width */
	.top-bar, .main-content, .footer {width: 902px;}
	
	/* Relative */
	#grid, .top-bar, .main-content, .right-side, .middle, .shows-slide .cover, .promo-shows a, .artists-list .list li a, .side, .videos ul li, .content, .left-side, .coming-shows, .footer, .copy, .fmenu {position: relative;}
	
	/* Opacity */
	.opacity {background-color: #fff; display: block; filter:alpha(opacity=70); height: 100%; opacity:0.7; position: absolute; right:0; top: 0px; width: 100%; z-index: 2;}
	
	/* Header */
	.header {background: url('../images/headers.png') 0 0 no-repeat; height: 20px; margin: 0 0 10px;}
	.header span {display: none;}
	.hnewsletter {background-position: 0 0; width: 128px;}
	.hpromo {background-position: -128px 0; width: 113px;}
	.hcoming-shows {background-position: -241px 0; width: 113px;}
	.hshows {background-position: -299px 0; width: 55px;}
	.hlinks {background-position: -354px 0; width: 48px;}
	.hsongs {background-position: -402px 0; height: 27px; width: 133px;}
	.hvideo {background-position: -534px 0; width: 64px;}
	.hsocial {background-position: -598px 0; width: 72px;}
	.hartists {background-position: -670px 0; width: 46px;}  
	.hreg {background-position: -716px 0; width: 117px;}
	.hstaff {background-position: -833px 0; width: 82px;}
	.hgallery {background-position: -915px 0; width: 108px;}
	.harticles {background-position: -1209px 0; width: 90px;}
	.hmarticles {background-position: -1023px 0; width: 106px;}
	.hcontact {background-position: -1129px 0; width: 80px;}
	.hmshows {background-position: -1299px 0; width: 112px;}

	/* TopBar */
	.top-bar {background: url('../images/top-bar.png') 0 100% no-repeat; height: 160px; margin: 0 2px 0; top: 10px;}
		
		/* Logo */
		.logo, .logo img {display: block; height: 160px; width: 230px;}
		.logo {position: absolute; font-size: 0; line-height: 0; right: -13px; top: 12px; z-index: 3;}
		
		/* Menu */
		.menu, .menu li, .menu li a {height: 77px;}
		.menu {bottom: 13px; right: 196px; position: absolute; width: 713px; z-index: 4;}
		.menu li {float: right; list-style-type: none;}
		.menu li a {background: url('../images/menu.png') 0 0 no-repeat; display: block; overflow: hidden; text-decoration: none; text-indent: -99em;}
		.menu li.link-1, .menu li.link-1 a {background-position: 0 0; width: 86px;}
		.menu li.link-1 a:hover, .menu li.link-1 a.current {background-position: 0 -77px;}
		.menu li.link-2, .menu li.link-2 a {background-position: -86px 0; width: 90px;}
		.menu li.link-2 a:hover, .menu li.link-2 a.current {background-position: -86px -77px;}
		.menu li.link-3, .menu li.link-3 a {background-position: -176px 0; width: 90px;}
		.menu li.link-3 a:hover, .menu li.link-3 a.current {background-position: -176px -77px;}
		.menu li.link-4, .menu li.link-4 a {background-position: -266px 0; width: 91px;}
		.menu li.link-4 a:hover, .menu li.link-4 a.current {background-position: -266px -77px;}
		.menu li.link-5, .menu li.link-5 a {background-position: -357px 0; width: 82px;}
		.menu li.link-5 a:hover, .menu li.link-5 a.current {background-position: -357px -77px;}
		.menu li.link-6, .menu li.link-6 a {background-position: -439px 0; width: 97px;}
		.menu li.link-6 a:hover, .menu li.link-6 a.current {background-position: -439px -77px;}
		.menu li.link-7 {height: 34px; left: 0; position: absolute; top: -30px;}
		.menu li.link-7 a {background-position: -536px 0; height: 34px; width: 60px;}
        .menu li.link-7 a:hover {background-position: -536px -34px;}
		.menu li.link-8, .menu li.link-8 a {background-position: -596px 0; width: 84px; margin: 0 0 0 1px;}
		.menu li.link-8 a:hover, .menu li.link-8 a.current {background-position: -596px -77px;}
		.menu li.link-9, .menu li.link-9 a {background-position: -680px 0; width: 84px; margin: 0 0 0 1px;}
		.menu li.link-9 a:hover, .menu li.link-9 a.current {background-position: -680px -77px;}
		
		/* Mp3Player */
		.mp3-player, .mp3-player a {background: url('../images/mp3player.png') 0 0 no-repeat;}
		.mp3-player {background-position: 0 0; bottom: 76px; left: 505px; height: 73px; position: absolute; overflow: hidden; width: 176px; z-index: 5;}		
		.mp3-player .now-playing {cursor: default; font-size: 0.75em; height: 20px; overflow: hidden; position: absolute; right: 10px; top: 15px; width: 150px}
		.mp3-player .now-playing span {white-space: nowrap;}
		.mp3-player a {display: block; height: 15px; position: absolute; top: 35px; width: 20px;}
		.mp3-player a.play {background-position: 0 -80px; left: 20px;}
		.mp3-player a.pause {background-position: -20px -80px; left: 20px;}
		.mp3-player a.stop {background-position: -40px -80px; left: 47px;}
		.mp3-player a.prev {background-position: -60px -80px; left: 75px;}
		.mp3-player a.next {background-position: -80px -80px; left: 105px;}
		.mp3-player a.mute {background-position: -120px -80px; left: 135px; z-index: 2;}
		.mp3-player a.max {background-position: -100px -80px; left: 135px; z-index: 1;}
		
	/* MainContent */
	.main-content {border: 2px solid #4a4b4e; border-bottom: 0; padding: 40px 0 20px;}
	
		/* RightSide */
		.right-side {margin: 0 15px 0 0; width: 165px;}  
		
			/* Newsletter */
			.newsletter {height: 256px; margin: 0 0 20px; padding: 20px 20px 0; width: 125px; zoom: 1}
			
			    /* SignUp */
			    .signup {height: 162px; overflow: hidden;}
			    .signup h3 {margin: 0 0 5px;}
			    .signup span.field {background-position: -170px 0; display: block; height: 23px; margin: 0 0 5px; width: 118px;}
			    .signup span.field input {background-color: transparent; border: 0; font: 0.75em arial,verdana,tahoma,sans-serif; height: 17px; padding: 3px 10px; width: 98px;}
			    .signup p {font-size: 0.75em; padding: 5px 0;}
			    .signup p label {cursor: pointer;}
			    .signup .button {background-color: transparent; background-position: 0 -325px; border: 0; cursor: pointer; font: 0.75em arial,verdana,tahoma,sans-serif; height: 23px; text-align: center; width: 60px;}
    			
			    /* Social */
			    .social h3 {clear: both; margin: 0 0 5px;}
                .social ul {width: 130px;}
			    .social ul li {display: inline; float: right; font-size: 0.75em; list-style-type: none; margin: 0 5px 5px;}
			    .social ul li a {background: url('../images/social.png') 0 0 no-repeat; display: inline-block; height: 16px; line-height: 16px; padding: 0 20px 0 0; text-decoration: none;}
			    .social ul li a:hover {text-decoration: underline;}
			    .social ul li.facebook a {background-position: 100% 0;}
			    .social ul li.myspace a {background-position: 100% -16px;}
			    .social ul li.twitter a {background-position: 100% -32px;}
			.social ul li.youtube a {background-position: 100% -48px;}
			
			/* PromoText */
			.promo-text {font-size: 0.75em; width: 165px;}
			
			/* Links */
			.links, .links .top, .links .bottom, .links .cover {width: 147px;}
			.links .top, .links .bottom {font-size: 0; height: 15px; line-height: 0;}
			.links .top {background-position: -170px -201px;}
			.links .bottom {background-position: -170px -217px;}
			.links .cover {background-position: -140px 0; font-size: 0.75em; font-weight: bold; line-height: 1.4em; list-style-type: none; padding: 0 10px 10px; width: 127px;}
			.links .cover a {color: #403f3f; display: block; margin: 0 0 5px;}
	
		/* Middle */
		.middle {margin: 0 15px 0 0; width: 500px;}
		
			/* ShowsSlide */
			.shows-slide, .shows-slide .cover {border: 2px solid #474747;}
			.shows-slide {background-color: #fff; margin: 0 0 15px; padding: 5px; width: 486px;}
			.shows-slide .cover {height: 258px; overflow: hidden; width: 482px;}
			.shows-slide .nav, .shows-slide .container {height: 258px; position: absolute; top: 0;}
			
				/* ShowsSlide > Nav */			
				.shows-slide .nav {right: 0; width: 165px;}
				.shows-slide .nav li, .shows-slide .nav li a {height: 50px; width: 165px;}
				.shows-slide .nav li {border-bottom: 2px solid #474747; line-height: 1em; list-style-type: none;}
				.shows-slide .nav li a {cursor: pointer; display: block; font-size: 0.75em; text-decoration: none;}
				.shows-slide .nav li a img {border: 1px solid #000; float: right; height: 40px; margin: 4px; width: 49px;}
				.shows-slide .nav li a span {float: right; margin: 2px 0 0 0; height: 49px; overflow: hidden; width: 100px;}
				.shows-slide .nav li:last-child {border: 0;}  
				.shows-slide .nav li.activeSlide a {background-color: #f5d72b;}
			
				/* ShowsSlide > Container */
				.shows-slide .container {left: 0;}
				.shows-slide .container, .shows-slide .container img {height: 258px; width: 315px;}
				.shows-slide .container {border-right: 2px solid #474747;}
				.shows-slide .container #showsSlide div {display: none;}
				.shows-slide .container img {display: block; position: absolute; right: -315px; top: 0; z-index: 6;}
				.shows-slide .container .opacity, .shows-slide .container a {position: absolute; right: -315px; top: 208px;}
				.shows-slide .container .opacity {background-color: #000; filter:alpha(opacity=50); height: 50px; opacity:0.5; width: 315px; z-index: 7;}
				.shows-slide .container a {color: #fff; display: block; font-size: 0.75em; height: 40px; padding: 5px; text-decoration: none; width: 305px; z-index: 8;}
				.shows-slide .container a strong {display: block; font-size: 1.25em; line-height: 1em;}
				.shows-slide .container a span {color: #a4a4a4;}
			
			/* PromoShows */
			.promo-shows {width: 500px;}
			.promo-shows a {color: #fff; display: inline; float: right; height: 105px; margin: 0 0 0 1px; text-decoration: none; width: 124px;}
			.promo-shows a:hover {background-position: -170px -95px;}
			.promo-shows a img, .promo-shows a strong, .promo-shows a span {display: block; overflow: hidden; position: absolute;}
			.promo-shows a .opacity {background-color: #000; filter:alpha(opacity=50); height: 25px; opacity:0.5; right: 12px; top: 67px; z-index: 2;}
			.promo-shows a img {border: 2px solid #474747; height: 80px; right: 10px; top: 10px; width: 100px; z-index: 1;}
			.promo-shows a strong, .promo-shows a span {padding: 0 3px 0 0; width: 97px;}
			.promo-shows a strong {font-size: 0.6875em; font-weight: normal; top: 68px; right: 12px; z-index: 3;}          
			.promo-shows a span {font-size: 0.6275em; top: 79px; right: 12px; z-index: 3;}
			
			/* ArtistsList */
			.artists-list, .artists-list .list {width: 500px;}
			.artists-list .list li, .artists-list .list li a {height: 95px; width: 117px;}
			.artists-list .list li {display: inline; float: right; list-style-type: none; margin: 4px;}
			.artists-list .list li a {color: #fff; display: block; text-decoration: none;}
			.artists-list .list li a:hover {background-position: -226px -258px;}
			.artists-list .list li a img, .artists-list .list li a strong {position: absolute;}
			.artists-list .list li a img {border: 2px solid #474747; display: block; height: 80px; right: 6px; top: 5px; width: 100px; z-index: 1;}
			.artists-list .list li a .opacity, .artists-list .list li a strong {height: 30px; top: 57px; right: 8px; width: 100px;}
			.artists-list .list li a .opacity {background-color: #000; filter:alpha(opacity=50); opacity:0.5; z-index: 2;}
			.artists-list .list li a strong {font-size: 0.875em; line-height: 30px; overflow: hidden; text-align: center; z-index: 3;}
			
			/* ShowsList */
			.shows-list, .shows-list .list, .shows-list .list li {width: 500px;}
			.shows-list .list li {list-style-type: none; margin: 0 0 10px;}
			.shows-list .list li a {display: inline; float: right; margin: 5px 5px 0 10px;}
			.shows-list .list li a img {border: 2px solid #474747; display: block; height: 80px; width: 100px;}
			.shows-list .list li div a {float: none; margin: 0; text-decoration: none;}
			.shows-list .list li div a:hover {text-decoration: underline;}
			.shows-list .list li div {display: inline; float: left; font-size: 0.75em; margin: 10px 0 0; width: 380px;}
			.shows-list .list li div strong {font-size: 1.125em;}
			
			/* Pagination */
			.pagination {width: 500px;}
			.pagination li {display: inline; font-size: 0.875em; float: right;}
			.pagination li, .pagination li a {width: 16px;}
			.pagination li a {display: block; height: 18px;}
			.pagination li a span {display: none;}
			.pagination li.prev a {background-position: -209px -258px;}
			.pagination li.next a {background-position: -192px -258px;}
			.pagination li.pages {text-align: center; width: 468px;}
						             
			/* Side */
			.side {width: 140px;}
			.side .artist-image {border: 2px solid #474747; display: block; margin: 0 0 20px; width: 136px;}
			.side .artist-link {display: block; margin: 0 0 20px; width: 136px;}
			
				/* Text */
				.side .text {background-color: #fff; border: 2px solid #474747; font-size: 0.75em; line-height: 1.4em; margin: 0 0 20px; padding: 5px; width: 126px;}
				.side .text img {width: 126px;}
			
				/* Shows */
				.shows, .shows .top, .shows .bottom, .shows ul {width: 140px;}
				.shows {margin: 0 0 20px;}
				.shows .top, .shows .bottom {font-size: 0; height: 6px; line-height: 0;}
				.shows .top {background-position: -170px -233px;}
				.shows .bottom {background-position: -170px -240px;}
				.shows ul {background-position: 0 0;}
				.shows ul li {border-bottom: 2px dashed #0c0c0c; font-size: 0.75em; font-weight: bold; list-style-type: none; margin: 0 5px 5px; padding: 0 5px 5px; width: 120px;}
				.shows ul li a {color: #3f3f3f; display: block; text-decoration: none;}
				.shows ul li a:hover {text-decoration: underline;}
				.shows ul li:last-child {border: 0; margin-bottom: 0; padding-bottom: 0;}
				
				/* Songs */
				.songs, .songs ul, .songs ul li {width: 140px;}
				.songs {margin: 0 0 20px;}
				.songs ul li {font-size: 0.75em; list-style-type: none;}
				.songs ul li a {background-position: 100% 1px; color: #010101; display: block; line-height: 1.5em; padding: 0 28px 0 0; text-decoration: none;}
				.songs ul li a:hover {text-decoration: underline;}
				.songs ul li {margin: 0 0 5px;}
				
				/* Videos */
				.videos, .videos ul {width: 140px;}
				.videos ul li, .videos ul li a {height: 40px; width: 65px;}
				.videos ul li {display: inline; float: right; list-style-type: none; margin: 2.5px; overflow: hidden;}
				.videos ul li img, .videos ul li a {display: block; position: absolute; top: 0; right: 0;}
				.videos ul li img {border: 2px solid #474747; height: 36px; width: 61px; z-index: 1;}
				.videos ul li a {overflow: hidden; text-decoration: none; z-index: 2;}
				.videos ul li a:hover {background-position: 50% 50%;}
				.videos #vContent {display: none;}
				
				/* Rigister */
				.register {margin: 0 0 20px; width: 140px;}
				.register span {background-position: 0 -301px; display: block; font-size: 0.75em; height: 23px; margin: 0 0 5px; width: 140px;}
				.register span input.field {background-color: transparent; border: 0; font: 1em arial,verdana,tahoma,sans-serif; height: 17px; padding: 3px 10px; width: 120px;}
				.register span.gender {height: 17px; padding: 3px 10px; width: 120px;}
				.register span.gender input, .register span.gender em, .register span.gender label {display: inline-block; vertical-align: middle;}
				.register span.gender em {font-style: normal; margin: 0 0 0 10px}
				.register span.gender label {cursor: pointer; margin: 1px 0 0 10px;}
				.register .button {background-color: transparent; background-position: 0 -325px; border: 0; cursor: pointer; font: 0.75em arial,verdana,tahoma,sans-serif; height: 23px; text-align: center; width: 60px;}
				
			/* Content */
			.content {margin: 0 20px 0 0; width: 340px;}
				
				/* EditorContent */
				.editor-content {background-color: #fff; border: 2px solid #474747; margin: 0 0 20px; padding: 10px; width: 316px;}
				.editor-content .text {font-size: 0.875em; line-height: 1.5em;}
				.editor-content p {margin: 0 0 10px;}
				
				/* ImageGallery */
				.image-gallery {margin: 0 0 20px; width: 330px;}
				.image-gallery a {display: inline; float: right; height: 84px; margin: 0 0 6px 6px; width: 104px;}
				.image-gallery a img {border: 2px solid #474747; height: 80px; width: 100px;}
				
				/* Contact */
				.contact span {background-position: 0 -354px; display: block; font-size: 0.875em; height: 23px; margin: 0 0 5px; width: 340px;}
				.contact span.textarea, .thanku {background-position: 0 -378px; height: 120px;}
				.contact span input, .contact span textarea {background-color: transparent; border: 0; font: 1em arial,verdana,tahoma,sans-serif; height: 17px; padding: 3px 10px; width: 320px;}
				.contact span textarea {height: 114px; overflow: hidden;}
				.contact p, .register p {font-size: 0.75em; margin: 3px 0 0;}
				.contact .button {background-color: transparent; background-position: 0 -325px; border: 0; cursor: pointer; font: 0.875em arial,verdana,tahoma,sans-serif; height: 23px; text-align: center; width: 60px;}
				.thanku {padding: 0 10px;}
				
		/* LeftSide */
		.left-side {margin: 0 0 0 15px; width: 175px;}
		
			/* Search */
			.search {background-position: -170px -24px; height: 25px; margin: 0 0 25px; width: 175px;}
			.search input {background-color: transparent; border: 0; display: inline-block; vertical-align: middle;}
			.search .field {font: 0.875em arial,verdana,tahoma,sans-serif; padding: 0 10px; width: 125px;}
			.search .submit {cursor: pointer; font-size: 0; height: 25px; line-height: 0; width: 30px;}
			
			/* ComingShows */
            .coming-shows, .coming-shows #csScroll, .coming-shows ul, .coming-shows li, .coming-shows #csNav {width: 175px;}
            .coming-shows #csScroll, .coming-shows ul {height: 290px;}
			.coming-shows {margin: 0 0 20px; padding: 0 0 25px;}
			.coming-shows ul {display: none;}
			.coming-shows ul li {background-position: -170px -50px; height: 44px; font-size: 0.75em; list-style-type: none; margin: 0 0 5px; overflow: hidden}
			.coming-shows ul li a {background: transparent; display: block; height: 44px; padding: 0 15px 0 0; text-decoration: none; width: 160px;}
			.coming-shows ul li strong {display: block; line-height: 1.8em;}
			.coming-shows ul li strong span {display: inline-block; width: 40px;}
			.coming-shows #csScroll {overflow: hidden;}
			.coming-shows #csNav {bottom: 0; height: 18px; position: absolute; right: 0;}
			.coming-shows #csNav a {display: inline; float: right; height: 18px; margin: 0 0 0 5px; width: 16px}
			.coming-shows #csNav #Prev {background-position: -209px -258px;}
			.coming-shows #csNav #Next {background-position: -192px -258px;}
					
	/* Footer */
	.footer  {border: 2px solid #4a4b4e; border-top: 0; font-size: 0.6875em; height: 65px;}
	.footer a {color: #000;}
	.footer .copy, .footer .fmenu {margin: 5px; width: 300px}
	.footer .fmenu li {display: inline; list-style-type: none;}

/* z-index property list 
	*because of stupid IEBUG */
.top-bar {z-index:990;}
.right-side {z-index:980;}
.shows-slide .cover  {z-index: 970;}
.promo-shows a {z-index: 960;}
.artists-list .list li a {z-index: 950;}
.videos ul li {z-index: 940;}
.side {z-index:930;}
.content {z-index:920;}
.middle {z-index:910;}
.coming-shows {z-index: 900}
.left-side{z-index:890;}
.main-content {z-index:880;}
.copy {z-index:870;}
.fmenu {z-index:860;}
.footer {z-index:850;}
#grid {z-index:840;}

.at300m {font-size:0.825em;}