/* 
Theme Name: Pixel-perfect
Theme URL: -
Description: Theme diseñado exclusivamente para Juanma Guerrero, por él mismo ^_^.
Author: Juanma Guerrero
Author URI: http://juanmaguerrero.com/
(What becomes into an infinite loop :P)
Version: 2.1

Changelog:

	v2.1 - 28/07/2010 - Se modifica la sección de snippets para que traiga por AJAX los .txt (indexables).


*/


*,*:hover,*:focus,*:active { outline: 0px none; }


body {
	color: #aaa;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#222 url(img/fondo-repetir.jpg) repeat;
	width: 828px;
	margin: 2em auto;
	padding: 0;
}

h2 {
	color: #ED145A;
	font-family:Fixedsys,Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	margin:14px;
	padding:0;
	line-height:16px;
}

h3 {
	color: #ED145A;
	font-family:Fixedsys,Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin:12px 12px 12px 14px;
	padding:0;
	line-height:16px;
}

h4 {
	color: #7FD7C9;
	font-family:Fixedsys,Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin:10px 10px 10px 14px;
	padding:0;
	line-height:16px;
}

#contacto-titulo {
	font-size:40px;
	margin:14px 0 0;
	padding:0;
	line-height:16px;
}

a:hover { cursor:pointer; }

img { border:0 none; }

#navegacion {
	margin:0 0 8px;
	padding:0;
}

#navegacion li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:inline;
	list-style:none;
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
}

#navegacion li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#fafafa;
	margin:0 3px;
	padding:3px 5px;
}

#navegacion li a:hover {
	color:#fafafa;
	background-color:#ED145A;
}

.actual {
	color:#fafafa;
	background-color:#ED145A;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#fafafa;
	margin:0 3px;
	padding:3px 5px;
}

a {
	color:#ED145A;
	text-decoration: none;
	border:none;
}

a:hover {
	color: #7FD7C9;
}

.col-izq a, .col-snippets a {
	color:#7FD7C9;
	text-decoration: none;
	border:none;
}

.col-izq a:hover, .col-snippets a:hover {
	color: #ED145A;
}

.li-ultima { display:block; width:200px; height:16px; }

#twitter-invader a {
	color:#666;
	text-decoration: none;
	border:none;
}

#twitter-invader a:hover {
	color: #7FD7C9;
}

.post a {
	color:#7FD7C9;
	text-decoration: none;
	border:none;
}

.post a:hover {
	color: #7FD7C9;
	text-decoration: underline;
	border:none;
}

.col-izq h2 a, .col-snippets a {color: #ED145A;}
.col-izq h2 a:hover, .col-snippets a:hover {color: #7FD7C9;}

div.clear {
	clear: both;
}

p {
	margin:10px;
	padding: 0 1em;
	line-height:2em;
}
.col-izq p, .col-snippets p { margin:10px 0; }

div.post {
	float: left;
	width: 256px;
	height: 215px;
	overflow: hidden;
	margin: 10px;
	margin-left: 10px; 
	position: relative;
	display: inline; /* JESUS FUCKING IE */
}
	
	div.post img {
		border: 0;
	}

	div.post p {

		font-size: 11px;
		font-weight: normal;
		color: #ccc;
	}
	
	div.postInfo {
		padding: 0.8em;
		/* font-style: italic; */
		background:#ED145A;
		display:block;
		width:256px;
		height:22px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	div.postInfo span { color:#EFEFEF; display:block;font-size:11px; font-family:Arial, Helvetica, sans-serif; }
	
div#pages {
	margin-top: 1em;
}

	div.pageInfo {
		float: left;
		margin-left: 10px;
		display: inline;
	}
	div.pageLinks {
		float: right;
		margin-right: 10px;
	}


#whitebox {
	top: 0;
	left: 0;
	display: none;
	position: absolute;
	padding: 10px;
	margin: -12px 0 0 -12px;
	background: #fff url(img/loading.gif) no-repeat scroll center center;
	border: 1px solid #eee;
}
	#whitebox img {
		border: 1px solid #eee;
		cursor: pointer;
	}

#js-show-more { cursor:pointer; }

.col-izq, .col-snippets { width:480px; text-align:justify; float:left; }
.col-der { width:332px; float:right; }

.css-show-hide {
	display:block;
	float:right;
	font-weight:bold;
	text-align:right;
	width:100%;
}

#cates {
	background:transparent url(img/cates.gif) no-repeat left top;
	margin-left:14px;
	padding-bottom:12px;
	float:left;
}

