@charset "utf-8";



/* CSS Document */







html, body, div, span, applet, abbr, big, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, em, img, q, samp,  



strong, dl, dt, dd, ol, ul, li, fieldset, form, input, label, textarea, table, caption, tbody, tfoot, thead, tr, th, td {



	font-size: 100%;



	font-weight: normal;



	font-style: normal;



	font-family: inherit;



	vertical-align: baseline;



	border: 0;



	outline: 0;



	margin: 0;



	padding: 0; }



 



blockquote, q { quotes: "" ""; }



 



ol, ul { list-style: none; }



 



em { font-style: italic; }



 



strong { font-weight: bold; }



 



*, * focus { outline: none; }


a { color:#666;}
 



/*	--------------------------------------------------



 



Global



 



-------------------------------------------------- */



body {



	font: 11px/18px Arial, Helvetica, sans-serif;



	background: #d4d4d4 url(../Images/bg.jpg) center 0 repeat-x; }



 



a, a:hover, a:active { text-decoration: none; }



 



.indent { text-indent: -9999px; }



 



/*	--------------------------------------------------



 



Container



 



-------------------------------------------------- */



#container { width: 100%; }



 



/*	--------------------------------------------------



 



Header



 



-------------------------------------------------- */



#header {



	width: 987px;



	height: 287px;



	background: url(../Images/header.jpg) no-repeat;



	margin: 0 auto; }



 



	#header .head , #header .headline {



		height: 92px;



		position: relative; }



 



	#header .head .logo {



		width: 386px;



		height: 82px;



		position: absolute;



		top: 2px;



		left: 18px; }



 



		#header .head .logo a {



			height: 82px;



			display: block; }



 



	#header .head .advertising {



		width: 500px;



		background: url(../Images/icon-head-ads.png) left no-repeat;



		padding-left: 15px;



		position: absolute;



		top: 18px;



		right: 15px; }



 



	#header .headline { height: 186px; }



 



		#header .headline a.rss {



			width: 18px;



			height: 18px;



			background: url(../Images/icon-headline-rss.gif) no-repeat;



			display: block;



			position: absolute;



			top: 10px;



			right: 15px; }



 



		#header .headline .advertising { width: 750px;padding-top:5px; }



 



		#header .headline .top {



			position: absolute;



			top: 3px;



			left: 15px; }



 



		#header .headline .bottom {



			position: absolute;



			top: 94px;



			left: 122px; }



 



		#header .headline .nav {



			width: 100%;



			position: absolute;



			top: 42px; }



 



			#header .headline .nav ul {



				height: 42px;



				overflow: hidden; }



 



			#header .headline .nav li {



				display: block;



				float: left; }



 



				#header .headline .nav li a {



					height: 42px;



					display: block; }



 



				#header .headline .nav li.pop { width: 95px; }



 



				#header .headline .nav li.rap { width: 82px; }



 



				#header .headline .nav li.latina { width: 94px; }



 



				#header .headline .nav li.metal { width: 148px; }



 



				#header .headline .nav li.rock { width: 130px; }



 



				#header .headline .nav li.clasico { width: 110px; }



 



				#header .headline .nav li.jazz { width: 82px; }



 



				#header .headline .nav li.techno { width: 102px; }



 



				#header .headline .nav li.popEsp { width: 144px; }



 



/*	--------------------------------------------------



 



Slider



 



-------------------------------------------------- */



#featured {



	width: 975px;



	height: 252px;



	background: url(../Images/slider-bg.gif) repeat-x;



	padding: 6px;



	margin: 10px auto 0;



	position: relative; }



 	



	#featured .ui-tabs-hide {display: none; }



	



	#featured .preload {



		width: 490px;



		height: 250px;



		overflow: hidden;



		position: relative; }



		



		#featured .preload a.view {



			width: 137px;



			height: 33px;



			font-size: 14px;



			line-height: 32px;



			font-weight: bold;



			text-align: center;



			color: #FFF;



			background: url(../Images/slider-preload-button.png) no-repeat;



			display: block;



			position: absolute;



			top: 210px;



			left: 10px; }



 



	#featured .featured {



		width: 500px;



		position: absolute;



		top: 6px;



		left: 480px; }



 



		#featured .featured h2 {



			height: 19px;



			font-size: 14px;



			display: block;



			overflow: hidden; }



			



			#featured .featured h2 a { color: #ff7003; }



		 		



		#featured .featured img { 



			width: 79px;



			margin-right: 10px;



			float: left; }



		



		#featured .featured ul { overflow: hidden; }



 



			#featured .featured ul li {



				height: 74px;



				font-size: 14px;



				color: #9a9a9a;



				background: url(../Images/slider-featured.png) 0 -1px no-repeat;



				padding: 5px 20px;



				overflow: hidden; }



 



				#featured .featured ul li:hover { background-position: 0 -94px; }



 



