/*
Theme Name: Venraiker Clean Remix
Theme URI: http://www.venraiker.com/
Description: Quinto tema del blog de Venraiker.
Version: 0.4a
Author: Dexae
Author URI: http://www.venraiker.com/
*/
/*
Colores:
azul: #2C8EBC
rojo: #E40A5C
gris: #4C4A4B
azul claro: 00B8DC
verde mostaza: A99A11
*/

/*---[ CSS RESET ]---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0;}
body { line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" ""; }
	
/*---[ Inicio ]---*/
body {
	font-size: 62.5%;
	background: #fff url("img/bg.png") repeat-x;
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	line-height: 22px;
	color: #666;
}

a { color: #444; text-decoration: none;}
a:hover { color: #7A9F01; }

abbr[title], acronym[title] { cursor: help; border-bottom: 1px dotted #000;}
a abbr[title], a acronym[title] { font-weight: bold; }

em{ font-style: italic;}
strong{ font-weight:bold; }
cite{ text-decoration: underline; font-weight:bold;}
small{ font-size: .9em;}

blockquote {
	background: url(img/blockquote2.png) no-repeat left top;
	margin: 15px 20px 10px 10px;
	padding: 0px 20px 0px 45px;
	font:1.8em Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif ;
	text-align:left;
}
code {
	float: right;
	width: 97%;
	overflow: auto;
	line-height: 1.5em;
	background: #222;
	color: #ccc;
	padding: 10px;
	font: 1.1em "courier new", "andale mono", "lucida console", monospace;
	margin-bottom:10px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

h1, h2, h3, h4, h5, h6{
 margin-top: 10px;
}

/*---[ Comunes ]---*/
.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

.button {
	padding: 1px 4px;
	border: none;
	font-size: 13px;
	color: #246;
	background: #e5e5e5;
	font-size: 10px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #a3a3a3;
	margin-left: 5px;
}
.button:hover {	color: #d54e21; border-color: #535353;}

img.alignleft {
	padding: 0px;
	float: left;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 5px;
}
img.alignright {
	padding: 4px;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
}
img.aligncenter {
	padding: 4px;
	display: block;
	margin: 5px auto;
	clear: both;
}

#page {	margin: 0px auto; padding: 0; width: 770px; text-align: left;}

/*---[ Cabecera ]---*/
#header { position: relative; margin: 15px 0 30px 0; }
#logo {	position: relative; left: 40px; top: 15px; width: 400px;}
#logo h1 a { background: transparent url(img/logo_header.png) 0 0 no-repeat; height: 100px; display: block; text-indent: -5000px}

#menu {	position: absolute; right: 0px; top: 5px; font-family: Georgia, "Times New Roman", serif;}
#menu ul { list-style: none; padding-top: 0px; margin: 0;}
#menu ul li { display: inline; float: left; line-height: 150%}
#menu ul li a { display: block; color: #999; border-left: 3px solid #ccc; font-weight: bold; font-size: 1.4em; padding: 0 15px 0 6px; text-decoration: none; }
#menu ul li a span { font-family: Arial, sans-serif; font-weight: normal; font-size: 11px; margin-top: 5px; }
#menu ul li a.rss { border-left: 3px solid #FFA26F;}
#menu ul li a:hover.rss { border-left: 3px solid #FF7200;}
#menu ul li.current a {border-left: 3px solid #A99A11; color: #333;}
#menu ul li.current a:hover, #menu ul li a:hover { border-left: 3px solid #4197E4; color: #333;}

#search {position: absolute; right: 60px; top: 62px;}
#search input.text { width: 150px; border: 1px solid #aaa; padding: 1px; float: left; -moz-border-radius: 5px 0 0 5px; -khtml-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
#search .button { padding: 1.5px 4px; margin-left: -1px; border: 1px solid #aaa; color: #555; background: #eee; font-size: 1.1em; cursor: pointer; -moz-border-radius: 0 5px 5px 0; -khtml-border-radius:  0 5px 5px 0; -webkit-border-radius:  0 5px 5px 0; border-radius:  0 5px 5px 0; }
#search .button:hover {    color: #222; border-color: #333;}

/*---[ Posts ]---*/
#main { margin-top:  15px;}
#main p .post, #main li .post, #main pre { line-height: 1.5em; margin: 10px 0 0 0; color: #555;}
#main .post .entry{ overflow: auto;}
#main .post .entry p, #main .post .entry ul{ font-size: 1.05em;}
#main .post .entry a{color: #7A9F01;}
#main .post .entry a:hover{color: #4D5F0C;}

#main .imag, #main a .imag, #main img.shadow, #main a img.shadow { background: #eee; padding: 5px; border: 1px solid #bbb;}
#main  a:hover .imag, #main  a:hover img.shadow{ background: #fff;}

#main .post { padding: 0 19px 20px 0; color: #555; text-align: justify; font-size: 1.2em;}
#main .post  p{ margin: 0 0 10px 0;}
#main .post  p a{ font-weight: bold;}

#main .post h1{color: #3589c1; font-family: Georgia, "Times New Roman", serif; font-size: 2.3em; font-style: italic; font-weight: bold; border-bottom: 2px solid #ccc; line-height: 1.3em; text-align: left;}
#main .post h1 a {color: #3589c1; text-decoration: none; border: none;}
#main .post h1 a:hover {color: #7A9F01;}

#main .post h2{ font: 1.8em Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif ; color: #E40A5C; line-height: 1.5em;}
#main .post h3{ font: 1.6em Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif ; color: #8F8111; line-height: 1.3em;}

#main .post .pmeta{margin: 5px 0 5px 10px; font-size: .9em; color: #bbb; font-weight: bold;}
#main .post .pmeta a{color: #999; border-bottom: 1px dotted;}
#main .post .pmeta a:hover{color: #555;}

#main .post .meta {
	margin: 10px 0 0 0;
	padding: 2px 10px;
	border-top: 2px solid #ccc;
	background: #f4f4f4;
	color: #222;
	font-size: .95em;
	text-align: right;
	min-height: 15px;
	clear: left;
}
#main .post .meta a {font-weight: normal; color: #298F08;}
#main .post .meta a:hover {color: #2971a7;}

#main .postmetadata {margin: 10px 0 0 0; text-align: right; font-size: 0.9em; padding: 0 1em;}
#main .postmetadata .cat { text-align: left; float: left; font-weight: bold;}
#main .postmetadata .cat a { 
	color: #3E732D; 
	background-color: #C7E1BF;	
	padding: 3px 8px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#main .postmetadata .cat a:hover {color: #333;}

#main .postmetadata .morelink a {
	background-color: #edf3f7;
	position: relative;
	padding: 4px 8px;
	white-space: nowrap;
	font-weight: bold;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


#main .postmetacomp {margin: 10px 0 0 0; text-align: right; font-size: 0.9em; padding: 0 1em;}
#main .postmetacomp .cat { margin: 10px 0 0 0; text-align: left; float: left; font-weight: bold;}
#main .postmetacomp .cat a { 
	background-color: #edf3f7;
	position: relative;
	padding: 1px 6px;
	white-space: nowrap;
	font-weight: bold;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#main .postmetacomp .cat a:hover {color: #eee;background-color: #333;}

#main .post ol{ padding: 5px 10px 15px 48px;}
#main .post ol { margin: 10px 0; background: #f0f0f0;}
#main .post ol li { list-style-type: decimal; color: #555;}

#main .post ul { padding: 5px 10px 15px 40px;}
#main .post ul li { list-style-type: disc;}
#main .post ul li p { font-size: inherit;}

#main p.right { float: right; margin: 20px 0 10px 10px;}
#main p.left { float: left; margin: 20px 10px 10px 0;}

#main .post blockquote.frase,
#main .post blockquote.frasep {
	font-size:1.5em;
	line-height:130%;
	text-align:left;
	color:#FF4F42;
	background: url(img/blockquote2.png) no-repeat 30px 0px;
	text-indent: 30px;
	margin: 10px 20px 10px 10px;
	padding: 0px 20px 0px 45px;
}

#main .post blockquote.frase { font-size:2em;}

#main .post .blockright { 
	font: italic 1.4em Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif ;
	color: #555;
	padding: 0 0 0 50px;
    margin: 0;
	width: 290px;
	float: right;
	display: inline;
	background: url(img/blockquote2.png) no-repeat 8px 5px;
    text-align: left;
}

#main .post .blockleft { 
	font: italic 1.4em Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif ;
	color: #555;
	padding: 0 10px 0 50px;
    margin: 0;
	width: 290px;
	float: left;
	display: inline;
	background: url(img/blockquote2.png) no-repeat 8px 5px;
    text-align: left;
}

#main .post h2.rela{ color: #4C6136; font: bold 1.7em Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif ;}
#main .post h2.inf{ color: #175F7F; font: bold 1.7em Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif ;}

#main .post ul.rela { border-top: 2px solid #4C6136; background:#E7F3D9; color: #4C6136; margin: 5px 0px; clear:both;}
#main .post ul.rela li { list-style:disc; background:none; padding: 5px 0 0 0; margin:0px;}
#main .post ul.rela li a { color:#4C6136; text-decoration:underline; border-bottom: none;}
#main .post ul.rela li a:hover{ color:#bbb;}

#main .post ul.inf { border-top: 2px solid #175F7F; background: #E4F2FD; color: #4C6136; margin: 5px 0px; clear:both;}
#main .post ul.inf li { list-style:square; background:none; padding: 5px 0 0 0; margin:0px;}
#main .post ul.inf li a { color:#175F7F; text-decoration:underline; border-bottom: none;}
#main .post ul.inf li a:hover{color:#67B4CF;}

#main .post span.highlight { background: #E9F9FF;	line-height: 1.5em; padding: .15em .25em; border: 1px solid #D3EBF5; color: #222;}
#main .post span.highlightcode { background: #333; line-height: 1.5em; padding: .15em .25em; border: 1px solid #000; color: #fff;}

#main p.mp{ margin: 10px 0 0 0; padding: 10px; background: #EAF7FF; border-top: 2px solid #C8E4F6;}

#main .mp strong{ border-bottom: 1px solid  #C56B6B;}
#main .mp strong a{ color: #C56B6B;}
#main .mp strong a:hover{ color: #FD8211; border-bottom: none;}
#main .mp small{ font-size: .9em;}

/*---[ AVISOS ]---*/
#main .post .alerta { background: #fff6bf; padding: 5px 20px 5px 15px; border-top: 1px solid #ffd324; border-bottom: 1px solid #ffd324;}
#main .post .info { background: #ECF3FA; padding: 5px 20px 5px 15px; border-top: 1px solid #b5d4fe; border-bottom: 1px solid #b5d4fe;}
#main .post .web, #main .post .web2{ background: #ECF3FA; padding: 5px 20px 5px 15px; border-top: 1px solid #b5d4fe; border-bottom: 1px solid #b5d4fe;} 
#main .post .descarga{ background: #E7F3D9; padding: 5px 20px 5px 15px; border-top: 1px solid #A4CC7A; border-bottom: 1px solid #A4CC7A;}
#main .bq { float: left; height: 55px; margin-top: -35px; padding-top: 45px; margin-bottom: -40px; font-size: 300%; margin-right: 10px; font-family:Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;}
#main .orange{ color: #977900;}
#main .azul{ color: #11467B;}
#main .verde{ color: #5C8A2C;	font-size: 200%;}


/*---[ Footer ]---*/
#footer { margin: 0 auto 0 auto; clear: both;}
#fot {
	background: #F8F8F8;
	padding: 10px 0 8px 0;
	border-top: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	margin: 0px;
	font-size: 1em;
	color: #999999;
	margin-top: 15px;
	text-align: center;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
}

