/*
Theme Name: Tacto
Description: Un tema para WordPress con el estúpido nombre de "Tacto"
Version: 1.0 (ES)
Author: Manu Contreras
Author url: http://proletarium.org
*/

body {
	font-family: Arial, Verdana, Sans-serif;
	color: #222;
	background: #fff;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

.ad {
	/* footer ad */
	margin: 20px auto;
	text-align: center;
	padding: 10px;
	border: 1px solid #CCC;
}

	.ad:hover {
		border-color: #999;
	}

.izquierda {float: left;}

.derecha {float: right;}

blockquote {
	border: 1px solid #bfbfbf;
	color: #666;
	padding: 5px 10px;
	margin: 10px;
}


/* links */

a {
	color: #3a59b4;
        text-decoration: none;
}

	a:hover {
		color: #304a95;
	}



/* imagenes */

body img {
	border: 0;
}

/* imagen centrada */
img.centro {
	margin: 0 auto;
	display: block;
}

/* imagen izquierda */
img.izquierda {
	float: left;
	margin: 0 10px 5px 0;
}

/* imagen derecha */
img.derecha {
	float: right;
	margin: 0 0 5px 10px;
}

/* imagen con borde */
img.borde {
	border: 1px solid #999;
	padding: 1px;
}


/* multimedia */

.video {
	text-align: center;
	padding: 10px 0;
}


/* positions */

#wrp {
	width: 920px;
	margin: 0 auto 0 20px;
}

#header {
	margin: 0;
	padding: 0;
}

#content {
	width: 644px;
	margin: 40px 0 0 0;
	float: right;
}

#sidebar {
	width: 240px;
	float: left;
}

#footer {
	margin: 20px 0 0 10px;
}


/* c'mon, header content */

#header {
	background: #304996;
	padding: 0;
	margin: 0;
}

	h1 {
		font-size: 2.6em;
		color: #eee;
		margin: 0;
		padding: 40px 0 6px 25px;
	}
	
		h1 a,
		h1 a:hover {
			color: #eee;
			text-decoration: none;
		}





/* links */

#links {
	font-size: .8em;
	padding: 10px 0 5px 25px;
}
		
	#links a {
		color: #fff;
		background: #1e326c;
		text-decoration: none;
		margin: 0 0 0 -2px;
		padding: 5px 10px;
	}
	
		#links a:hover {
			color: #444;
			background: #fff;
		}


/* content */

