/* ---------- mzmusic.com ----------- */
/*Author: Lu�s Chagaca
Date: August, 2008
To: Mzmusic.com
Role: designer, (rookie) programmer, webmaster, 
E-mail: luischagaca@gmail.com;
Cell: 82 8359110
Mozambique
*/

/* ---------->>> GLOBAL <<<-----------*/
body {margin: 0px; 
	padding: 0px;
	background: url('bg.jpg') #000 top center no-repeat;
	text-align: center;}

body, p, h1, h2, h3, span {
	font: normal 8pt arial, verdana, "Lucida Sans Unicode";
	color: #4a4a4a;
	line-height: 150%;
	letter-spacing: 0.3px;}
	
p, h1, h2, h3, span {text-align: left;
	line-height: 150%;}

	.strong {font-weight: bold;
		line-height: 150%;}

h1 {margin-bottom: 5px;
	padding-bottom: 3px;
	font: bold 8pt arial, georgia, arial, georgia, arial, verdana, "Lucida Sans Unicode";
	color: /*#da03e7*/#bd01c8;
	letter-spacing: 0.8px;
	border-bottom: solid 3px #f2f2f2;
	text-transform: uppercase;}
	
	h1.titulo {font: normal 16pt Georgia, "Times New Roman", Times, serif;
		text-transform: none;
		border: none;
		color: #bd01c8/*333*/;
		letter-spacing: -0.1px;}
		
		h1.titulo a:hover {text-decoration: none;}

	h1.categoria {margin: 0px 0px 2px 0px;
		padding: 0px;
		font: normal 8pt arial;
		text-transform: none;
		letter-spacing: 0.8px;
		color: #c1c1c1/*d2d1d1*/;
		border: 0px;}

	h1.categoria2 {margin: 0px 0px 2px 15px;
		padding: 0px;
		font: normal 14pt georgia, arial;
		text-transform: none;
		letter-spacing: 0.8px;
		color: #c1c1c1/*d2d1d1*/;
		border: 0px;}
		
		.header {margin-top: 20px;
			padding-left: 15px;
			width: 150px;
			height: 24px;
			float: left;
			/*background: yellow;*/}
			
			.headerin {padding-left: 5px;
				width: 90px;
				height: 24px;
				float: left;
				font: normal 14pt georgia, arial;
				letter-spacing: 0.8px;
				color: #fff;
				background: #04a3ff;}

			
		.header2 {margin: 10px 0px 5px 0px;
			padding-left: 0px;
			width: 480px;
			height: 25px;
			float: left;
			/*background: yellow;*/}
		
			.headerin2 {padding-left: 5px;
				width: 120px;
				height: 25px;
				float: left;
				font: normal 14pt georgia, arial;
				letter-spacing: 0.8px;
				color: #fff;
				background: #04a3ff;}


	h1.artistadest {margin: 0px 0px 2px 0px;
		padding: 0px;
		font: normal 14pt georgia, arial;
		text-transform: none;
		letter-spacing: -0.2px;
		color: #bd01c8;
		border: 0;}
	
h2 {padding-bottom: 1px;
	margin-bottom: 3px;
	font: bold 8pt Arial, Verdana;
	color: #BDB7B0;
	border-bottom: solid 1px #f2f2f2;}

h3 {padding-bottom: 1px;
	margin-bottom: 0px;
	font: bold 8pt Arial, Verdana;
	color: #bd01c8;
	letter-spacing: 0.2px;}

h4 {padding-bottom: 1px;
	margin: 0px;
	font: normal 8pt Arial, Verdana;
	color: #d2d1d1;
	letter-spacing: 0.2px;}

img, div {behavior: url('iepngfix.htc');}
	
img {border: 0px;
	margin: 0px;
	padding: 0px;}

iframe {width: 490px;
	height: 370px;
	border: 0;
	overflow: hidden;}

li {margin: 0px;
	padding: 0px;}
	
a:link, a:visited {color: #017df0;
	text-decoration: none;}
	
	a:hover {color: #bd01c8;
		text-decoration: underline;}

	.clear {margin: 0px auto;
		padding: 0px;
		width: 830px;
		height: 20px;
		clear: both;} 

	.clearin {margin: 0px auto;
		padding: 0px;
		width: 495px;
		height: 20px;
		clear: both;} 

	.clearbig {margin: 0px auto;
		padding: 0px;
		width: 830px;
		height: 20px;
		clear: both;} 


/* ---------->>> LAYOUT <<<-----------*/
#top_container {margin: 0 auto;
	width: 100%;
	height: 30px;
	float: left;
	text-align: center;
	background-color: #000;
	filter:alpha(opacity=40); 
   	-moz-opacity: 0.6; 
   	opacity: 0.6;
   	clear: both;}
	
	#in_top {margin: 0 auto;
		padding-top: 5px;
		width: 840px;
		height: 10px;
		text-align: right;
		background-color: #000;
		color: #fff;}

		#in_top a:link, #in_top a:visited {
			color: #fff;
			text-decoration: none;}

		#in_top a:hover {
			color: #fff;
			text-decoration: underline;}