/*	--------------------------------------------------



 



Wrapper , Wide



 



-------------------------------------------------- */



#wrapper , #wide {



	width: 987px;



	overflow: hidden;



	margin: 0 auto 15px; }



 



/*	--------------------------------------------------



 



ColZ



 



-------------------------------------------------- */



#colz {



	width: 750px;



	float: left; }



 



	#colz h2 {



		width: 260px;



		height: 35px;



		font-size: 23px;



		line-height: 36px;



		font-weight: bold;



		color: #FFF;



		background: url(../Images/colz-title.gif) no-repeat;



		padding: 0 10px;



		margin: 10px 0; }



 



	#colz .advertising {



		background: url(../Images/icon-head-ads.png) left 15px no-repeat;



		padding: 0 0 10px 15px;



		margin-left: -12px;



		clear: both; }



 



	#colz .pager { overflow: hidden; }



 



		#colz .pager .previouspostslink {



			width: 120px;



			height: 16px;



			background: url(../Images/pager-back.gif) 0 -1px no-repeat;



			margin: 12px 25px 0 25px;



			float: left; }



 



			#colz .pager .previouspostslink:hover { background-position: 0 -22px; }



 



		#colz .pager .wp-pagenavi { float: left; }



 



			#colz .pager .wp-pagenavi a , #colz .pager .wp-pagenavi span {



				width: 37px;



				height: 36px;



				line-height: 34px;



				font-weight: bold;



				text-align: center;



				color: #696969;



				background: url(../Images/pager.jpg) 0 -1px no-repeat;



				display: inline-block;



				margin-right: 5px; }



 



			#colz .pager .wp-pagenavi span , #colz .pager .wp-pagenavi a:hover {



				color: #FFF;



				background-position:0 -39px; }



 



		#colz .pager .nextpostslink {



			width: 120px;



			height: 20px;



			background: url(../Images/pager-next.gif) 0 -1px no-repeat;



			margin: 12px 0 0 25px;



			float: right; }



 



			#colz .pager .nextpostslink:hover { background-position: 0 -21px; }



 



/*	--------------------------------------------------



 



News



 



-------------------------------------------------- */



#news {



	width: 738px;



	padding-left: 12px; }



 



	#news .clear { clear: both; }



 



	#news .vids {



		width: 234px;



		height: 166px;



		background-color: #000;



		margin: 0 12px 10px 0;



		float: left;



		position: relative; }



 



		#news .vids .picture {



			width: 234px;



			height: 166px;



			background: url(../Images/news-vids.png) no-repeat;



			position: relative;



			z-index: 10; }



 



			#news .vids .picture a {



				width: 234px;



				height: 125px;



				background: url(../Images/blank.png) repeat;



				display: block; }



 



		#news .vids img {



			width: 234px;



			height: 166px;



			opacity: .5;



			filter: alpha(opacity=50);



			position: absolute;



			top: 0; }



 



		#news .vids ul {



			position: absolute;



			top: 127px;



			left: 35px;



			z-index: 10; }



 



			#news .vids ul li {



				height: 18px;



				color: #FFF;



				display: block;



				overflow: hidden; }



 



				#news .vids ul li a {



					font-weight: bold;



					color: #696969; }



 



		#news .vids .description {



			width: 224px;



			height: 134px;



			line-height: 14px;



			background: url(../Images/news-vids-tooltip.png) no-repeat;



			padding: 8px 10px 0 40px;



			margin-right: 10px;



			overflow: hidden;



			top: 15px;



			left: 110px;



			z-index: 99; }



 



			#news .vids .description p {



				height: 95px;



				padding-top: 5px;



				overflow: hidden; }



 



		#news .vids .none { display: none; }



 



		#news .vids:hover {



			position: relative;



			z-index: 80; }



 



			#news .vids:hover img {



				opacity: 1;



				filter: alpha(opacity=100); }



 



			#news .vids:hover ul li a { color: #ff8403; }



 



			#news .vids:hover .none {



				position: absolute;



				display: block; }



 



/*	--------------------------------------------------



 



Video



 



-------------------------------------------------- */



