/*
Theme Name: Angel Custodio
Theme URI: http://angelcustodio.net/
Description: Theme personalizado para mi blog personal.
Version: 1.0
Author: Angel Custodio
Author URI: http://angelcustodio.net/
Tags: blue, ajax, fixed width, two columns
*/

/* Constantes */
body {
	background: #4578ba;
	margin: 0;
	text-align: center;
	font-family: Trebuchet MS, Geneva, sans-serif;
}
a, a:active, a:link, a:visited, a:hover { text-decoration: none; outline: 0; }
img { border: none; }
span.feed-link { background: #FFFFFF url(imgs/feed.jpg) no-repeat center left; padding: 0 0 0 20px; }
span.feed-suscritos { background: #FFFFFF url(imgs/suscrito.jpg) no-repeat 1px center; padding: 0 0 0 20px; }
#contenedor #contenido #sidebar #cajaazul { background: url(imgs/bg-separador.jpg) no-repeat top right; padding: 8px 0 0 5px; height: 27px; }
#contenedor #contenido #sidebar #cajaazul span.titulo-nubetags { background: #e7eefe url(imgs/bg-icon-tag.jpg) no-repeat left 1px; margin-left: 5px; padding: 0 0 0 20px; }
#contenedor #contenido #sidebar #cajaazul span.titulo-enlaces { background: #e7eefe url(imgs/favorito.jpg) no-repeat left 0px; margin-left: 5px; padding: 0 0 0 20px; }

/* Cabecera */
#superhead {
	display: none;
	background: #091a46 url(imgs/bg-superhead.jpg) no-repeat top center;
	padding-right: 100px;
	height: 300px;
	text-align: right;
	font-size: 11px;
	color: #FFFFFF;
	display: none;
}
#minihead {
	background: #091a46;
	_margin: -15px 0 0 0; /* IE hack */
	height: 7px;
	width: 100%;
	text-align: center;
}