#content {}

	.archive {
		font-size: .9em;
		color: #333;
		padding: 8px;
		margin: 0 0 20px 0;
		background: #FFC;
		border: 1px solid #FDDC9A;
	}
	
	.archivelist {
		font-size: .9em;
		line-height: 24px;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		.archivelist strong {
			padding: 3px;
			background: #999;
			color: #fff;
		}
		
		.archivelist .comm {
			font-size: .7em;
			color: #999;
		}
		
			.archivelist .comm a {
				text-decoration: none;
				color: #999;
			}

	.post {
		margin: 0 0 35px 0;
	}
	
		.title {
			font: bold 2.2em/1em "Calibri", Arial, "Segoe UI", Verdana, Sans-serif;
			letter-spacing: -1px;
			color: #2f4895;
			margin: 0;
			padding: 0;
		}
		
			.title a {
				color: #2f4895;
				text-decoration: none;
			}
			
				.title a:hover {
					color: #000;
				}
			
		.meta {
			font-size: .75em;
			color: #999;
			padding: 5px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #eee;
		}
		
			.meta a {
				text-decoration: none;
			}
			
			.commentsnumber a {
				background: url('img/12-em-plus.png') no-repeat center left;
				padding: 0 0 0 15px;
			}
			
		.postcontent {
			font: normal .8em/1.4em "Lucida Grande", "Segoe UI", Arial, Verdana, sans-serif;
			overflow: hidden;
		}

			.postcontent ul li {
				list-style-image: url('img/bullet.gif');
			}
			
		.tags {
			font-size: .8em;
			color: #666;
			border: #bfbfbf;
			border: 1px solid #CCC;
			background: #eee;
			margin: 20px 0 0 0;
			padding: 4px;
		}
		
			.tags a {
				color: #666;
			}
			
		.post .ad {
			width: 46%;
		}
			
		.galeria {
			width: 425px;
			margin: 0 auto;
			background: #eee;
			border: 1px solid #ccc;
			padding: 5px;
		}
		
			.galeria img {
				margin: 0 5px 5px 0;
				border: 1px solid #666;
				background: #fff;
				padding: 1px;
			}

	.navigation {
		font-size: .8em;
	}
	
		.headernav {
			padding: 0 0 20px 0;
		}

		.navigation .next {
			float: right;
			width: 45%;
			text-align: right;
		}
		
			.navigation .next a {
				background: url('img/16-arrow-right.png') no-repeat center right;
				padding: 0 20px 0 0;
			}

		.navigation .prev {
			float: left;
			width: 45%;
			text-align: left;
		}
		
			.navigation .prev a {
				background: url('img/16-arrow-left.png') no-repeat center left;
				padding: 0 0 0 20px;
			}

		.navigation a {
			text-decoration: none;
		}
		
	/* paginacion plugin */
	
	.pagination {
		padding: 3px;
		margin: 3px;
	}
	
		.pagination a {
			padding: 2px 5px 2px 5px;
			margin: 2px;
			border: 1px solid #EEE;
			text-decoration: none;
			color: #069;
		}
		
			.pagination a:hover,
			.pagination a:active {
				border: 1px solid #999;
				color: #666;
			}
		
		.pagination .current {
			padding: 2px 5px 2px 5px;
			margin: 2px;
			border: 1px solid #069;
			font-weight: bold;
			background-color: #069;
			color: #FFF;
		}

		.pagination .disabled {
			padding: 2px 5px 2px 5px;
			margin: 2px;
			border: 1px solid #EEE;
			color: #DDD;
		}



/* comments */

#commentslist {
	margin: 20px 0;
	padding: 0;
}

	#commentslist li {
		list-style-type: none;
		margin: 0 0 25px 0;
		padding: 0;
	}
	
		.commentconent {
			font-size: .8em;
			line-height: 20px;
			padding: 0 10px;
			border: 1px solid #bfbfbf;
		}
		
		.commeta {
			margin: -1px 0 0 0;
			padding: 10px 0 0 20px;
			font-size: .75em;
			color: #888;
			background: url('img/comment.gif') no-repeat top left;
		}
		
			.commeta a {
				color: #333;
				text-decoration: none;
			}
			
	#commentform {
		margin: 0 0 25px 0;
	}
	
		#commentform input,
		#commentform textarea {
			font-size: .9em;
			line-height: 20px;
			color: #777;
			padding: 5px;
			border: 1px solid #bfbfbf;
		}
		
		#commentform label {
			font-size: .8em;
			font-weight: bold;
			line-height: 20px;
			color: #333;
		}
	
		#commentform textarea {
			width: 99%;
		}
		
		#commentform #submit {
			font-size: .8em;
			font-weight: bold;
			color: #222;
			background: #eee;
			border: 1px outset #ccc;
			padding: 5px 12px;
		}



/* sidebar */

#sidebar {
	font-size: .8em;
	line-height: 20px;
	margin: 40px 10px 0 0;
}

	.box {
		margin: 0 0 30px 0;
		font-size: .9em;
		line-height: 17px;
	}
	
		.textwidget {
			border: none;
			padding: 0 10px;
			overflow: hidden;
		}
		
		#searchform #s {
			font-size: .8em;
			border: 1px solid #ccc;
			padding: 4px 2px;
			margin: 0 0 4px 0;
			width: 180px;
		}

	h3 {
		font: normal 1.5em Arial, Verdana, Sans-serif;
		color: #333;
		margin: 0 0 4px 0;
		padding: 0;
	}
	
		h3 a {
			color: #000;
			text-decoration: none;
		}

	.box ul {
		margin: 0 0 0 15px;
		padding: 0;
	}
	
		.box ul li {
			/*list-style-type: none;*/
			list-style-image: url('img/bullet.gif');
		}


		

/* footer */

#footerwidgets {}

	#footerwidgets .box {
		width: 180px;
		float: left;
		margin: 0 10px 0 0;
	}
	
	#footerwidgets h3 {
		font-size: 16px;
	}

#footer {
	font-size: .7em;
	line-height: 18px;
	text-align: right;
	color: #888;
	background: #fff;
	padding: 20px;
	margin: 20px 0;
}

	#footer a {
		color: #444;
	}