/*
Theme Name: PatinandoNet2009
Theme URI: http://www.juanmaguerrero.com
Description: ¡Espero que este tema refleje la pasión por este gélido pero ardiente deporte!
Version: 1.1
Author: Juan Manuel González Guerrero [juanmaguerrero.com@gmail.com]
Author URI: http://www.juanmaguerrero.com
/* --------------------------------------------- */


/* http://sonspring.com/journal/clearing-floats */

html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear
	{ background: none; border: 0; clear: both; display: block;	float: none; font-size: 0;
	list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix {	display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}



/* 00 - ELEMENTOS GLOBALES
/* ----------------------------------------------*/

body {
	margin:0; padding:0;
	width:100%; height:100%;
	background:#211A39 url(images/background.jpg) no-repeat top center;
	display:table;
	font:small Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#DF6FA3; line-height:130%;
}

img {
	border:0;
}

blockquote {
	background:#E5E5E5 url(images/blockquote.gif) no-repeat left center;
	height:auto;
	margin:0 auto;
	padding:10px 20px 10px 40px;
	width:80%;
}

blockquote p {
	color:#5F5F5F;
}

code {
	margin:0; padding:0 4px;
	background:#efe5d7;
}

a {
	color:#E63182;
	text-decoration:none;
}

.post-content p a:hover, #hoja-de-pagina a:hover, .navigation a:hover {
	background-color:#5D4970;
	color:#DF6FA3;
}

.categories-tags a {
	font-weight:bold;
}

.categories-tags a:hover {
	background-color:#5D4970;
	color:#DF6FA3;
}

hr { margin-bottom:0; }

/* 01 - TIPOGRAFIA
/* ----------------------------------------------*/