/* Interno */
#contenedor {
	background: #FFFFFF url(imgs/bg-real-contenedor.jpg) repeat-y top center;
	margin: 0 auto;
	width: 950px;
	text-align: left;
}
	#contenedor #arriba {
		background: #FFFFFF url(imgs/bg-contenedor.jpg) no-repeat top center;
		height: 175px;
		width: 950px;
		text-align: center;
	}
		#contenedor #arriba #izquierda {
			height: 50px;
			width: 600px;
			float: left;
		}
			#contenedor #arriba #izquierda #twiiit {
				margin: 60px 0 0 0;
				padding: 0 0 0 140px;
				height: 50px;
				font-size: 11px;
				color: #091a46;
				text-align: right;
			}
				#contenedor #arriba #izquierda #twiiit a, #contenedor #arriba #izquierda #twiiit a:active, #contenedor #arriba #izquierda #twiiit a:link, #contenedor #arriba #izquierda #twiiit a:visited {
					color: #091a46;
				}
				#contenedor #arriba #izquierda #twiiit a:hover {
					color: #f37239;
				}
			#contenedor #arriba #izquierda #frase {
				font-size: 11px;
				color: #999;
				text-align: right;
			}
		#contenedor #arriba #derecha {
			height: 30px;
			width: 350px;
			font-size: 12px;
			color: #FFFFFF;
			float: left;
		}
			#contenedor #arriba #derecha a, #contenedor #arriba #derecha a:active, #contenedor #arriba #derecha a:link, #contenedor #arriba #derecha a:visited {
				color: #FFFFFF;
			}
			#contenedor #arriba #derecha a:hover {
				color: #f37239;
			}
	#contenedor #contenido {
		width: 950px;
	}
		#contenedor #contenido #blog {
			padding: 0 10px 0 30px;
			width: 560px;
			_width: 560px; /* IE Hack */
			float: left;
			color: #091a46;
		}
			#contenedor #contenido #blog a, #contenedor #contenido #blog a:active, #contenedor #contenido #blog a:link, #contenedor #contenido #blog a:visited {
				color: #4578ba;
			}
			#contenedor #contenido #blog a:hover {
				color: #f37239;
			}
			#contenedor #contenido #blog #post {
				margin: 0 0 0 0;
			}
				#contenedor #contenido #blog #post #titulo h2 {
					margin: 0 0 10px 0;
					font-size: 20px;
				}
				#contenedor #contenido #blog #post #texto {
					font-size: 13px;
					color: #091a46;
					line-height: 140%;
					text-align: justify;
				}
				#contenedor #contenido #blog #post #pie {
					background: #FFFFFF url(imgs/bg-meta.jpg) no-repeat top left;
					padding: 4px 0 0 4px;
					height: 21px;
					font-size: 11px;
					color: #091a46;
					text-align: left;
				}
					#contenedor #contenido #blog #post #pie span.enlace-comentarios {
						background: #e7eefd url(imgs/bg-icon-comentarios.jpg) no-repeat top right;
						padding: 0 20px 0 0;
					}
				#contenedor #contenido #blog #post #social {
					background: #FFFFFF url(imgs/bg-social.jpg) no-repeat bottom right;
					margin: -2px 15px 0 0;
					height: 21px;
					text-align: right;
				}
				#contenedor #contenido #blog #post #social img {
					margin: 3px 25px 0 0;
				}
				#contenedor #contenido #blog #post #subpie {
					background: #FFFFFF url(imgs/bg-meta.jpg) no-repeat top left;
					margin: 5px 0 0 0;
					padding: 4px 0 0 4px;
					height: 21px;
					font-size: 11px;
					color: #091a46;
					text-align: left;
				}
					#contenedor #contenido #blog #post #subpie span.enlace-tags {
						background: #e7eefd url(imgs/bg-icon-tag.jpg) no-repeat top left;
						margin: 0 0 0 5px;
						padding: 0 0 0 22px;
					}
				#contenedor #contenido #blog #post #paginacion {
					background: #FFFFFF url(imgs/bg-meta.jpg) no-repeat top left;
					padding: 4px 0 0 4px;
					height: 21px;
					font-size: 11px;
					color: #091a46;
					text-align: right;
				}
			#contenedor #contenido #blog #feedback {
				background: #FFFFFF url(imgs/bg-meta.jpg) no-repeat top left;
				margin: 20px 0 20px 0;
				padding: 4px 0 0 4px;
				height: 21px;
			}
				#contenedor #contenido #blog #feedback #izq, #contenedor #contenido #blog #feedback #der {
					float: left;
					width: 50%;
					text-align: center;
				}
				#contenedor #contenido #blog #feedback span.feed-link-com {
					background: #e7eefd url(imgs/bg-icon-com.jpg) no-repeat top left;
					padding: 0 0 0 25px;
					font-size: 11px;
				}
				#contenedor #contenido #blog #feedback span.feed-link-track {
					background: #e7eefd url(imgs/bg-icon-track.jpg) no-repeat top left;
					padding: 0 0 0 25px;
					font-size: 11px;
				}
			#contenedor #contenido #blog #comentarios {
				margin: 20px 0 0 0;
			}
				#contenedor #contenido #blog #comentarios #comentario {
					background: #e7eefd url(imgs/bg-meta-com-lite.jpg) repeat-y top left;
					margin: 0 0 10px 0;
				}
					#contenedor #contenido #blog #comentarios #comentario #nickfecha {
						background: #e7eefd url(imgs/bg-meta-com.jpg) no-repeat top left;
						margin: 0 0 25px 0;
						padding: 4px 0 0 4px;
						height: 21px;
						font-size: 13px;
						text-align: left;
					}
					#contenedor #contenido #blog #comentarios #comentario #medio {
						padding: 0 30px 0 0;
						_padding: 0; /* IE Hack */
						}
						#contenedor #contenido #blog #comentario #medio #avatar {
							float: left;
							width: 20%;
							text-align: center;
						}
						#contenedor #contenido #blog #comentarios #comentario #medio #texto {
							float: left;
							_padding-right: 30px; /* IE Hack */
							width: 80%;
							font-size: 12px;
							text-align: justify;
						}
					#contenedor #contenido #blog #comentarios #comentario #links {
						background: #e7eefd url(imgs/bg-meta-com.jpg) no-repeat bottom left;
						padding: 4px 7px 0 4px;
						height: 21px;
						font-size: 13px;
						text-align: right;
					}
				#contenedor #contenido #blog #comentarios #formulario-comentarios {
					background: #e7eefd url(imgs/bg-meta-com-lite.jpg) repeat-y top left;
				}
					#contenedor #contenido #blog #comentarios #formulario-comentarios #superior {
						background: #e7eefd url(imgs/bg-meta-com.jpg) no-repeat top left;
						padding: 4px 0 0 4px;
						height: 11px;
					}
					#contenedor #contenido #blog #comentarios #formulario-comentarios #rellenar {
						padding: 0 4px 0 4px;
					}
						#contenedor #contenido #blog #comentarios #formulario-comentarios #rellenar #campos {
							float: left;
							width: 200px;
						}
							#contenedor #contenido #blog #comentarios #formulario-comentarios .autor {
								font-size: 13px;
							}
							#contenedor #contenido #blog #comentarios #formulario-comentarios #rellenar #campos input {
								margin: 5px 0 5px 5px;
								padding: 6px 4px 0 0;
								height: 21px;
								width: 160px;
								border: 1px solid #ccc;
								color: #666;
								font-size: 11px;
								font-family: Trebuchet MS, Geneva, sans-serif;
							}
							#contenedor #contenido #blog #comentarios #formulario-comentarios #rellenar #campos input#nick {
								background: #FFFFFF url(imgs/bg-icon-nick.jpg) no-repeat center left;
								padding-left: 25px;
							}
							#contenedor #contenido #blog #comentarios #formulario-comentarios #rellenar #campos input#mail {
								background: #FFFFFF url(imgs/bg-icon-mail.jpg) no-repeat center left;
								padding-left: 25px;
							}
							#contenedor #contenido #blog #comentarios #formulario-comentarios #rellenar #campos input#url {
								background: #FFFFFF url(imgs/bg-icon-url.jpg) no-repeat center left;
								padding-left: 25px;
							}
							#contenedor #contenido #blog #comentarios #formulario-comentarios #rellenar #campos input#enviar {
								background: #f37239;
								padding: 2px 0 0 0;
								height: 24px;
								width: 191px;
								color: #FFFFFF;
							}
						#contenedor #contenido #blog #comentarios #formulario-comentarios #rellenar #textocom {
							float: left;
							width: 350px;
						}
							#contenedor #contenido #blog #comentarios #formulario-comentarios #rellenar #textocom #areatexto {
								margin: 5px 0 5px 5px;
								padding: 4px;
								height: 131px;
								_height: 131px; /* IE Hack */
								width: 330px;
								border: 1px solid #ccc;
								color: #666;
								font-size: 11px;
								font-family: Trebuchet MS, Geneva, sans-serif;
							}	
					#contenedor #contenido #blog #comentarios #formulario-comentarios #inferior {
						background: #e7eefd url(imgs/bg-meta-com.jpg) no-repeat bottom left;
						padding: 4px 0 0 4px;
						height: 11px;
					}
				#contenedor #contenido #blog #comentarios #advertencia {	
					color: #999;
					font-size: 10px;
					text-align: justify;
				}
		#contenedor #contenido #sidebar {
			width: 350px;
			font-size: 11px;
			float: left;
		}
			#contenedor #contenido #sidebar #buscador {
				background: url(imgs/bg-buscador.jpg) no-repeat top right;
				height: 35px;
			}
				#buscador input#s {
					background-color: transparent;
					margin: 9px 0 0 20px;
					padding: 2px 0 0 0;
					height: 20px;
					width: 275px;
					border: none;
					font-size: 11px;
					color: #999;
				}
					#buscador input#s:focus {
						color: #000000;
					}
				#buscador input#searchsubmit {
					display: none;
				}
			#contenedor #contenido #sidebar #feeds {
				margin: 20px 0 20px 11px;
				line-height: 180%;
				color: #3a486b;
			}
				#contenedor #contenido #sidebar #feeds a, #contenedor #contenido #sidebar #feeds a:active, #contenedor #contenido #sidebar #feeds a:link, #contenedor #contenido #sidebar #feeds a:visited {
					color: #3a486b;
				}
				#contenedor #contenido #sidebar #feeds a:hover {
					color: #f37239;
				}

