/*
Theme Name: Resuena en los 80!
Theme URI: http://resuena.com.ar/
Description: Tema para Resuena!
Version: 2.1
Author: Lucia Otero
Author URI: http://luciaotero.com.ar/
*/


* {
	margin: 0;
	padding: 0;
}

body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #d5d6d7 url(images/estrellitas.jpg);
	color: #fffdfa;
	text-align: center;
	}

a, a:link, a:visited {
	color: #fffdfa;
}

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

a img  {
	border: 0;
}

h2 {
	color: #f59e00;
	font-size: 1.5em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	font-weight: lighter;
	margin: 1em 0;
	line-height: 1.6em;
	text-align: left;
	}

	h2 span, h3 span {
		background: #001234;
		padding: 0.1em 0.3em;
		}


	h2 a, h2 a:link, h2 a:visited, .entrada h2 a, .entrada h2 a:link, .entrada h2 a:visited  {
		background: #001234;
		text-decoration: none;
		color: #ab005d;
		padding: 0.1em 0.3em;
		border: 0;
		border-bottom: 1px dotted #ab005d;
		}
		
	h2 a:hover, h2 a:active, .entrada h2 a:hover, .entrada h2 a:active  {
		color: #fffdfa;
		border: 0;
		}

h3 {
	color: #f59e00;
	font-size: 1.3em;
	margin: 5px 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	}

	h3#respond, h3#postcomment, h3#enviar {
		margin: 30px 0 5px 0;
		color: #f59e00;
		font-size: 1.3em;
		clear: both;
		}

	h3#comments {
		padding: 3px 0;
		font-size: 1.3em;
		margin: 30px 0 5px 0;
		color: #f59e00;
		}



input, textarea, select {
	border: 1px solid #00a79d;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #9fa49e;
	}