#general {margin: 0 auto;
	padding-top: 15px;
	width: 850px;
	min-height: 800px;
	clear: both;
	/*background-color: red;*/}

	#header {margin-bottom: 10px;
		width: 850px;
		height: 100px;
		float: left;}
		
		#logo {width: 300px;
			height: 100px;
			float: left;
			background: url('logo.jpg') no-repeat 2px;
			/*border: solid 1px #FFFFFF;*/}

		#logo a:link, #logo a:visited {display: block;
			width: 100%;
			height: 100%;
			float: left;}
	
		#ad_top {width: 500px;
			height: 90px;
			float: right;
			background-color: #000;}
			
			#ad_top img {padding: 0px;
					margin: 0px;
					float: right;}

	/*-- TOP NAVIGATION--*/
	#nav_container {margin: 0px;
		width: 850px;
		height: 35px;
		float: left;
		text-align: left;
		background-color: #fff;
		border-bottom: solid 3px #d9d8d8;}
		
		#nav_container span {margin-top: 10px;
			width: 125px;
			height: 18px;
			float: right;
			text-align: center;
			color: #858484;
			border-left: solid 1px #d9d8d8;}

		#nav_container span a, #nav_container span a:link{
				color: #858484;
				text-decoration: none;}

		#nav_container span a:hover{
				color: #858484;
				text-decoration: underline;}
		
		#nav_container span a.active{
				color: #bd01c8;
				text-decoration: none;}
		/*-- END OF TOP NAVIGATION--*/

	/*- CONTENT -*/
	#load_container {margin: 0 auto;
		padding: 20px 10px 0px 10px;
		width: 830px;
		min-height: 600px;
		text-align: center;
		background-color: #eaeaea;
		clear: both;}
		
		#destaques {width: 510px;
			height: 300px;
			float: left;
			text-align: left;
			background-color: #ffffff;
			border: solid 2px #e3e3e3;}

		#full {padding: 5px 5px 25px 5px;
			width: 499px;
			min-height: 695px;
			float: left;
			text-align: left;
			background-color: #ffffff;
			border: solid 2px #e3e3e3;}
			
			#full img {margin-right: 15px;
				float: left;}
			
			.fullhack {margin: 0px;
				padding: 0px;
				width: 1px;
				height: 690px;
				float: left;
				/*background-color: red;*/}
				
			.fullhack2 {margin: 0px;
				padding: 0px;
				width: 1px;
				height: 1500px;
				float: left;
				/*background-color: red;*/}

			.fullhack3 {margin: 0px;
				padding: 0px;
				width: 1px;
				height: 1300px;
				float: left;
				/*background-color: red;*/}


		/* right adspace*/
		#ad_right {padding: 5px;
			width: 290px;
			height: 290px;
			float: right;
			text-align: left;
			background-color: #ffffff;
			border: solid 2px #e3e3e3;}
			
			#ad_right span {margin-top: 8px;
				width: 290px;
				height: 10px;
				float: left;
				text-align: left;
				font: 7pt Arial, Verdana;
				color: #bbbaba;
				letter-spacing: 0.8px;
				text-transform: uppercase;}
			
			#in_ad_right {padding: 0px;
				margin: 0px;
				width: 290px;
				height: 270px;
				float: left;
				background-color: #04a3ff;}
				
				#in_ad_right img {padding: 0px;
					margin: 0px;
					float: left;}
			/* end of right ad */

			/* home videos */				
			#leftvid {margin-top: 10px;
				padding: 5px;
				width: 240px;
				height: 380px;
				float: left;
				text-align: left;
				background-color: #ffffff;
				border: solid 2px #e3e3e3;}
				
				/* COPY COPY COPY */	
				#leftvid span, #topten span {margin: 0px;
					padding-left: 12px;
					width: 100px;
					height: 17px;
					float: left;
					text-align: left;
					background: url('point.jpg') left no-repeat;
					clear: both;}
					
					#leftvid span a:link, #leftvid span a:visited, #topten span a:link, #topten span a:visited {display: block;
						width: 100%;
						height: 100%;
						color: #da03e7;
						text-decoration: none;}
					
					#leftvid span a:hover, #topten span a:hover {
						color: #0379fe;
						text-decoration: none;}
				
				
					.eachspotlight {margin-bottom: 10px;
						width: 235px;
						height: 100px;
						float: left;
						border-bottom: solid 1px #eaeaea;
						/*background-color: #CCCCCC;*/}
						
					.eachspotlight h1 {margin: 0px;
						padding: 0px;
						font: bold 9pt Arial, Helvetica, sans-serif;
						text-transform: none;
						color: #017efd;
						letter-spacing: -0.1px;
						border: none;}
						
						.eachspotlight img, .bigintleft img, .smallinterview img , .smallinterviewr img {
							margin: 0px 5px 0px 0px;
							padding: 2px;
							float: left;
							border: solid 1px #eaeaea;}


				#interviewbig {margin: 10px 0px 10px 0px;
					padding: 0px;
					width: 497px;
					height: 230px;
					float: left;
					text-align: left;
					/*background-color: #999999;*/}
					
					.bigintleft {margin-right: -20px;
						padding: 0px;
						width: 240px;
						height: 200px;
						float: left;
						text-align: left;
						/*background-color: #000;*/}
						
					.bigintright {margin: 0px 0px 10px 15px;
						padding: 0px;
						width: 240px;
						height: 200px;
						float: right;
						text-align: left;
						/*background-color: #000;*/}
						
						 .bigintright img {
							padding: 2px;
							float: left;
							border: solid 1px #eaeaea;}
						
						.clearbigintright {width: 240px;
							height: 10px;
							float: left;
							background-color:#999999;
							clear:both;}
					
					.bigintleft h1, .bigintright h1 {
						margin: 0px;
						padding: 0px;
						font: normal 14pt Georgia, "Times New Roman", Times, serif;
						border: none;
						text-transform: none;
						letter-spacing: -0.3px;
						color: #027ffe;}
					
						.bigintright h2 {margin: 0px;
							padding: 0px;
							font: bold 8pt Arial, Helvetica, sans-serif;
							text-transform: none;
							color: #bd01c8;
							letter-spacing: 0px;
							border: none;}
											
					.smallinterview {margin: 0px 10px 20px 0px;
						padding: 0px 0px 0px 0px;
						width: 150px;
						height: 135px;
						float: left;
						/*background-color: #999999;*/}
					
					.smallinterview h1 {
							margin: 0px;
							padding: 0px;
							font: bold 8pt Arial, Helvetica, sans-serif;
							border: none;
							text-transform: none;
							letter-spacing: 0px;
							color: #4a4a4a;}
					
				/* COPY COPY COPY */	
						
				.eachvidl {margin: 0px 0px 15px 0px;
					width: 112px;
					height: 95px;
					float: left;
					color: #696a6a;
					line-height: 110%;}

				.eachvidr {margin: 0px 0px 15px 0px;
					width: 112px;
					height: 95px;
					float: right;
					color: #696a6a;
					line-height: 110%;;
					/*border: solid 1px #eaeaea;*/}
					
				.eachvidfull {margin: 0px 10px 35px 0px;
					width: 112px;
					height: 95px;
					float: left;
					color: #696a6a;
					line-height: 110%;}
					
					.eachvidl img, .eachvidr img, .eachvidfull img {
						padding: 2px;
						float: left;
						border: solid 1px #eaeaea;}
					
				.eachvidl a:link, .eachvidr a:link, .eachvidfull a:link, .eachvidl a:visited, .eachvidr a:visited, .eachvidfull a:visited {
					color: #4a4a4a;
					text-decoration: none;}
				
				.eachvidl a:hover, .eachvidr a:hover, .eachvidfull a:hover {color: #017df0;}
				
				.eachvidl a:hover img, .eachvidr a:hover img, .eachvidfull a:hover img {border: solid 1px #aaa9a9;}
				/*- End of home videos-*/

				/* Videos section*/
				.featuredvid {margin: 10px 0px 15px 0px;
					padding-bottom: 15px;
					width: 490px;
					height: 160px;
					float: left;
					text-align: left;
					border-bottom: dotted 1px #eaeaea;}

				.featuredvid span {margin: 0px;
					padding: 2px;
					width: 150px;
					height: 14px;
					background-color: #eaeaea;}

				.featuredvid h1 {margin: 6px 0px 5px 0px;
					font: bold 9pt Arial, Helvetica, sans-serif;
					color: #017df0;
					border: none;
					text-transform: none;
					letter-spacing: 0.1px;}
				
				.featuredvid img {margin-right: 15px;
					padding: 3px;
					float: left;
					border: solid 1px #eaeaea;}

				.featuredvid a:link, .featuredvid a:visited {}
				
				.featuredvid a:hover {color: #017df0;}
				/* end of video */

				.morevid {margin: -10px 0px 0px 0px;
					padding: 0px;
					width: 490px;
					height: 12px;
					float: left;
					text-align: left;}
					
				.morevid span {margin: 0px;
					padding-left: 12px;
					width: 150px;
					height: 17px;
					float: left;
					text-align: left;
					background: url('point.jpg') left no-repeat;
					clear: both;}
				
					.morevid span a:link, .morevid span a:visited {display: block;
						width: 100%;
						height: 100%;
						color: #da03e7;
						text-decoration: none;}
					
					.morevid span a:hover {
						color: #0379fe;
						text-decoration: none;}




			/* topten */	
			#topten {margin: 10px 0px 0px 10px;
				padding: 5px;
				width: 235px;
				height: 380px;
				float: left;
				text-align: left;
				background-color: #ffffff;
				border: solid 2px #e3e3e3;}
				
					#topten ul {width: 235px;
					padding: 0px;
					margin: 0px;
					list-style: none;
					float: left;
					/*border: solid 1px #eaeaea;*/}
					
					#topten ul li {margin: 0px;
						padding-top: 2px;
						list-style: none;
						width: 235px;
						float: left;
						line-height: 25px;}
						
						#topten ul li span {
							margin: 6px 5px 0px 0px;
							width: 20px;
							height: 14px;
							float: left;
							text-align: center;
							font: bold 9pt georgia, arial, georgia;
							border-right: solid 1px #c4c4c4;}
						
					#topten ul li a {
						display: block;
						text-decoration: none;
						padding-top: 2px;
						padding-left: 5px;
						color: #504b4b;
						height: 30px;}
					
					#topten ul li.odd a{
						background: #f2f2f2;
						color: #504b4b;}
				
						#topten ul li.odd a:hover, #topten ul li a:hover {
							font-weight: normal;
							color: #fff;
							background: #04a3ff;}
				
				
			#toptenfull {margin: 10px 0px 0px 0px;
				width: 493px;
				min-height: 380px;
				float: left;
				text-align: left;
				background-color: #fff;
				/*border: solid 2px #e3e3e3;*/}
				
					#toptenfull ul {width: 493px;
					padding: 0px;
					margin: 0px;
					list-style: none;
					float: left;
					/*border: solid 1px #eaeaea;*/}
					
					#toptenfull ul li {margin: 0px;
						padding-top: 5px;
						list-style: none;
						width: 493px;
						float: left;
						line-height: 74px;}

						/*#toptenfull ul li span  {
							float: left;
							text-align: left;}*/
						
						#toptenfull ul li span.nr  {margin: 4px 5px 0px 0px;
							width: 25px;
							float: left;
							text-align: center;
							font: normal 16pt georgia, arial, georgia;
							border-right: solid 1px #c4c4c4;}
				
						#toptenfull ul li img {
							margin: 4px 5px 0px 0px;
							padding: 2px;
							float: left;
							border: solid 1px #c4c4c4;}
						
					#toptenfull ul li a {
						display: block;
						text-decoration: none;
						padding-top: 2px;
						padding-left: 5px;
						color: #504b4b;
						line-height: 80px;
						background: #faf9f9;}
					
					#toptenfull ul li.odd a {
						background: #f2f2f2;
						color: #504b4b;
						line-height: 80px;}
				
						#toptenfull ul li.odd a:hover, #toptenfull ul li a:hover{
							font-weight: normal;
							color: #fff;
							background: #04a3ff;
							line-height: 80px;}
						/* end of topten */

				
			#rightcont {margin-top: 10px;
				padding: 5px;
				width: 290px;
				height: 380px;
				float: right;
				text-align: left;
				background-color: #ffffff;
				border: solid 2px #e3e3e3;}

			
			/* media */
			#media {margin-top: 10px;
				padding: 5px;
				width: 290px;
				height: 380px;
				float: right;
				text-align: left;
				background-color: #ffffff;
				border: solid 2px #e3e3e3;}
				
				#inmedia {padding: 3px;
					width: 282px;
					min-height: 100px;
					border: solid 1px #f2f2f2;}

				#inmedia span {margin: 0px;
					padding-left: 12px;
					width: 150px;
					height: 17px;
					float: left;
					text-align: left;
					background: url('point.jpg') left no-repeat;
					clear: both;}
				
					#inmedia span a:link, #inmedia span a:visited {display: block;
						width: 100%;
						height: 100%;
						color: #da03e7;
						text-decoration: none;}
					
					#inmedia span a:hover {
						color: #0379fe;
						text-decoration: none;}

					.eachprog {margin-bottom: 8px;
						width: 270px;
						height: 80px;
						float: left;
						text-align: left;
						clear: both;
						/*background: red;*/}
						
					.eachprogin {margin-bottom: 10px;
						padding: 10px 35px 10px 10px;
						width: 450px;
						min-height: 80px;
						float: left;
						text-align: left;
						border-bottom: solid 1px #eaeaea;
						/*background: yellow;*/}
						
						.eachprog h1 {margin: 0px;
							padding-top: 3px;
							font: bold 8pt Arial, Helvetica, sans-serif;
							color: #4a4a4a;
							border: none;
							text-transform: none;
							letter-spacing: 0.1px;
							/*background: red;*/}

								.eachprog h1 a:link, .eachprog h1 a:visited{
									color: #4a4a4a;
									font: bold 8pt Arial, Helvetica, sans-serif;
									text-decoration: none;}
								
								.eachprog h1 a:hover {color: #bd01c8;
									text-decoration: none;}

						
						.eachprogin h1 {margin: 0px;
							padding-top: 3px;
							font: bold 9pt Arial, Helvetica, sans-serif;
							color: #4A4A4A/*017df0*/;
							border: none;
							text-transform: none;
							letter-spacing: 0.3px;
							/*background: red;*/}
							
								.eachprogin h1 a:link, .eachprogin h1 a:visited{
									color: #bd01c8;
									text-decoration: none;
									font-weight: bold;}
								
								.eachprogin h1 a:hover {color: #000/*017df0;*/}

						.separatemedia {width: 550px;
							height: 50px;
							float: left;}
						
						.mediafoto {margin-right: 5px;
							padding: 7px 0px 0px 7px;
							width: 73px;
							height: 73px;
							float: left;
							background: url('media_bg.jpg') no-repeat;}
						
						.eachprog img, .eachprogin img {margin-right: 5px;
							float: left;}
						
						.eachprog a:link, .eachprog a:visited, .eachprogin a:link, .eachprogin a:visited {color: #017df0;
							font-weight: normal;
							text-decoration:none;}
						
						.eachprog a:hover {color: #0379fe;
							text-decoration:underline;}

						.eachprogin a:hover {color: #017df0;
							text-decoration:underline;}
					/*end of media*/


			/* albums */	
			#albums {margin: 10px 0px 20px 0px;
				padding: 5px;
				width: 500px;
				min-height: 330px;
				float: left;
				text-align: left;
				background-color: #ffffff;
				border: solid 2px #e3e3e3;}

				#albums span {margin: 0px;
					padding-left: 12px;
					width: 102px;
					height: 17px;
					float: left;
					text-align: left;
					background: url('point.jpg') left no-repeat;
					clear: both;}
				
				#albums span a:link, #albums span a:visited {display: block;
					width: 100%;
					height: 100%;
					color: #da03e7;
					text-decoration: none;}
				
				#albums span a:hover {
					color: #0379fe;
					text-decoration: none;}
				
				.eachalbum {margin: 0px 30px 20px 0px;
					width: 100px;
					height: 130px;
					float: left;
					line-height: 120%;
					/*background: red;*/}
					
				.eachalbum_last {margin: 0px 0px 15px 0px;
					width: 100px;
					height: 130px;
					float: left;
					line-height: 120%;
					/*background: red;*/}
					
					.eachalbum img, .eachalbum_last img {padding: 3px;
						float: left;
						border: solid 1px #eaeaea;}
						
				.eachalbum a:link, .eachalbum_last a:link, .eachalbum a:visited, .eachalbum_last a:visited {
					color: #4a4a4a;
					text-decoration: none;}
				
				.eachalbum a:hover, .eachalbum_last a:hover {color: #017df0;
					text-decoration: none;}
					
				.eachalbum a:hover img, .eachalbum_last a:hover img {border: solid 1px #aaa9a9;}
				
				/* end of albums */

				
				
				/* fanclubs */
				.eachfanclub {padding: 0px;
					margin: 0px 15px 10px 0px;
					width: 100px;
					height: 130px;
					float: left;
					line-height: 120%;
					/*background: red;*/}
					
				.eachfanclub_last {padding: 0px;
					margin: 0px 0px 10px 0px;
					width: 100px;
					height: 130px;
					float: left;
					line-height: 120%;
					clear: right;
					/*background: red;*/}
					
					.eachfanclub img, .eachfanclub_last img {margin-bottom: 5px;
						padding: 3px;
						float: left;
						border: solid 1px #eaeaea;}
						
				.eachfanclub a:link, .eachfanclub_last a:link, .eachfanclub a:visited, .eachfanclub_last a:visited {
					color: #017df0;
					text-decoration: none;}
				
				.eachfanclub a:hover, .eachfanclub_last a:hover {color: #bd01c8;
					text-decoration: none;}
					
				.eachfanclub a:hover img, .eachfanclub_last a:hover img {border: solid 1px #aaa9a9;}
				/* end of fanclubs */



			#artistlist {margin: 20px 0px 0px 0px;
				padding-left: 0px;
				width: 495px;
				height: 600px;
				float: left;
				line-height: 180%;
				letter-spacing: 0.2px;
				/*background: red;*/}
				
				.artistlistclear {margin: 0 auto;
					width: 495px;
					height: 1px;
					float: left;
					clear: both;}

				
				#artistlistimg {margin-right: 15px;
					padding: 3px;
					float: left;
					border: solid 1px #eaeaea;}
					
					#artistlist ul {width: 495px;
					padding: 0px;
					margin: 0px;
					list-style: none;
					float: left;
					/*border: solid 1px #eaeaea;*/}
					
					#artistlist ul li {margin: 0px;
						padding-top: 2px;
						list-style: none;
						width: 495px;
						float: left;
						line-height: 25px;}
						
					#artistlist ul li a {
						display: block;
						text-decoration: none;
						padding-top: 2px;
						padding-left: 5px;
						color: #333;
						height: 25px;
						font-weight: normal;}
					
					#artistlist ul li.odd a{
						background: #f2f2f2;
						color: #4a4a4a;}
				
						#artistlist ul li.odd a:hover, #artistlist ul li a:hover {
							font-weight: normal;
							color: #fff;
							background: #04a3ff;
							font-weight: bold;}

			/* DOWNLOADS */
			/* Music download */
			#musicdown {margin: 0px;
				width: 499px;
				height: 330px;
				float: left;
				text-align: left;
				background-color: #fff;
				/*border: solid 2px #e3e3e3;*/}
				
					#musicdown ul {width: 493px;
					padding: 0px;
					margin: 0px;
					list-style: none;
					float: left;
					/*border: solid 1px #eaeaea;*/}
					
					#musicdown ul li {margin: 0px;
						padding-top: 3px;
						list-style: none;
						width: 493px;
						float: left;
						line-height: 22px;}

						/*#toptenfull ul li span  {
							float: left;
							text-align: left;}*/
						
						#musicdown ul li span.nr  {margin: 4px 5px 0px 0px;
							width: 25px;
							float: left;
							text-align: center;
							font: normal 16pt georgia, arial, georgia;
							border-right: solid 1px #c4c4c4;}
				
						#musicdown ul li img {
							margin: 4px 5px 0px 0px;
							padding: 2px;
							float: left;
							border: solid 1px #c4c4c4;}
						
					#musicdown ul li a {
						display: block;
						text-decoration: none;
						padding-top: 2px;
						padding-left: 5px;
						color: #4a4a4a;
						line-height: 24px;
						/*background: #faf9f9;*/}
					
					#musicdown ul li.odd a {
						background: #f2f2f2;
						color: #504b4b;
						line-height: 24px;}
				
						#musicdown ul li.odd a:hover, #musicdown ul li a:hover{
							font-weight: normal;
							color: #fff;
							background: #04a3ff;
							line-height: 24px;}
					/* end of Music download */


			/* Video downloads */
			#videodown {margin: 10px 0px 0px 0px;
				width: 500px;
				height: 280px;
				float: left;
				text-align: left;
				background-color: #fff;}
			/* End of video downloads */



			/* Wallpapers downloads */
			#walldown {margin: 10px 0px 0px 0px;
				padding: 0px;
				width: 500px;
				min-height: 380px;
				float: left;
				text-align: left;
				background-color: #000;
				/*border: solid 2px #e3e3e3;*/}

				.eachwall {margin: 0px 25px 30px 0px;
					width: 230px;
					height: 130px;
					float: left;}
					
				.eachwall_last {margin: 0px 5px 30px 0px;
					width: 230px;
					height: 130px;
					float: right;}
					
					.eachwall img, .eachwall_last img {padding: 3px;
						float: left;
						border: solid 1px #eaeaea;}
						
				.eachwall img a:link, .eachwall_last img a:link, .eachwall img a:visited, .eachwall_last img a:visited {
					text-decoration: none;}
				
				.eachwall img a:hover, .eachwall_last img a:hover {
					text-decoration: none;
					border: solid 1px #000;}
			/* End of wallpapers downloads */


								
			/* Chamadas*/		
			#artistas {margin: 10px 0px 0px 0px;
				padding: 5px;
				width: 290px;
				height: 135px;
				float: right;
				text-align: left;
				background-color: #ffffff;
				border: solid 2px #e3e3e3;}

			#tributo_call {margin: 10px 0px 0px 0px;
				padding: 5px;
				width: 290px;
				height: 135px;
				float: right;
				text-align: left;
				background-color: #ffffff;
				border: solid 2px #e3e3e3;}

			#agenda_call {margin: 10px 0px 0px 0px;
				padding: 5px;
				width: 290px;
				height: 180px;
				float: right;
				text-align: left;
				background-color: #ffffff;
				border: solid 2px #e3e3e3;}

			#promo {margin: 10px 0px 0px 0px;
				padding: 5px;
				width: 290px;
				height: 135px;
				float: right;
				text-align: left;
				background-color: #ffffff;
				border: solid 2px #e3e3e3;}

			#headlines {margin: 10px 0px 0px 0px;
				padding: 5px;
				width: 290px;
				height: 205px;
				float: right;
				text-align: left;
				background-color: #ffffff;
				border: solid 2px #e3e3e3;}
	
			#poll {margin: 10px 0px 4px 0px;
				padding: 5px;
				width: 290px;
				min-height: 190px;
				float: right;
				text-align: left;
				background-color: #ffffff;
				border: solid 2px #e3e3e3;}
			/* Chamadas*/		

	#footer {margin: 0 auto;
		padding: 15px 10px 0px 10px;
		width: 830px;
		height: 90px;
		text-align: left;
		background-color: /*#a3a3a3*/#fff;
		border-top: solid 4px #d9d8d8;
		clear: both;}
		
		.leftfoot {margin: 0px 0px 10px 0px;
			width: 600px;
			min-height: 20px;
			float: left;
			/*background: red;*/}
			
			.copy {width: 600px;
				font-weight: bold;
				color: #0379fe;
				/*background: red;*/}
			
			bottomnav {width: 600px;
				min-height: 10px;
				float: left;}

		.rightfoot {width: 200px;
			min-height: 20px;
			float: right;}
					
					.credits {margin-bottom: 5px;
						width: 200px;
						line-height: 12px;
						float: right;}
			
					.credits a:link, .credits a:visited {line-height: 12px;
						font: bold 8pt arial;
						padding: 1px 6px 3px 6px;
						color: #fff;
						letter-spacing: 0.5px;
						text-decoration: none;
						background-color: #0379fe;}
					
					.credits a:hover {
						color: #fff;
						background-color: #bd01c8;
						text-decoration: none;}



/* ---------->>>TOP MENU<<<-----------*/
ul.menu {
	list-style-type: none; 
	float: left; 
	display: block; 
	width: 720px; 
	margin: 0px; 
	padding: 0px;
	/*background: red;*/}

ul.menu li {
	display: inline;
	font: bold 8pt Arial, Verdana;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	line-height: 35px;}

ul.menu li a:link, ul.menu li a:visited {
	display: block; 
	float: left; 
	padding: 0px 6px 0px 10px; 
	margin: 0px 0px 0 0px;
	height: 35px;
	text-decoration: none; 
	color: #3e3e3e;}

ul.menu li a:hover, ul.menu li a:hover.active {
	color: #fff;
	background-color: #04a3ff;
	/*background: url('topstar.jpg') top left #04a3ff;
	background-repeat: no-repeat;*/}

ul.menu li a:link.active, ul.menu li a:visited.active{
	color: #bd01c8;}



/* ---------->>>  SLIDER  <<<-----------*/
#items_container {margin: 3px 0px 0px 5px;
	width: 500px;
	height: 293px;
	overflow: hidden;
	position: absolute;
	/*background-color: #d9d8d8;*/
	background-color: #04a3ff;
	color: #333333;}

#controls {margin: 237px 0px 0px 0px;
	width: 500px;
	height: 30px;
	position: absolute;
	list-style: none;}

#controls li {display: block;
	position: absolute;
	width: 120px;
	height: 29px;
	list-style: none;}

#controls li a {display: block;
	width: 120px;
	height: 29px;
	line-height: 25px;
	cursor: pointer;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	color: #fff;}

#controls li a:hover {
	text-decoration: none;
	color: #000;}

	#prevbtn {background-image: url('btn_img_prv.jpg');
		left: 10px;}
	
	#playbtn {background-image: url('btn_img_stp.jpg');
		left: 194px;}
	
	#nextbtn {background-image: url('btn_img_nxt.jpg');
		left: 373px;}


