/*
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;
}
.clear2 {
	clear:both;
	height:4px;
}
.clear4 {
	clear:both;
	height:10px;
}
.clear3 {
	clear:both;
	height:15px;
}
.harry {
        float:left;
        margin-right: 5px;
        margin-left: 1px;
        background: #fff;
}
.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;}

img[align=left],
.alignleft {
    float: left;
    margin-right: 10px;
}
img[align=right],
.alignright {
    float: right;
    margin-left: 10px;
}
blockquote {
	font-family: Arial, Verdana, Sans-serif;
        -moz-border-radius: 10px;
        -webkit-border-radius 10px; 
        border-radius:10px; 
	line-height: 22px;
        margin: 5px;
        background: #fbfbfb;
	border: 1px solid #e4e4e4;
	color: #5a5a5a;
	padding: 15px;
}

.comment-numero { float:right; font-family:Arial; font-weight: bold; margin-left:10px; margin-top:1px; color:#cccccc; font-size:16px}

.linklog ul {
background: #fbfbfb;
border: 1px solid #e4e4e4;
color: #676767;
font-family: Arial, Verdana, Sans-serif;
-moz-border-radius: 10px;
-webkit-border-radius 10px; 
border-radius:10px; 
padding: 20px;
margin-bottom: 35px;
font-size:12px;
line-height: 17px;
}

.linklog ul a {
text-decoration:none;
}

/* links */

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

	a:hover {
		color: #02c579;
	}



/* 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: 980px;
	margin: auto;
}

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

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

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

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


/* c'mon, header content */

#header {
	background: #058251;
	padding: 0;
	margin: auto;
}

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

/* links */

#links {
	font-size: .8em;
	padding: 10px 0 5px 25px;
}
		
	#links a {
		color: #fff;
		background: #076c44;
		text-decoration: none;
		margin: 0;
		padding: 5px 10px;
                -moz-border-radius-topright: 10px;
                -moz-border-radius-topleft: 10px;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                border-top-right-radius = 10px;  
                border-top-left-radius = 10px; 
	}
	
		#links a:hover {
			color: #02c579;
			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 30px 0;
	}
	
		.title {
			font: bold 2.2em/1em Arial, Verdana, Sans-serif;
			letter-spacing: -1px;
			color: #058251;
			margin: 0;
			padding: 0;
		}
		
			.title a {
				color: #058251;
				text-decoration: none;
			}
			
				.title a:hover {
					color: #02c579;
				}
			
		.meta {
			font-size: .75em;
			color: #999;
			padding: 5px 0;
			margin: 0 0 10px 0;
                        border-bottom: 1px solid #e5e5e5;
		}
		
			.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 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: 20px 0 25px 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 */

.avatar {
   margin: 0 15px 0 0;
   border:none;
   float: left;
   }
.commentlist {
	margin: 0;
	padding: 0;
}
.commentlist li 
{
	list-style:none;
	padding: 1em;			
	font-size:1em;
	border: 1px solid #e4e4e4;
        background: #fbfbfb;
	color: #5a5a5a;
        -moz-border-radius: 10px;
        -webkit-border-radius 10px; 
        border-radius:10px; 
        line-height: 20px;
        margin: 0 0 15px 0;
}
.commentmetadata a{
	border:0;
	color:#777;
}
.commentlist li p
{
	font-family: Arial, Verdana, Sans-serif;
	font-size:12px;
}
.commentlist li a
{
	color: #5a5a5a;
}
.commentlist li .cmtinfo 
{
	padding:5px;
	margin-bottom: 5px;
	position:relative;	
}
.commentlist li .cmtinfo em 
{
	font-weight:normal;			
	font-style:normal;
	font-size:0.7em;
	color:#999;
}
.commentlist li cite 
{
	font-style:normal;
	font-size:18px;
}
.commentlist li.alt
{
	background:#fbfbfb;	
}
.commentlist li.authorcomment
{
	border: 1px solid #a6cbec;
        background: #eff3f7;
	color: #5a5a5a;
}
.nocomments
{
	font-size:0.9em;
	color:#999;
	text-align:center;
}
	#commentform {
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
        background: #fbfbfb;
	border: 1px solid #e4e4e4;
        -moz-border-radius: 10px;
        -webkit-border-radius 10px; 
        border-radius:10px; 

	}
	
		#commentform input,
		#commentform textarea {
			font-size: .9em;
			line-height: 20px;
			color: #777;
                        border: 1px solid #e4e4e4;
			padding: 5px;
		}
		
		#commentform label {
	        display: block;
	        margin: 2px 0 2px 3px;
		font-size: .8em;
		line-height: 14px;
		color: #777;

		}
	
		#commentform textarea {
			width: 98%;
		}
		
		#commentform #submit {
                        font-family:Helvetica, Arial, sans-serif;
                        font-size:1.1em;
			font-weight: bold;
                        background-color: #009f60;
                        border: 2px outset #009f60;
                        color: #fff;
			padding: 10px 20px;
                        -webkit-appearance: none;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                        cursor: pointer;
                        text-shadow: #088F11 -1px -1px 0;
		}

/* sidebar */

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

	.box {
	font-size: .9em;
	line-height: 22px;
        background: #fbfbfb;
	border: 1px solid #e4e4e4;
        padding: 20px;
	margin: 0 0 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	.textwidget a {
	color: #696969;
}
	.textwidget a:hover {
	color: #c2c2c2;
		}
        #searchform #s {
	display: block;
	margin: 0 auto;
	border: 1px solid #d4d4d4;
	padding: 5px 24px 5px 5px;
	width: 220px;
	background: #fff url(img/search.png) no-repeat 100% 50%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
		}
	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 0px;
		padding: 0;
	}
	
		.box ul li {
                        padding:0 0 0 7px;
			list-style-type: none;
			background:url(img/bullet.gif) left no-repeat;
		}

/* 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: center;
	color: #888;
	background: #fff;
	padding: 20px;
	margin: 20px 0;
}

	#footer a {
		color: #444;
	}

/* estilo del paginador */

#wp_page_numbers {   height:41px;  color:#939393; padding:30px 0;}
#wp_page_numbers ul { padding:1px 1px 1px 140px; line-height:39px; height:39px; background:url(img/numbers_bg.png) no-repeat; position:relative;}
#wp_page_numbers ul li { float:left; height:39px; padding:0 10px; display:block;}
#wp_page_numbers ul li.active_page { background:url(img/numbers_activa.png) no-repeat center top; font-weight:bold;}
#wp_page_numbers ul li.active_page a { color:#8c8c8c; }
#wp_page_numbers ul li.anterior,
#wp_page_numbers ul li.siguiente { position:absolute; top:0; right:0; width:100px; 
height:41px; text-align:center; font-weight:bold; text-align:center; color:#939393;}
#wp_page_numbers ul li.siguiente a { padding-right:15px; color:#939393;}
#wp_page_numbers ul li.siguiente a:hover { padding-right:15px; color:#058251;}
#wp_page_numbers ul li.anterior { background-position:left top; left:0; right:auto;}
#wp_page_numbers ul li.anterior a { color:#939393; padding-left:15px;}
#wp_page_numbers ul li.anterior a:hover { color:#058251; padding-left:15px;}