#cates h4 {
	margin:4px 0 5px 40px;
	*margin-top: 0px! important;
	*margin-top: 0px! important;
	float:left;
}

#twitter-invader { width:332px; margin:20px 0; }
	#twitter-med { width:332px; background-color:#53504E; padding:6px 0; }
	#twitter-bot { width:332px; height:86px; background:transparent url(img/twitter-invader-bot.gif) no-repeat scroll bottom; }

#twitter_update_list {
	font-size:14px;
	line-height:1.6em;
	width:312px;
	margin:0 0 0 9px;
}

#twitter_update_list li {
	list-style-type: none;
}

#twitter_update_list span a {
	display: inline;
	color: #fafafa;
	font-weight:bold;
	text-decoration:none;
}

#twitter_update_list span a:hover {
	color:#ED145A;
}

#sigueme-en-twitter { margin:12px 0 0; padding:0; }

#invader-home {
	margin:2em 10px 0;
}

#ico-mail {
	margin:0;
	padding:0 0 2px;
	vertical-align:middle;
}

#creative-commons { float:left; }

#w3c-valido { margin:28px 8px 18px; }

.col-izq, .col-snippets, col-der { color: #BFBFBF!important;}

blockquote {
	font-style:italic;
	margin:10px 40px 12px 14px;
}

.col-izq ul {
	color:#7FD7C9;
	line-height:20px;
	list-style-type:square;
	width:400px;
}

.col-izq li { margin-bottom:8px; }

.col-izq li span { color:#BFBFBF; }


.alignnone {clear:both; margin:10px auto;
	display:block;float:left;}

.aligncenter {
	clear:both; margin:10px auto;
	display:block;
}

.alignleft {
	float:left; margin:10px 10px 10px 0;
}

.alignright {
	float:right; margin:10px 0px 10px 10px;
}


#commentform input { border:0 none; }

#commentform label {  }

#commentform textarea { border:0 none; }

#commentform #submit, #searchform #searchsubmit {
	background-color:#AAA;
	border:0 none;
	color:#222;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:4px 6px;
	*padding:3px 0 3px;
	text-transform:uppercase;
}

#commentform #submit:hover, #searchform #searchsubmit:hover {
	background-color:#ED145A;
	color:#fff;
	cursor:pointer;
}

#presentation_container h2 { margin:0 0 0 20px; }