/*  num nav stuff */
#num_nav {margin: 265px 0px 0px 8px;
	padding: 0px;
	width: 500px;
	height: 30px;
	float: left;
	position: absolute;
	list-style: none;}

#num_nav li {display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #96d4fe;
	background-color: #2f9cfd;}

#num_nav a {display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;}
	
#num_nav a:hover {text-decoration: none;}
/*  end num nav stuff */


div.slide_item {margin: 0px;
	width: 500px;
	height: 232px;
	position: absolute;
	left: 501px;
	/*background-color:red;*/}

div.first_item {left: 0;}

div.slide_item h3 {padding: 10px;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #6e6c19;}

div.slide_item p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
	color:#999999;}


/* ---------->>>  TABS  <<<-----------*/
.tabberlive .tabbertabhide {
	display:none;}

.tabber {}

.tabberlive {
	margin-top:1em;}

ul.tabbernav {margin:0;
	padding: 3px 0;
	border-bottom: 2px solid #eaeaea;
	font: bold 12px Verdana, sans-serif;}

ul.tabbernav li {width: 100px;
	list-style: none;
	margin: 0px;
 
 display: inline;}

ul.tabbernav li a {padding: 3px 0.5em;
	margin-left: 0px;
	border-bottom: 2px solid #eaeaea;
	background: #eaeaea;
	text-decoration: none;
	font: bold 8pt Arial, Helvetica, sans-serif;
	text-transform: uppercase;}

ul.tabbernav li a:link {color: #4a4a4a;}

ul.tabbernav li a:visited {color: #fff;
	text-decoration: none;}

ul.tabbernav li a:hover {color: #4a4a4a;
	background: #04a3ff;
	border-color: #04a3ff;
	text-decoration: none;}

ul.tabbernav li.tabberactive a {
	background: #04a3ff;
	color: #ffffff;
	border-bottom: 2px solid #04a3ff;}

ul.tabbernav li.tabberactive a:hover {
	color: #fff;
	background: #04a3ff;
	border-bottom: 2px solid #04a3ff;}

.tabberlive .tabbertab {height: 280px;
	padding: 10px 5px 5px 5px;
	border: 2px solid #eaeaea;
	border-top: 0;}

.tabberlive .tabbertab2 {height: 280px;
	padding: 10px 5px 5px 5px;
	border: 2px solid #eaeaea;
	border-top: 0;}

.tabberlive .tabbertab h2 {
	display:none;}
	
.tabberlive .tabbertab h3 {
	display: none;}

.tabberlive#tab1 {}

.tabberlive#tab2 {}

.tabberlive#tab2 .tabbertab {
	height: 200px;
	overflow: auto;}


/* ---------->>> A - Z  <<<-----------*/
#azindex {width: 290px;
	margin: 0px;
	padding: 0px;
	float: left;}

	#azindexin {width: 498px;
		margin: 0px;
		padding: 0px 0px 10px 0px;
		float: left;
		border-bottom: dotted 1px #eaeaea;}

 * html #azindex {
	margin: 0px;
	padding: 0px;
	width: 290px;}
	
	
#index {
	font: bold 100% arial , Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	float: left;}	