#fot img{ vertical-align: middle;}
#fotnav{
	list-style:none;
	line-height:100%;
	margin:0px;
	padding:0px;		
	background:#eee;
	float:left;
	width: 760px;
	border-bottom: 6px solid #333;
        margin: 0 auto 5px auto;
}

#fotnav ul{ margin:0px; padding:0px; float:left; width:100%; border-bottom: 6px solid #2C8EBC;}
#fotnav li{ border-right:1px solid #ddd; float:left; display:block; padding:0px; margin:0px;}
#fotnav li a{ color:#333; text-decoration:none; display:block; padding:10px 15px; font-weight: bold;}
#fotnav li a:hover{ background:#7A9F01; color:#fff;}
#fotnav li a.current{ background:#333; color:#fff;}
#fotnav li.rss{ border-left:1px solid #DDD; border-right:none; float:right;}
#fotnav li.rss a:hover{ background:#FF7E1F;}

/*---[ CODE Syntax ]---*/
.wp_syntax {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 1em 0 1.5em 0;
  overflow: auto;
  width:745px;
  font: 12px "courier new", "andale mono", "lucida console", monospace;
  line-height:1.08em;
}
/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
}
.wp_syntax table {
  border-collapse: collapse;
}
.wp_syntax div, .wp_syntax td, .wp_syntax span {
  vertical-align: top;
  padding: 3px 4px;
}
.wp_syntax .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}
/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
}
#main .wp_syntax pre{margin:0;}


