/*  
Theme Name: Processblack
Theme URI: http://www.processblack.com
Description: Processblack.com weblog's theme
Author: Miguel Garcia
Author URI: http://eltipografico.com/


	This theme was designed and built by Miguel Garcia,
	whose blog you will find at http://processblack.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

	hr { display: none;}
	acronym, abbr { 
		cursor: help;
		border-bottom: 1px dotted gray;
	}


	body {
		background: #fff url(/weblog/wp-content/themes/processblack/images/pb_fondo.gif) fixed;
		margin: 0;
		padding: 0;
		color: #000;
	}
	kbd {
		border-top: 1px solid #aaa;
		border-right: 1px solid #777;
		border-left: 1px solid #aaa;
		border-bottom: 1px solid #333;
		background-color: #eee;
		font-size: 1.2em;
		padding: 0 0.3em 0 0.3em;
	}
	
	#centrar { 
		position: absolute;
		/*background: #fff url(/weblog/wp-content/themes/processblack/images/pb_fondo-weblog.gif) repeat-y;
		width: 770px;*/
		background-color: #fff;
		width: 60em;
		/*margin-right: -385px;*/
		margin-right: -30em;
		right:50%;
		color: #000;
	}
	
	#page { 
		border-top: 20px solid black;
		border-bottom: 10px solid black;
		/*width:759px;*/
		width: 100%;
		margin: 0px;
	}
	#header {
		float: left;
	}
	#header h1 {
		background: #fff url(/weblog/wp-content/themes/processblack/images/pb_logo.gif) no-repeat;
		margin: 0;
		padding: 0;
		color: #000;
	}
	#header h1 a {
		display: block;
		width: 325px;
		height: 98px;
	}
	#header h1 a span {
		display: none;
	}
	

/* menu --------------------------------*/
	#menu {
		float: right;
	}
	#menu ul {
		margin: 0;
		padding: 0;
	}
	#menu ul li{
		float: left;
		list-style: none;
		margin-right: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 0.75em;
	}
	#menu ul li a{
		padding: 55px 10px 5px 10px;
		display: block;
		background-color: #fff;
		color: #000;
		text-decoration: none;
	}
	#menu ul li a:hover, #menu ul li a.current:hover{
		background-color: #ccc;
		color: #fff;
	}
	#menu ul li a.current {
		background-color: #FF3E64;
		color: #fff;
	}

/* content ------------------------------*/
	#content {
		clear: both;
		padding-top: 20px;
		float: left;
		/*width: 483px;	*/
		width: 40em;
	}
	/* <enlaces del post> */
		#content .entry a:link{
			color: #FF3E64;
			text-decoration: underline;
		}
		#content .entry a:active{
			color: #FF3E64;
			text-decoration: none;
		}
		#content .entry a:visited{
			color: #FF3E64;
			text-decoration: none;
			border-bottom: 1px dotted #ff3E64;
		}
		#content .entry a:hover{
			color: #FF3E64;
			text-decoration: none;
			border-bottom: none;
		}
		/*#content .entry a[href^="http"] {
			padding-right: 10px;
			background-image: url(/weblog/wp-content/themes/processblack/images/pb_outlink.gif); 
			background-position: right !important;
			background-repeat: no-repeat;
		}*/
		#content .entry a[hreflang]:after {
			content: "("attr(hreflang)")";
			color: #999;
			font-family:"Courier New", Courier, monospace;
		}
	/* </enlaces del post> */
	
	#content h2 {
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em;;
		font-weight: normal;
		padding-left: 1.3em;
		margin: 0;
	}
	#content h3 {
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		margin: 0;
		clear: both;
	}
	#content h3 a {
		color: #FF3E64;
		text-decoration: none;
	}
	#content h2.pagetitle {
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: normal;
		padding-left: 10px;
		margin: 0 0 1.5em 0;
		text-align: right;
	}
	#content .post h2.buscador{
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: normal;
		padding-left: 10px;
		margin: 1em 0 0 0;
	}
	#content h2 a {
		color: #FF3E64;
		text-decoration: none;
	}
	#content p.fecha {
		color: #999;
		margin: 0;
		padding-left: 2em;
		font-size: 0.7em;
	}
	/* <enlaces de fecha> */
		#content p.fecha a:link{
			color: #555;
			text-decoration: underline;
		}
		#content p.fecha a:active{
			color: #555;
			text-decoration: none;
		}
		#content p.fecha a:visited{
			color: #555;
			text-decoration: none;
			border-bottom: 1px dotted #ff3E64;
		}
		#content p.fecha a:hover{
			color: #555;
			text-decoration: none;
			border-bottom: none;
		}
	/* </enlaces del postmetadata> */

	#content .entry {
		padding-left: 1.5em;
	}
	#content p, #content td, #content th, #content dt, #content dd {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		line-height: 1.8em;
	}
	#content dt {
		font-weight: bold;
	}

	#content dd.block {
		display: block;
		width: 25%;
		float: right;

	}
	.clear {
		clear: both;
	}
	#content table{
		border-collapse: collapse;
		border: 1px solid #ccc;
	}
	#content th, #content td{
		text-align: left;
		padding: 0.5em;
		border: 1px solid #ccc;
	}
	#content th.alter, #content td.alter{
		background-color: #eee;
	}
	
	#content code{
		font-size: 1.3em;
	}
	#content li{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		line-height: 1.6em;
	}
	#content ul li{
		list-style-image: url(/weblog/wp-content/themes/processblack/images/pb_bullet.gif)
	}
	#content ul li ul li{
		font-size: 1em;
	}
	#content blockquote {
		background: #ebebeb url(/weblog/wp-content/themes/processblack/images/pb_comentarios.gif) no-repeat bottom right;
		padding: 0.8em;
	}
	#content blockquote p{
		font-family: Georgia, "Times New Roman", Times, serif;
		line-height: 1.6em;
	}
	#content .postmetadata {
		clear: both;
	}

	#content p.postmetadata {
		background: #EFEFEF url(/weblog/wp-content/themes/processblack/images/pb_fondo_archivo.gif) repeat-x left bottom;
		padding: 1em 1em 5em 2.1em;
		margin: 0 0 2em 0;
	}
	/* <enlaces del postmetadata> */
		#content p.postmetadata a:link{
			color: #555;
			text-decoration: underline;
		}
		#content p.postmetadata a:active{
			color: #555;
			text-decoration: none;
		}
		#content p.postmetadata a:visited{
			color: #555;
			text-decoration: none;
			border-bottom: 1px dotted #ff3E64;
		}
		#content p.postmetadata a:hover{
			color: #555;
			text-decoration: none;
			border-bottom: none;
		}
	/* </enlaces del postmetadata> */