#index li {
	float: left;
	height: 1.8em;
	list-style-type: none;
	margin: 0.3em 0.2em;
	padding: 0;
	width: 2.9em;}

 * html #index li {
	margin: 0.2em 0.2em;}

#index a:link, #index a:visited {
	background: #eaeaea;
	color: #253C53;
	display: block;
	height: 1em;
	padding: 0.3em 0 0.5em 0;
	text-align: center;
	text-decoration: none;
	width: 2.7em;}

#index a:hover {
	background: #bd01c8;
	color: #fff;
	text-decoration: none;}

#index a.active {
	background: #bd01c8;
	color: #fff;
	text-decoration: none;}
	
	#index a.active:link, #index a.active:visited {
		background: #bd01c8;
		color: #fff;
		text-decoration: none;}



/* ---------->>>BOTTOM MENU<<<-----------*/
ul.smallmenu {list-style-type: none; 
	float: left; 
	display: block; 
	width: 600px; 
	margin: 5px 0px 0px 0px; 
	padding: 0px;
	/*background: red;*/}

ul.smallmenu li {
	display: inline;
	font: normal 8pt Arial, Verdana;
	text-transform: none;
	letter-spacing: 0.6px;
	line-height: 20px;}

ul.smallmenu li a:link, ul.smallmenu li a:visited {
	display: block; 
	float: left; 
	padding: 0px 8px 0px 4px; 
	margin: 1px 0px 0 0px;
	height: 20px;
	text-decoration: none; 
	color: #666;}

ul.smallmenu li a:hover{
	color: #fff/*bd01c8*/;
	background: black;}


/* ---------->>> TABELA <<<-----------*/

#mytable {width: 495px;
	padding: 0;
	margin: 0;}