.video {



	width: 585px;



	position: relative;



	float: left; }



 



	.video .title { 



		height: 58px;



		overflow: hidden; }



 



		.video .title h1 {



			font-size: 23px;



			font-weight: bold;



			letter-spacing: -1px;



			color: #101010;



			background-color: #FFF;



			padding: 12px 5px;



			margin: 10px 0 5px;



			float: left; }



 



	.video .pager {



		width: 72px;



		height: 44px;



		position: absolute;



		top: 10px;



		right: 5px;



		overflow: hidden; }



		



		.video .pager a {



			width: 36px;



			height: 44px;



			display: block;



			float: left; }



 



		.video .pager span.next a , .video .pager span.back a { background: url(../Images/wide-video-pager.gif) 0 -56px no-repeat; }



 



		.video .pager span.back a { background-position: 0 -1px; }



 



	.video a.view {



		width: 581px;



		height: 402px;



		background: url(../Images/preload.jpg) no-repeat;



		display: block; }



 



	.video p {

	font-size: 13px;

	line-height: 20px;

	color: #666;

	padding-top: 10px;

	font-style: italic;

}



 



		.video p strong , .video p a {



			font-weight: bold;



			color: #f03b00; }



 



	.video span.more {



		width: 585px;



		color: #616161;



		border-top: 1px #8e8e8e solid;



		display: block;



		padding: 10px 0 5px;



		margin-top: 10px;



		position: relative; }



 



	.video span a {



		font-weight: bold;



		color: #f03b00; }



 



		.video span a.all {



			color: #616161;



			background-color: #FFF;



			padding: 1px 5px;



			position: absolute;



			top: 8px;



			right: 2px; }



 



	.video #play {



		width: 571px;



		height: 392px;



		margin: -392px 0 0 10px; }



 



/*	--------------------------------------------------



 



Sidebar



 



-------------------------------------------------- */



#sidebar {



	width: 232px;



	background-color: #f0f0f0;



	margin-top: 55px;



	float: right; }



 



	#sidebar h2 {



		width: 152px;



		height: 51px;



		font-size: 18px;



		line-height: 54px;



		text-transform: uppercase;



		color: #5e5e5e;



		background: url(../Images/sidebar-title.gif) no-repeat;



		padding: 0 12px; }



 



	#sidebar .categories , #sidebar .archive { overflow: hidden; }



 



		#sidebar .categories a , #sidebar .archive a { color: #5e5e5e; }



 



		#sidebar .categories strong {



			font-size: 12px;



			text-transform: uppercase;



			color: #ff6803;



			display: block;



			padding: 10px 20px 5px; }



 



		#sidebar .categories ul , #sidebar .archive ul { padding: 0 24px 15px; }



 				



				#sidebar .archive ul { padding: 10px 24px 15px; }



				



			#sidebar .categories ul li , #sidebar .archive ul li {



				line-height: 20px;



				color: #5e5e5e;



				background: url(../Images/icon-sidebar-categories.gif) 0 5px no-repeat;



				padding-left: 14px; }



 



	#sidebar .tags { overflow: hidden; }



 



		#sidebar .tags a { color: #989898; }



		



			#sidebar .tags a:hover { color: #717070; }



 



		#sidebar .tags p { padding: 10px; }



 



	#sidebar .comments { overflow: hidden; }



 



		#sidebar .comments a {



			font-weight: bold;



			color: #ff6903; }



 



		#sidebar .comments span {



			color: #5e5e5e;



			display: block; }



 



		#sidebar .comments p { color: #969696; }



 



		#sidebar .comments img {



			margin: 5px 8px 0 5px;



			float: left; }



 



		#sidebar .comments ul { padding: 10px 5px; }



 



			#sidebar .comments ul li { display: block; }



 



	#sidebar .top {



		background: url(../Images/sidebar-top.gif) 0 top no-repeat;



		padding-top: 18px; }



 



	#sidebar .bottom {



		background: url(../Images/sidebar-bottom.gif) 0 bottom no-repeat;



		padding-bottom: 18px; }



 



/*	--------------------------------------------------



 



Recommended



 



-------------------------------------------------- */