#contenedor {
		width: 99%; 
		margin: 0 auto;
		background: url(images/pie.jpg) no-repeat center bottom;
		display: block;
	}


	#cabecera { 
		height: 355px; 
		width: 870px; 
		display: block;
		margin: 0 auto;
		} 
	
		#cabecera h1 a { 
			background: url(images/resuena.jpg) no-repeat top left;
			height: 355px; 
			width: 572px; 
			display: block;
			float: left;
			} 

				#cabecera h1 a span {
					display: block;
					width: 0;
					height: 0;
					overflow: hidden;
					}
					
					
		#buscador-ppal { 
			width: 250px; 
			float: left;
			margin: 60px 10px 0 25px;
			} 

			
			#buscador-ppal h3 { 
				background: url(images/buscar.png) no-repeat top left;
				height: 17px; 
				width: 63px; 
				display: block;
				} 

				#buscador-ppal h3 span {
					display: block;
					width: 0;
					height: 0;
					overflow: hidden;
					background: none;
					}

			#buscador-ppal #s { 
				background: #fffdfa;
				color: #eb5600;
				border: 1px solid #f59e00;
				padding: 0.1em 0.2em;
				width: 200px;
				margin-left: -13px;
				} 

			#buscador-ppal #ir { 
				background: url(images/ir.png) no-repeat;
				width: 26px;
				height: 21px;
				border: 0;
				} 
				

	#contenedor2 {
		width: 870px;
		margin: 0 auto;
		}

	#contenidos { 
		width: 520px; 
		float: left;
		text-align: left;
		margin-top: -180px;
		margin-left: 0.5em;
		margin-right: 10px;
		padding: 1em;
		color: #fffdfa;
		font-size: 0.75em; 
		line-height: 1.5em;
		background: url(images/contenidos-bg.png) repeat;
		} 
		
			#contenidos img { 
				border: 1px solid #ab005d;
				} 
		
			#contenidos .post_img { 
				float: right;		
				display: block;
				margin: 0 0 5px 10px;
				} 


			#contenidos .primo { 
				float: right;		
				display: block;
				margin: 3px 0 3px 10px;
				} 

			.imagengde {
				display: block;
				margin: 0 0 5px 10px;
			}

			.avatares {
				margin: auto;
				width: 350px;
				text-align: center;
			}
	
				.avatares img {
					margin: 3px;
					}

				.entrada { 
					padding: 0 0 4em 0;
					text-align: justify;
					font-size: 1.1em;
					} 


					.entrada ol, .entrada ul {
						margin: 0.5em 0 0.5em 1.8em;
					}
	
						.entrada ul li {
							list-style-type: circle;
						}

					.entrada a, .entrada a:link, .entrada a:visited {
						color: #f59e00;
						text-decoration: none;
						border-bottom: 1px dotted #f59e00;
					}
					
					.entrada a:hover, .entrada a:active {
						color: #ab005d;
						border-bottom: 1px solid #ab005d;
					}

					.video	{
						margin: 1em auto;
						text-align: center;
					}

					.seguir	{
					 	float: right;
						clear: both;
						font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
						text-transform: uppercase;
						font-weight: bold;
						margin: 0.5em 0;
					}
					
					
					.datosdelpost {
						background: url(images/separador.png) no-repeat left center;
						color: #ab005d;
						padding: 15px 0 10px 55px;
						margin-top: 1em;
						font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
						text-transform: uppercase;
						clear: both;
					}

						.datosdelpost p	{
						 	line-height: 1.6em;
font-size: 0.9em;
						}

							.datosdelpost span	{
								background: #001234;
							}
						
						
								.datosdelpost a, .datosdelpost a:link, .datosdelpost a:visited	{
									color: #ab005d;
								}

		.entreposts {
			color: #f59e00;
			font-size: 1.3em;
			font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			margin: 1em 0 3em 0;
			line-height: 1.4em;
			clear: both;
			padding-bottom: 1em;
			}

			.antes a { 
				background: url(images/mas-viejos.png) no-repeat top left;
				height: 23px; 
				width: 159px; 
				display: block;
				float: left;
				} 
				
					.antes a span, .despues a span {
						display: block;
						width: 0;
						height: 0;
						overflow: hidden;
						}

			.despues a { 
				background: url(images/mas-nuevos.png) no-repeat top right;
				height: 23px; 
				width: 168px; 
				display: block;
				float: right;
				} 

		.entrecomentarios {
			color: #f59e00;
			font-size: 1em;
			font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			margin: 1em 0;
			line-height: 1.4em;
			clear: both;
			padding-bottom: 1em;
			}

			.antiguos a { 
				background: #001234;
				padding: 0.2em;
				display: block;
				float: left;
				} 

			.nuevos a { 
				background: #001234;
				padding: 0.2em;
				display: block;
				float: left;
				} 


		.commentlist li {
			list-style-type: none;
			margin: 1.5em 0;
			text-align: justify;
			color: #f59e00;
			background: url(images/separador-ch.png) no-repeat center bottom;
			padding-bottom: 28px;
			}

			#contenidos .commentlist .avatar {
				float: left;
				margin: 0 0.8em 0.5em 0;
				border: 1px solid #ab005d;
				}

				.commentlist a, .commentlist a:link, .commentlist a:visited	{
					color: #f59e00;
					border-bottom: 1px dotted #f59e00;
					text-decoration: none;
					}


				.commentlist a:active, .commentlist a:hover	{
					border-bottom: 1px solid #ab005d;
					}


			.commentlist p {
				clear: both;
				}

		#formulario-comentar {
			font-size: 0.9em;
			line-height: 1.3em;
			margin: 1em 0;
			padding: 1em 0;
			}

			#formulario-comentar label {
				background: #f59e00;
				color: #fffdfa;
				padding: 0.1em;
				font-weight: bold;
				}
	
			#formulario-comentar #quiencomenta {
				float: left;
				border: 0;
				}

	
				#formulario-comentar #quiencomenta input {
					background: #fffdfa;
					color: #eb5600;
					border: 1px solid #f59e00;	
					width: 211px;	
					font-size: 1em;
					margin: 0.1em 0 0.9em 0;
					padding: 0.2em;	
				}
	
	
			#formulario-comentar #elcomentario {
				float: right;
				border: 0;
				}
	
				#formulario-comentar #elcomentario textarea {
					background: #fffdfa;
					color: #eb5600;
					border: 1px solid #f59e00;
					width: 211px;			
					font-size: 1em;	
					margin: 0.1em 0 0.7em 0;
					padding: 0.2em;	
					height: 75px;
				}
	
				#formulario-comentar #submit {
					width: 215px;
					color: #fffdfa;
					background: #f59e00;
					border: 1px solid #f59e00;
					text-transform: uppercase;
					font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					}
	
			#s2 { 
				background: #fffdfa;
				color: #eb5600;
				border: 1px solid #f59e00;
				padding: 0.05em 0.2em;
				width: 350px;
				} 

			#ir2 { 
				background: url(images/ir.png) no-repeat;
				width: 26px;
				height: 21px;
				border: 0;
				} 





					
	#linksycositas { 
		width: 250px;
		float: left;
		text-align: left;
		margin: -165px 10px 0 40px;
		font-size: 0.7em;
		} 

		#linksycositas li { 
			list-style-type: none;
			} 

		
			#links-rss { 
				padding: 1em 0 2em 0;
				margin-top: 2px;
				} 
			
		
				#links-rss h3 { 
					background: url(images/seguinos.png) no-repeat top left;
					height: 23px; 
					width: 170px; 
					display: block;
					} 
					
		
		
				#links-rss p { 
					font-size: 1em;
					text-transform: uppercase;
					} 
		
				
					#links-rss a, #links-rss a:link, #links-rss a:visited { 
						color: #fffdfa;
						text-decoration: none;
						border-bottom: 2px solid #fffdfa;
						margin-right: 1em;
						} 
					
			
					#links-rss a:active, #links-rss a:hover { 
						border-bottom: 2px dotted #fffdfa;
						} 




			#socializando { 
				padding: 1em 0;
				margin-top: 2px;
				} 
				

					#ilast-fm h3 span, #socializando h3 span, #links-rss h3 span {
						display: block;
						width: 0;
						height: 0;
						overflow: hidden;
						background: none;
						}
	
				#socializando h3 { 
					background: url(images/socializando.png) no-repeat top left;
					height: 17px; 
					width: 107px; 
					display: block;
					} 
	
				#socializando p { 
					margin: 1em 0 0.5em 0.5em;
					} 
	
					
				#socializando ul { 
					display: block;
					margin: 0.5em 0 2.5em 0;
					height: 50px;
					} 
	
	
					#socializando li { 
						float: left;
						margin: 0.4em;
						} 


		
				#ilast-fm h3 { 
					background: url(images/que-escucho.png) no-repeat top left;
					height: 187px; 
					width: 113px; 
					display: block;
					clear: both;
					} 
	
				
				
			#get-recent-comments { 
				padding-top: 0.8em;
				text-align: justify;
				} 
		
				
						#get-recent-comments h3 span, #get-recent-comments h3 span {
							display: block;
							width: 0;
							height: 0;
							overflow: hidden;
							}
	
				#get_recent_comments_wrap { 
					padding-top: 0.3em;
					} 
							
				#get-recent-comments li { 
					line-height: 1.1em;
					padding-bottom: 25px;
					background: url(images/separador-ch.png) no-repeat center bottom;
					margin: 0.5em 0 1em 0.5em;
					} 
						
						
					#get-recent-comments h3 { 
						background: url(images/comentarios.png) no-repeat top left;
						height: 21px; 
						width: 170px; 
						display: block;
						} 
		
						.quien { 
							font-weight: bold;
							} 
		
						.donde { 
							font-style: italic;
							} 

		
	#pie { 
		width: 860px;
		clear: both;
		text-align: center;
		margin: 2em auto 0 auto;
		padding: 30px 0;
		background: url(images/pie.png) repeat-x center;
		} 

		
			#pie p { 
				color: #f59e00;
				font-weight: bold;
				font: 0.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				letter-spacing: 0.02em;
				line-height:1.6em;
				} 

				#pie span { 
					padding: 0.3em;
					} 

				#pie a, #pie a:link, #pie a:visited { 
					color: #f59e00;
					} 

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