/*---[ Comentarios ]---*/

#comments{ clear:left;}

#comments h4.com{
	margin: 0;
	padding: 15px 0 5px 0;
	color:#E40A5C;
	font: bold 25px Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif ;
	border-bottom:2px solid #E40A5C;
}

#comments h4.con{
	margin:0;
	padding:10px;
	color:#E40A5C;
	font: bold 18px Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif ;
}

#comments p.con {
  padding: 0px 0px 0px 20px;
  font-size: 1.2em;
}

ol.commentarios-lista{ margin:20px 0;}
ol.commentarios-lista li{
  position:relative;
  margin:30px 0;
  list-style-type:none;
  border-bottom:5px solid #EEE;
  padding: 0;
  padding-bottom: 10px;
}
ol.commentarios-lista li li{
  margin:0 0 5px 10px;
  border:none;
}
ol.commentarios-lista li.com_aut{
  border-bottom-color:#2C8EBC;
}

ol.commentarios-lista .author{
  height:40px;
  padding-bottom:7px;
  border-bottom:1px dotted #DDD;
  background: url(img/punt_clr.png) 0 0 repeat-x;
}
ol.commentarios-lista li.com_aut .author{
  background-image:url(img/punt_drk.png);
}
ol.commentarios-lista .author a.gravatar{
  float:left;
  padding: 0 15px 0 0;
  border:none;
  background:#FFF;
}
ol.commentarios-lista .author div{
  float:left;
  height:40px;
  padding-right:7px;
  background:#FFF;
  line-height: 1;
}