.post h1 { color:#414142; font-family:Tahoma, Verdana, Arial,Helvetica,sans-serif; font-size:26px; font-weight:bold; line-height:28px; margin:0; padding:0; }

.post h2 { font:22px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#414142; font-weight:bold; }

.post h3 { margin:20px 0 10px 0; padding:0; font:18px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#414142; font-weight:bold; }

.post h4 { margin:10px 0; padding:0; font:14px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#414142; font-weight:bold; }

.post h5 { margin:10px 0; padding:0; font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#414142; font-weight:bold; }

	.post h1 a:link, .post h1 a:active, .post h1 a:visited { color:#414142; text-decoration:none;	}
	
	.post h2 a:link, .post h2 a:active, .post h2 a:visited { color:#414142; text-decoration:none;	}
		
	.post h3 a:link, .post h3 a:active, .post h3 a:visited { color:#414142; text-decoration:none; }
		
	.post h4 a:link, .post h4 a:active, .post h4 a:visited { color:#414142; text-decoration:none;	}
		
	.post h5 a:link, .post h5 a:active, .post h5 a:visited { color:#414142; }
	
	.post h6 a:link, .post h6 a:active, .post h6 a:visited { color:#414142; }
	
	.post-meta a:link, .post-meta a:active, .post-meta a:visited { color:#414142; text-decoration:none;	}
	
	.seguir-leyendo, .seguir-leyendo:visited { padding: 0 0 4px 0!important; font:bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#85478F; text-decoration:none; }

	.seguir-leyendo:hover { font:bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#A66DAF; text-decoration:none; }
	
	.function {
		font-size:85%;
	}
	
	.function a:link, .function a:active, .function a:visited {
		margin:0; padding:0;
		font:100% Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#414142;
		text-decoration:none;
	}
	
	.foot ul a:link, .foot ul a:active, .foot ul a:visited {
		font:90% Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#414142;
		text-decoration:none;
	}

	#tag_cloud a {
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
	}

	#tag_cloud a:hover {
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	.foot ul a:hover, .function a:hover, .post-meta a:hover {
		text-decoration:none;
	}

p {
	font-size:100%;
}

ul, ol {
	font-size:100%;
	margin:0;
	padding-left:20px;
}

.post-meta {
	font:11px "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#414142;
}

.comment-meta {
	margin:0px 0 0 0;
	font:italic 85% "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#414142;
	float:right;
}

.copyright {
	font:80% "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#414142;
}

.input, .submit {
	font:90% "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#414142;
}

	.submit {
		color:#FFF; font-weight:bold;
	}

.despejado { clear:both; }

.punto-aparte { padding-top:20px; }

/* 02 - ESTRUCTURA
/* ----------------------------------------------*/

#pagina {
	margin:0 auto;
	width:960px; height:auto; min-height:800px;
}

#cabecera {
	width:auto; height:260px;
	display:block;
}

#navegacion {
	float:left;
	width:130px;
	height:225px;
	padding:0;
	margin:0;
}

#navegacion a {
	float:left;
	padding:0;
	margin:0;
}

.solapita { float:left; }

#contenido {
	background:transparent url(images/fondo-contenido.gif) repeat-y;
	margin:0 auto; padding:0;
	width:830px; height:auto; 
	background-color:#BCB8D4;
	float:left;
}
	
/* 03 - CABECERA
/* ----------------------------------------------*/

#cabecera ul {
	margin:116px 0 0 130px; padding:0;
	list-style:none;
	position:absolute;
}

	#cabecera ul li {
		margin:0 0 0 10px;
		float:left; display:inline;
	}

#searchform {
	float:right;
	margin:220px 10px 0 0;
}

#s { background:transparent url(images/topsearch-input.png); color:#FFFFFF;
height:16px; }

#searchsubmit { background:transparent url(images/topsearch-submit.png) no-repeat scroll right center;
padding:6px 30px 8px 6px; cursor:pointer; }

#leftcol #searchform {
	float:left;
	margin:0 !important;
	padding:10px 10px 20px;
}

	
/* 04 - CONTENIDO
/* ----------------------------------------------*/

#leftcol {
	margin:0; padding:0;
	width:580px; height:auto;
	float:left;
}

.post {
	width:524px;
	margin:30px auto;
	background:#F5F5F7 url(images/post-box-top.gif) repeat-x scroll center top;
	border-color:#FFFFFF #FFFFFF #E8EBEC;
	border-style:solid;
	border-width:1px;
	overflow:visible;
}

.post-pad {
	width:504px;
	margin:30px auto;
	background:#F5F5F7 url(images/post-box-top.gif) repeat-x scroll center top;
	border-color:#FFFFFF #FFFFFF #E8EBEC;
	border-style:solid;
	border-width:1px;
	overflow:visible;
	padding:0 20px 10px;
}

.post-pad h2 { margin:10px 0 0; }
.post-pad h2 a:hover { color:#9F3B67; }

.post-content {
	width:504px;
	padding:10px;
	overflow:hidden;
}

	.post-meta {
		padding:12px 0 0 0; margin:0;
		display:block;
	}
	
	.post p {
		margin:10px 0;
		padding:0;
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color:#30393D;
		font-size:13px;
		line-height:18px;
	}

/********* A amalia no le gustó :(
.post p strong { font-size:14px; }
*********************************/

.post img, #hoja-de-pagina img {
	background-color:#EFEFEF;
	border:1px solid #E2E0EF;
	padding:4px;
}

.alignleft { float:left; margin-right:7px; }

.alignright { float:right; margin-left:7px; }

.aligncenter { float:none; clear:both; margin:0 auto; display:block; }


.wp-caption p {
	background:#AFAFAF;
	border-left:3px solid #F23183;
	color:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	font-style:italic;
	margin:4px 0;
	padding:3px 6px;
}


#hoja-de-pagina { background:#FFFFFF; padding: 20px; color:#414142; }

#hoja-de-pagina h1, #hoja-de-pagina h2, #hoja-de-pagina h3 { color:#5D4970; margin:6px 0; }

#hoja-de-pagina h1 { font-family:Tahoma, Verdana, Arial,Helvetica,sans-serif; font-size:26px; font-weight:bold; }
#hoja-de-pagina h2 { font:22px Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
#hoja-de-pagina h3 { margin:20px 0 10px 0; padding:0; font:18px Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }

#hoja-de-pagina h1 a, #hoja-de-pagina h2 a, #hoja-de-pagina h3 a { color:#5D4970; }

#hoja-de-pagina h1 a:hover, #hoja-de-pagina h2 a:hover, #hoja-de-pagina h3 a:hover { color:#5D4970; background:none; }

	.sticker-comentarios {
		overflow:visible;
	}
	
	.sticker-comentarios a {
		background:#E63182 none repeat scroll 0 0;
		color:#FFFFFF;
		font-family:arial;
		font-size:17px;
		font-weight:bold;
		padding:7px;
		text-decoration:none;
		margin:12px 0 0 -22px;
		overflow:visible;
		position:absolute;
	}

	.sticker-comentarios-single span {
		background:#E63182 none repeat scroll 0 0;
		color:#FFFFFF;
		font-family:arial;
		font-size:17px;
		font-weight:bold;
		padding:7px;
		text-decoration:none;
		margin:12px 0 0 -22px;
		overflow:visible;
		position:absolute;
	}

	#commentform {
		float:left;
		margin:0 0 30px 86px;
	}

	#commentlist {
		margin:0; padding:0;
		list-style:none;
	}

		#commentlist li {
			background:transparent url(images/comment-divider.gif) no-repeat scroll center bottom;
			color:#DF6FA3;
			float:left;
			margin:20px 0 0 40px;
			overflow:hidden;
			padding:0 0 20px;
			width:500px;
		}

			#commentlist li ul li, #commentlist li ol li {
				margin:0; padding:2px 0;
				background:none;
				list-style:inside;
			}

		#commentlist h5, #commentlist a {
			color:#E63182;
			font-size:14px;
			margin-bottom:0;
			margin-left:-3px;
			padding-left:3px;
			padding-right:3px;
		}

		#commentlist a:hover {
			background-color:#E63182;
			color:#FFFFFF;
			padding:3px;
		}

		#commentlist .comment-meta {
			color:#E63182;
			font-style:normal;
		}

	.about-post {
		float:left;
		font-size:85%;
		margin:0;
		padding:0 0 10px 10px;
		color:#716a5d;
		width:504px;
	}

	.post-footer {
		background:#F5F5F7 none repeat scroll 0 0;
		border-top:1px solid #DFDFDF;
		overflow:visible;
		padding:0 !important;
	}

		.categories-tags { float:left; margin:0 !important; padding:8px 0 10px 120px !important; width:auto;}