.widget { width:260px; height:310px; background-color:#4E4B49; float:left; margin:14px 15px 0 0; }

.widget-ul {width:90%;}
.widget li { list-style-type:square;margin-bottom:12px;list-style-position:outside;text-align:left; }
.widget li a { color:#AAA; }
.widget li a:hover { color:#ED145A; }

.petit { font-size:9px; }

.redondito {
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

}


#searchform { margin:0 15px 15px; }

#searchform #s { /* "s" es el input */
	border:0 none;
	float:left;
	font-size:16px;
	height:26px;
	padding:0;
	width:150px;
}

#searchform #searchsubmit {}

.posteo {
	background-color:#4E4B49;
	float:left;
	margin:14px 15px 0 0;
	width:260px;
}

.archivo img {display:none;}

.caso {
	background-color:#4E4B49;
	float:left;
	margin-bottom:30px;
	padding:14px 0;
}

.caso img { float:left; margin-right:14px; }
.caso h3 { margin-top:30px; }


/*

	///////////////CARRUSEL - HOME

*/

.sliderbutton {float:left; width:32px; padding-top:144px;}
.sliderbutton img {cursor:pointer;}
.sliderbutton img:hover {background:#666;}
#slider {float:left; position:relative; overflow:hidden; width:720px; height:290px; border:0 none;}
#slider ul {position:absolute; list-style:none; top:0; left:0; margin:0;}
#slider li {float:left; width:710px; height:280px; padding-right:10px;padding-top:10px;}

.pagination {float:left; list-style:none; height:25px; margin:8px 0 0 32px;}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222;}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000;}
li.current {border:1px solid #ccc; background:#888;}

.slide { float:right;}
.desc { float:left;width:330px;}
.desc p { padding:0 5px; }

/*

	///////////////404

*/

.not-found h2 {float:left;margin:38px 14px 26px;}

.not-found p {clear:both;display:block;font-size:13px;line-height:26px;width:360px;}

.not-found form { margin-left:14px; }


/*

	///////////////COMENTARIOS Y GRAVATARES

*/

#comments_list { margin-top:10px; }

#comments_list .avatar { float:left; margin:0 10px 0 0; }

#comments_list .flechita { background:transparent url(img/flechita-comentario.gif) no-repeat; float:left; padding:0 10px; width350px; }

#comments_list .espera-mod { /*avisito*/ }

#comments_list .comment_text { background-color:#62AEA8; color:#FFF; float:left; margin:0 4px 16px; width:350px; text-align:left; }
#comments_list .comment_text p { margin-top:1px; }
#comments_list .comment_text a { color:#ED145A; font-weight:bold; }
#comments_list .comment_text a:hover { color:#ED145A; }
#comments_list .nombre-comentador { margin:10px 0 0; color:#4E4B49; font-weight:bold; }

#comments_list li { float:left; }



/*

	///////////////Iconos sociales (compartir)

*/

#compartir-social {
	background-color:#ED145A;
	display:block;
	float:left;
	height:42px;
	padding:0;
	width:480px;
	margin:0 0 14px 0;
}

.span-social { color:#7FD7C9; font-weight:bold!important; float:left; text-transform:uppercase; margin-top:10px; margin-left:14px; }
#compartir-social li { display:inline; padding:0 0 0 10px!important; margin:12px 2px 0 0 !important; font-weight:normal!important;float:left;}

#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; }



/*

	////////////////////FORMULARIO DE CONTACTO

*/


#formcontacto .form-input-nombre { background:transparent url(img/form_nombre.gif) no-repeat; }

#formcontacto .form-input-email { background:transparent url(img/form_email.gif) no-repeat; }

#formcontacto .form-input-asunto { background:transparent url(img/form_asunto.gif) no-repeat; }

#formcontacto .form-input-nombre, .form-input-email, .form-input-asunto { display:block; height:49px; width:519px; }

#formcontacto #form_message {
	background:transparent url(img/form_mensaje.gif) no-repeat scroll 0 0;
	border:0 none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	height:140px;
	line-height:20px;
	padding:10px;
	width:500px;
}

#formcontacto input#form_submit { background:transparent url(img/form_enviar.gif) no-repeat; margin:10px 0; height:49px; width:252px; }

#formcontacto input#form_submit:hover { background:transparent url(img/form_enviar-on.gif) no-repeat; cursor:pointer; }

#formcontacto input { background:transparent none; border:0 none; height:34px; margin:4px 0 0 144px; width:360px; padding-top:6px; font-size:26px; }

#formcontacto #form_submit { display:block; }

.hide { display:none; }

#formcontacto .form_message {  }



/***************************   SNIPPETTS   ****************************/

.bajar-snippet { font-weight:bold; }

a.snippet-titulo { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; width:400px; padding:10px; background-color:#CCC; display:block; margin:2px; color:black; font-weight:bold; }

a.snippet-titulo:hover { background-color:#FF0066; color:black; }

#snippet-nav { list-style:none; list-style-type:none; list-style-position:outside; margin-left:16px; padding:0; }

.page_item { float:left; }

.pastilla { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#5F5F5F; padding:4px; list-style:none; list-style-type:none; display:inline; color:black; margin:4px; float:left; }

.pastilla:hover { background-color:#FF3366; color:black; }

a.a-pastilla { color:#FFF; }
a.a-pastilla:hover { color:#FFF; }

a.js-snippet-popup { color:#CFCFCF; }

.grupo-pastillas { margin: 12px 0; padding:2px 8px; width:400px; }

.grupo-pastillas p { clear:both; display:block; float:left; height:10px; margin:0; width:100%; }


#lightboxes {
	display:none;
}

.box pre { color:#fafafa; }



/***************************   TEMARIO CURSO PROGRAMACIÓN   ****************************/


.temario ul {margin:0 0 20px 20px;padding:0;width:90%; list-style:none!important;}
.temario ul li {margin:12px 0 8px 20px; font-weight:bold;}
.temario ul li ul li ul {margin:0 0 0 20px;}
.ul-normal {display:inline;float:left;margin-top:20px;width:100%!important;}
.ul-normal li {font-weight:normal!important;list-style:square outside none!important;}