#mytable caption {padding: 0 0 5px 0;
	width: 495px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;}

#mytable th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(bg_header.jpg) no-repeat;}

#mytable th.nobg {border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;}

#mytable td {border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;}
	
	.comentarios {background: none;
		color: #768EAE;
		border: none;}
		
	.comentnomes {background: none;
		text-align: right;
		color: #768EAE;
		border: none;}

#mytable td.alt {background: #F5FAFA;
	color: #797268;}

#mytable th.spec {border-left: 1px solid #C1DAD7;
	/*border-top: 1px solid #C1DAD7;*/
	background: #fff url(bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

#mytable th.specalt {border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;}



/* ---------->>>CUTENEWS<<<-----------*/

		#tease {margin-bottom: 10px;
			width: 498px;
			float: left;
			text-align: left;
			border-bottom: solid 1px #eaeaea;}
		
		.teasetit h2 {margin-bottom: 3px;
			font: normal 14pt Georgia, Arial, "Lucida Sans Unicode";
			color: #bd01c8;
			line-height: 150%;
			border: none;}
			
			h2.teasehead {margin: 0px;
				font: normal 9pt Georgia, Arial, "Lucida Sans Unicode";
				color: #017df0;
				line-height: 120%;
				border: none;
				letter-spacing: 0.1px;}
			
			h2.teasehead2 {margin: 0px;
				font: bold 8pt Arial, "Lucida Sans Unicode";
				color: #768EAE;
				line-height: 200%;
				border: none;}
				
			h2.shows {margin-bottom: 0px;
				font: normal 12pt georgia, "Lucida Sans Unicode";
				color: #bd01c8;
				line-height: 150%;
				border: none;
				letter-spacing: 0px;}
			
			h2.teasehead a:link, h2.teasehead a:visited {color: #017df0;
				text-decoration: none;}
				
				h2.teasehead a:hover {color: #bd01c8;
					text-decoration: none;}


			.teasetit h2 a:link, .teasetit h2 a:visited {color: #017df0;
				text-decoration: none;}
			
			.teasetit h2 a:hover {color: #fff;
				text-decoration: none;}
		
		.teasedate{font-style: italic;
			margin: 5px 0 5px 0;}
		
		.teasecomment{margin-top: 10px;
			padding-bottom: 10px;
			width: 490px;
			float: left;
			text-align: left;
			background-color: #FFFFFF;}
			
			.readmore a:link, .readmore a:visited {color: #bd01c8;
				text-decoration: none;}
				
			.readmore a:hover {color: #017df0;
				text-decoration: none;}poll