/* 05 - BARRA LATERAL Y WIDGETS
/* ----------------------------------------------*/


#rightcol {
	padding:0;
	height:auto;
	float:right;
	margin:22px auto;
	width:238px;
}

#rightcol a:hover {
	font-weight:normal;
	color:#85478F;
	text-decoration:none;
}

.widget {
	width:225px;
	background:transparent url(images/widget-bottom.gif) no-repeat bottom;
	padding-bottom:20px;
	margin-bottom:10px;
}

#esconder-title {
	display:none;
}

.middle {
	width:225px;
	background:transparent url(images/widget-middle.gif) no-repeat;
	padding-right:15px;
	width:210px;
}

#destacado-sidebar {
	height:184px;
	width:225px;
	margin-bottom:16px;
}

.widget #text-387901321{
	background:none;
}

#text-387901321 > div:first-child .middle {
	background:none;
}

#categories-815018791 .widgettitle {
	background:transparent url(images/widget-top-categorias.gif) no-repeat;
	height:44px;
	margin-top:20px;
}

#recent-posts .widgettitle {
	background:transparent url(images/widget-top-recientes.gif) no-repeat;
	height:44px;
}

#text-815022121 .widgettitle {
	background:transparent url(images/widget-top-destacadas.gif) no-repeat;
	height:44px;
}

#recent-comments .widgettitle {
	background:transparent url(images/widget-top-comentarios.gif) no-repeat;
	height:44px;
}

#tag_cloud .widgettitle {
	background:transparent url(images/widget-top-etiquetas.gif) no-repeat;
	height:44px;
}

#tag_cloud .middle {
	padding-left:16px;
	width:194px;
}

#tag_cloud ul{
	padding:0!important;
}
		
/* 06 - COMENTARIOS
/* ----------------------------------------------*/

.comentario-h3 {
	color:#BCB8D4;
	float:left;
	margin:30px 0 10px 40px !important;
	width:504px;
}

.debes-loguearte { float:left; margin:0 0 0 40px; }

.comment {
	overflow:hidden;
}

	* html .comment {
		height:1px;
		overflow:visible;
	}

.comment-info {
	clear:both;
	float:left;
}

	.comment-info input {
		width:120px;
		margin:0 0 12px 0;
	}

.comment-comment {
	float:left;
	width:400px;
}

	.comment-comment textarea {
		float:left;
		height:120px;
		padding:0;
		width:400px;
	}
	
	.submit {
		clear:both;
		margin:0; padding:4px 5px;
		background:#fffdf3 url(images/submit.gif) repeat-x;
		border:0 none;
		display:block;
		cursor:pointer;
	}

.input {
	margin:0; padding:7px;
	background:#FFFFFF;
	border:0 none;
}

/* 07 - PIE
/* ----------------------------------------------*/

#footer {
	background:transparent url(images/footer.gif) no-repeat scroll center top;
	float:right;
	height:230px;
	margin:0 auto;
	overflow:hidden;
	width:830px;
}

	.function {
		margin:93px 0 0 150px; padding:0;
		width:150px; height:auto;
		float:left; display:inline;
	}
	
	.foot {
		float:right;
	}
	
		.foot ul {
			margin:78px 0 12px 0; padding:0;
			width:615px;
			list-style:none;
		}
		
			.foot ul li {
				margin:0; padding:0 10px;
				display:inline;
				border-left:1px solid #9b897a;
			}
			
				.foot ul li.first {
					margin:0; padding:0 7px 0 0;
					border:0;
				}
			
	.copyright {
		position:relative;
		display:block;
	}


/* 08 - Iconos Sociales (compartir)
/* ----------------------------------------------*/

#compartir-social { margin:0; padding:16px 0 8px; float:left; }
.span-social { color:#5D4970; font-weight:bold!important; float:left; }
#compartir-social li { display:inline; padding:0 0 0 10px!important; margin:0!important; font-weight:normal!important;}

#compartir-social a, #compartir-social a:hover { color:#6288A2!important; text-decoration:none; }
#compartir-social img { border:medium none; padding:0!important; margin:0!important; }


/* 09 - VARIOS
/* ----------------------------------------------*/

.navigation { 
	font-size:12px;
	font-weight:bold;
	margin:0 auto;
	width:500px;
}

.wrap-404 {
	width:480px;
	margin:30px auto;
}

.epa { color:#DF6FA3; }

.divider {
	margin:10px 0 0; padding:0;
	width:499px; height:3px;
	background:url(images/divider.gif) no-repeat top center;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

#cabecera h1 {display:none!important;}
#cabecera ul {display:none!important;}