/* comentarios y formulario */

	#content h3#respond {
		padding-left: 10px;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		line-height: 1.6em;
		font-weight: normal;
	}
	#content h3#comments{
		padding-left: 10px;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		line-height: 1.6em;
		font-weight: normal;
	}
	#content .comentario{
		margin-left: 10px;
	}
	#content .gravatar {
		float: left;
		margin-right: 0.5em;
	}
	#content .commentmetadata {
		background-color: #ebebeb;
		padding: 0.5em 0.5em 0.5em 0.5em;
		clear: both;
		margin-bottom: 2.5em;
	}
	#content .destacado{
		background-color: #c5c5c5;
		padding: 0.5em 0.5em 0.5em 0.5em;
		clear: both;
		margin-bottom: 2.5em;
	}

	/* <enlaces de comentario> */
		#content .comentario a:link{
			color: #FF3E64;
			text-decoration: underline;
		}
		#content .comentario a:active{
			color: #FF3E64;
			text-decoration: none;
		}
		#content .comentario a:visited{
			color: #FF3E64;
			text-decoration: none;
			border-bottom: 1px dotted #ff3E64;
		}
		#content .comentario a:hover{
			color: #FF3E64;
			text-decoration: none;
			border-bottom: none;
		}
		#content .comentario a[href^="http"] {
			padding-right: 10px;
			background-image: url(/weblog/wp-content/themes/processblack/images/pb_outlink.gif); 
			background-position: right !important;
			background-repeat: no-repeat;
		}
	/* </enlaces del post> */
	#content form input.input {
		border: 1px solid #FF3E64;
		background: #fff url(/weblog/wp-content/themes/processblack/images/pb_fondo_input.gif) repeat-x;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.6em;
		padding: 0.3em;
		width: 70%;
		display: block;
		float: right;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		margin-bottom: 0.5em;
	}
	#content form label {
		display: block;
		float: left;
		width: 9em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		margin: 0.5em 0.5em 0.5em 10px;
	}
	#content form label.textarea {
		display: block;
		clear: both;
		width: 100%;
		margin-bottom: 0.5em;
	}
	#content form textarea {
		display: block;
		clear: both;
		width: 95%;
		margin: 0.5em 0.5em 0.5em 10px;
		background: #fff url(/weblog/wp-content/themes/processblack/images/pb_fondo_input.gif) repeat-x;
		border: 1px solid #FF3E64;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		padding: 0.5em;
	}

	#content form input.input:focus, #content form textarea:focus {
		border: 1px solid violet;
		background-image: none;
	}
	#content form input.boton{
		background: #fff;
		color: #555;
		border-top: 1px solid #999;
		border-right: 1px solid #333;
		border-left: 1px solid #999;
		border-bottom: 1px solid #333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		padding: 0.2em 1em 0.2em 1em;
		margin: 0.5em 0.5em 0.5em 10px;

	}
	#content form br {
		clear: both;
	}
	#content .alignleft{
		font-size: 0.7em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: right;
	}
	#content .alignleft a:link{

		color: #FF3E64;
		text-decoration: underline;
	}
	#content .alignleft a:active{
		color: #FF3E64;
		text-decoration: none;
	}
	#content .alignleft a:visited{
		color: #FF3E64;
		text-decoration: none;
		border-bottom: 1px dotted #ff3E64;
	}
	#content .alignleft a:hover{
		color: #FF3E64;
		text-decoration: none;
		border-bottom: none;
	}
	.float {
		float: left;
		margin-right: 15px;
	}