ol.commentarios-lista p{
  line-height: -10px;
}
ol.commentarios-lista .author p.aut{
  color:#000;
  border:none;
  font-size: 1.6em;
  font-weight: bold;
}
ol.commentarios-lista .author p.dat{
  margin:6px 0 0 0;
  color:#999;
}

ol.commentarios-lista .text{
  font-size: 1.3em;
  margin: 10px 0 0 0;
}

#comments ol.track{  
  padding: 5px 10px 15px 48px;
  margin: 0px 0;
}
#comments ol.track li {
  list-style-type: decimal;
  color: #555;
  font-size: 1.2em;
}


/*---[ Comentarios - Formulario ]---*/

#comen{
	width:760px;
	padding:10px 0 0 0;
	margin: 0;
	font-size: 1.1em;
}

	#comen h4{
		width: 540px;
		margin:0;
		padding:10px;
		color:#222;
		background-color:#ccc;
		font: 20px Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif ;
	}
	#comen .input-container label{
		font-weight: bold;
	}
	#comen .input-container label small{
		font-weight: normal;
	}
	
	fieldset#cf-id{
		width:176px;
		margin:0 0 0 0;
		padding:0;
		position:relative;
		display:block;
		float:right;
	}

	form#commentform .input-container{
		width:176px;
		margin:0 0 10px 0;
		position:relative;
		float:left;
	}
		
		form#commentform input{
			width:170px;
			padding:2px;
			color:#555;
			border:1px solid #ccc;
			border-bottom:3px solid #bbb;
			background-color:#eee;
		}

		form#commentform textarea{
			width:550px;
			height:180px;
			margin:0 0 10px 0;
			padding:2px;
			border:3px solid #ccc;
			background-color:#eee;
		}
		form#commentform input#submit{
			padding:4px;
			width:auto;
			float:right;
			font-weight:bold;
			cursor:pointer;
			margin-top: 10px;
		}
	#normas ul {
	  padding: 5px 10px 15px 40px;
	}
	#normas ul li {
	  list-style-type: disc;
	}	


/*---[ Navegación entre páginas ]---*/
.wp-pagenavi { clear: both; padding: 0px 0px; font-size: 1.1em; text-align:center;}
.wp-pagenavi a { padding: 3px 4px; border: 1px solid #88AF3F; margin-right: 3px; border: 1px solid #ddd; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-right: 6px; }
.wp-pagenavi a:hover { border: 1px solid #88AF3F; background: #88AF3F; color: #fff;}
.wp-pagenavi span.current { border: 1px solid #88AF3F; background: #88AF3F; color: #fff; font-weight: bold; padding: 3px; margin-right: 6px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.wp-pagenavi span.pages, .wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; color: #333;}

/*---[ Navegacion entre articulos ]---*/
.navigation{ margin:0 0 10px 0; font-size: 1.2em;}
.navigation .alignleft { float:left; width:50%; text-align:left;}
.navigation .alignright { float:right; width:50%; text-align:right;}

/*---[ División de archivos ]---*/
#arch{ margin:0 0 10px 0; font-size: 1.2em;}
#arch_left { float:left; width:45%; text-align:left;}
#arch_right { float:right; width:50%; text-align:left;}
#tag{clear: left;}

/*---[ Etiquetas ]---*/
.nube{ text-align: center;}
.nube a{ font-family:Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif; font-weight: bold; text-transform:lowercase; color: #4B72A9; margin-right:5px; padding: 3px 6px;}
.nube a:hover{ color: #ff9c00; text-decoration:none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #eee; padding: 3px 6px;}

/*---[ Varios ]---*/
.search h1{
	margin:0;
	padding:10px 0;
	color:#222;
	font: 26px Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif ;
}
h3.search{
	margin:0;
	padding:10px 0;
	color:#BF3B40;
	font: 26px Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif ;
}
.search p{ font-size: 1.2em;}
h3.pagetitle {color: #3589c1; font-family: Georgia, "Times New Roman", serif; font-size: 2.2em; font-style: italic; font-weight: bold; border-bottom: 2px solid #ccc; line-height: 1.3em; text-align: left;
}


.list h2{
	margin: 0 0 0 -20px;
	padding:10px 0;
	color:#222;
	font: 18px Georgia, 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif ;
}
ul.list { padding: 5px 10px 15px 40px;}
ul.list li { list-style-type: disc; font-size: 1.2em;}