@charset "utf-8";

/*****************************************************
	- Autor: Natalia Artigas
	- Fecha: 10-02-2010
	- Referencias:	
	- Proyecto: Alfa9 - Radio Gladys Palmera 
	- Función: Estilos para music channels y blogs
	

*****************************************************/

/*	---------	Common	-----------------------------*/	
	.tmp #content {
			float: left;
			position: relative;
			width: 980px;
	}
	.tmp a{ text-decoration:none;}
	.tmp a:hover{ text-decoration:underline;}
			
/*	---------	music channels 	-----------------------------*/		
	.tmp #content.channels-page{ padding:0px;}
	
	.tmp .channels-page .section-heading{ margin-bottom:26px;}
	
	.tmp .channel-item{	border:1px solid #e3e5e3; background-color:#e3e5e3; height:125px;margin-top:0px; margin-bottom:20px;}
		.tmp .channel-item .hd{ float:left; margin-right:15px;}
		.tmp .channel-item .bd{ padding-top:5px;}
			.tmp .channel-item .bd h2 a{ color:#02b2b2;}
			.tmp .channel-item .bd p{color:#5e5e5e; max-height:2.85em; overflow:hidden;}
			.tmp .channel-item .bd .listen{ background:#eeefee url(/images/escuchar-icon.gif) 6px 8px no-repeat; padding:8px 0px 8px 28px; margin:7px 10px 0px 0px; position:relative;}
				.tmp .channel-item .bd .listen p{color:#02b2b2; width:550px; clear:both;max-height:1.5em; overflow:hidden;}
				.tmp .channel-item .bd .listen p.info{ font-size:11px; }
				.tmp .channel-item .bd .listen a.button{ width:120px; height:40px; background: url(/images/b_escuchar.jpg) 0px 0px no-repeat; overflow:hidden; position:absolute; bottom:4px; left:4px;}
					.tmp .channel-item .bd .listen a.button span{ position:absolute; left:-99999px;}
					
/*	---------	blogs 	-----------------------------*/		
	.tmp #content.blogs-page{ padding:0px;}
	
	.tmp .blogs-page .section-heading{ margin-bottom:26px;}
	
	.tmp .blog-item{background-color:#e3e5e3; height:118px;margin-top:0px; margin-bottom:27px;}
		.tmp .blog-item .hd{ float:left; margin-right:7px;}
		.tmp .blog-item .bd{ padding-top:8px; height:105px; position:relative; margin-right:20px;}
			.tmp .blog-item .bd h2{ margin-bottom:4px;}
			.tmp .blog-item .bd a{color:#02b2b2;}
			.tmp .blog-item .bd p{color:#5e5e5e; max-height:4.5em; overflow:hidden;}
			.tmp .blog-item .bd .more{ position:absolute; bottom:4px;}