#content img.izquierda {border: 1px solid #fff; padding: 4px; margin: 2px 10px 2px 0px; float:left;  }
#content img.izquierda_sinmarco { border: 0px solid; margin: 2px 10px 2px 0px; float:left; }
#content img.derecha {  border: 1px solid #fff; padding: 4px; margin: 2px 0px 2px 10px; float:right; }
#content img.derecha_sinmarco { border: 0px solid; margin: 2px 0px 2px 10px; float:right; }
#content img.centro {  border: 1px solid #fff; padding: 4px; display:block; margin-left: auto; margin-right: auto; text-align: center; }
#content img.centro_sinmarco { border: 0px solid; display:block; margin-left: auto; margin-right: auto; text-align: center; }

#content img.izquierda a:hover {border: none;  }
#content img.izquierda_sinmarco a:hover {border: none;  }
#content img.derecha a:hover {border: none;  }
#content img.derecha_sinmarco a:hover {border: none;  }
#content img.centro a:hover {border: none;  }
#content img.centro_sinmarco a:hover {border: none;  }
	
/* sidebar -----------------------------*/
	#sidebar {
		float: right;
		/*width: 205px;*/
		width: 16em;
		padding-top: 110px;
	}
	#sidebar ul {
		margin: 0;
		padding: 0;
	}
	#sidebar ul li {
		list-style-type: none;
	}
	#sidebar ul li h2 {
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		line-height: 1.6em;
		font-weight: normal;
		padding: 0;
		margin: 1.5em 0 0 0;
		border-bottom: 1px dotted #FF3E64;
	}
	#sidebar ul li p.info {
		font-size: 0.7em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	#sidebar ul li ul {
		margin-top: 10px;
	}
	#sidebar ul li ul li {
		margin-left: 20px;
		padding-left: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		line-height: 1.6em;
		background: url('/weblog/wp-content/themes/processblack/images/pb_sidebar_bullet.gif') no-repeat 0 0.7em;
	}

		#sidebar ul li ul li a:link{
			color: #FF3E64;
			text-decoration: none;
		}
		#sidebar ul li ul li a:active{
			color: #FF3E64;
			text-decoration: none;
		}
		#sidebar ul li ul li a:visited{
			color: #FF3E64;
			text-decoration: none;
		}
		#sidebar ul li ul li a:hover{
			color: #FF3E64;
			text-decoration: underline;
		}

	#sidebar form {
		margin: 0;
		padding: 0.7em;
		background-color: #ebebeb;
	}
	#sidebar form input.input {
		border: 1px solid #FF3E64;
		background: #fff url(/weblog/wp-content/themes/processblack/images/pb_fondo_input.gif) repeat-x;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.6em;
		padding: 0.3em;
		width: 10em;
	}
	#sidebar form input.input:focus {
		border: 1px solid violet;
		background-image: none;
	}
	#sidebar form input.boton{
		background: #fff;
		color: #555;
		border-top: 1px solid #999;
		border-right: 1px solid #333;
		border-left: 1px solid #999;
		border-bottom: 1px solid #333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.6em;
		padding: 0.2em 0.3em 0.2em 0.3em;
	}
	#sidebar ul li ul li img.sinborde {
		border: none;
	}
	
/* eltipografico ------------------------------*/
	#eltipografico {
		position: absolute;
		top: 95px;
		right: 20px;
	}
	html > body #eltipografico {
		position: absolute;
		top: 105px;
		right: 20px;
	}
	#eltipografico h1 a {
		background: #fff url(/weblog/wp-content/themes/processblack/images/pb_eltipografico.gif) no-repeat;
		width: 70px;
		height: 75px;
		
		float: left;
	}
	#eltipografico h1 a span{
		display: none;
	}


/* footer ------------------------------*/
	#footer {
		clear: both;
		background-color: #ebebeb;
	}
	#footer p{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		line-height: 1.6em;
		text-align: center;
		margin: 0;
		padding: 0.5em;
	}
		#footer p a:link{
			color: #FF3E64;
			text-decoration: none;
		}
		#footer p a:active{
			color: #FF3E64;
			text-decoration: none;
		}
		#footer p a:visited{
			color: #FF3E64;
			text-decoration: none;
		}
		#footer p a:hover{
			color: #FF3E64;
			text-decoration: underline;
		}

/* End! :) */