/* Pie de página */
#footer {
	background: #FFFFFF url(imgs/bg-footer.jpg) no-repeat bottom center;
	margin: 0 auto;
	padding: 35px 22px 0 0;
	height: 35px;
	_height: 70px; /* IE hack */
	width: 928px;
	_width: 950px; /* IE hack */
	font-size: 10px;
	color: #999;
	text-align: right;
}
	#footer a, #footer a:active, #footer a:link, #footer a:visited {
		color: #4578ba;
	}
	#footer a:hover {
		color: #f37239;
	}
	
/* Shots */
				#contenedor #contenido #blog #micropost {
					background: #e7eefd url(imgs/bg-meta-com-lite.jpg) repeat-y top left;
					margin: 0;
				}
					#contenedor #contenido #blog #micropost #head {
						background: #e7eefd url(imgs/bg-meta-com.jpg) no-repeat top left;
						margin: 0;
						padding: 0;
						height: 15px;
					}
					#contenedor #contenido #blog #micropost #mid {
						margin: 0;
						padding: 0 10px;
						font-size: 11px;
					}
					#contenedor #contenido #blog #micropost #foot {
						background: #e7eefd url(imgs/bg-meta-com.jpg) no-repeat bottom left;
						margin: 0;
						padding: 0;
						height: 15px;
					}

/* Nube de tags y lista de enlaces */
.nubedetags { margin: 0 0 0 25px; width: 75%; text-align: center; }
.listadeenlaces { }
.listadeenlaces ul { margin: 0 0 0 26px; padding: 0; list-style-type: none; list-style-position: inside; }

/* Gallerías */
div.gallery { border: none; }
div.gallery img { border: none }