#recommended {



	width: 400px;

	

	overflow: hidden;



	float: right; }



 



	#recommended strong {



		height: 38px;



		font-size: 12px;



		font-weight: bold;



		color: #6e6e6e;



		display: block;



		padding: 20px 3px 0; }



 



	#flex {



		height: 400px;



		overflow: hidden;



		position: relative; }



		



		#recommended ul {

			

			width: 400px;

			

			overflow: hidden; }



 



		#recommended ul li {



			width: 120px;

			

			height: 126px;

			

			background-color: #000;



			display: block;



			margin: 0 4px 10px;

			

			float: left;



			position: relative; }



 



			#recommended ul li a {



				width: 120px;



				height: 92px;



				display: block;



				position: absolute;



				top: 0;



				left: 0;



				z-index: 10; }



 



			#recommended ul li p {



				height: 28px;



				line-height: 14px;



				color: #444;



				background-color: #d4d4d4;



				padding: 8px 5px 0; }



 



			#recommended ul li img {



				opacity: .5;



				filter: alpha(opacity=50); }



 



			#recommended ul li:hover a { background: url(../Images/icon-recommended-play.png) 5px 48px no-repeat; }



 



			#recommended ul li:hover img {



				opacity: 1;



				filter: alpha(opacity=100); }











/*	--------------------------------------------------



 



Footer



 



-------------------------------------------------- */



#footer { background: url(../Images/footer.jpg) 0 bottom repeat-x; }



 



	#footer .social {



		width: 987px;



		background: url(../Images/footer-social-bg.jpg) -5px 0 no-repeat;



		border-top: 5px #3b3b3b solid;



		padding-top: 15px;



		margin: 0 auto;



		overflow: hidden; }



 



		#footer .social .rss , #footer .social .twitter {



			width: 220px;



			height: 190px;



			padding-left: 140px;



			margin-right: 28px;



			float: left; }



 



		#footer .social .rss a , #footer .social .twitter a {



			font-size: 16px;



			line-height: 22px;



			font-weight: bold;



			text-decoration: underline;



			color: #313131;



			display: block; }



 



		#footer .social h2 {



			font-size: 24px;



			line-height: 28px;



			color: #282625; }



 



		#footer .social h3 {



			font-size: 16px;



			line-height: 18px;



			color: #7c7c7c; }



 



		#footer .social p {



			font-size: 12px;



			color: #191919;



			padding-bottom: 12px; }



 



		#footer .social .twitter {



			width: 200px;



			padding-left: 90px; }



 



		#footer .social .blogs {



			width: 260px;



			padding-left: 20px;



			float: left; }



 



			#footer .social .blogs a {



				font-size: 12px;



				color: #191919; }



 



			#footer .social .blogs ul {



				padding: 8px 5px 0;



				overflow: hidden; }



 



				#footer .social .blogs ul li {



					width: 82px;



					line-height: 18px;



					display: block;



					float: left; }



 



	#footer .foot {



		width: 987px;



		height: 161px;



		background: url(../Images/footer-foot.jpg) no-repeat;



		margin: 0 auto; }



 



		#footer .foot form {



			padding-bottom: 20px;



			overflow: hidden; }



 



		#footer .foot fieldset { padding: 18px 0 0 170px; }



 



			#footer .foot fieldset label {



				font-size: 12px;



				line-height: 42px;



				font-weight: bold;



				color: #e5e5e5;



				padding: 0 10px;



				float: left; }



 



			#footer .foot fieldset input.field {



				width: 540px;



				height: 40px;



				font-size: 16px;



				color: #8d8d8d;



				background-color: #FFF;



				padding: 0 10px;



				margin-right: 10px;



				float: left; }



 



			#footer .foot fieldset input.field { line-height /*\**/: 40px\9; }



 



			#footer .foot fieldset input.send {



				width: 105px;



				height: 40px;



				font-size: 16px;



				color: #FFF;



				cursor: pointer;



				background: url(../Images/footer-foot-send.gif) no-repeat;



				float: left; }



 



		#footer .foot p {



			font-size: 13px;



			line-height: 20px;



			color: #FFF;



			padding: 0 25px 33px; }

 



		#footer .foot ul {



			overflow: hidden;



			float: right; }



 



			#footer .foot ul li {



				width: 102px;



				height: 28px;



				line-height: 30px;



				text-align: center;



				margin: 0 10px;



				float: left; }



 



				#footer .foot ul li a {



					font-size: 16px;



					color: #FFF; }



 



				#footer .foot ul li.videos { background-color: #ff6903; }



 



				#footer .foot ul li.biographies { background-color: #237eec; }



 



				#footer .foot ul li.discs { background-color: #d60000; }



 



				#footer .foot ul li.summary { background-color: #444; }