/*  
Theme Name: 100px Diseño Web
Theme URI: 
Description: A lo bestia :P
Version: 6
Author: Nico Fantino
Author URI: http://100px.com/
*/



body {
margin:0;
padding:0;
font:65%/1.3 arial, helvetica, sans-serif;
background:#fff;
color:#333;
text-align:center
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline
}
p {
margin:0 0 1em 0
}
a img {
border: 0;
}
#header {
position:relative;
height:30px;
background-color:#000;
}
#header h1, #header h2, #header h1 a {
margin:0;
padding:0;
position:absolute;
top:0;
left:4px;
width:122px;
height:30px;
background:transparent url(i/logo.png) no-repeat 0 0;
text-indent:-1000em
}
#header h1 a {
z-index:10;
top:0;
left:0;
}
#header h1 a:hover {
background-position: 0 -40px
}
#menu {
list-style:none;
margin:0;
padding:0;
position:absolute;
top:0;
left:130px;
text-transform:lowercase
}
#menu li {
display:inline;
}
#menu li a {
padding:0 2em;
display:block;
float:left;
line-height:30px;
color:#ddd;
text-decoration:none
}
#menu li a:hover {
color:#ffc
}
#content {
margin:0 auto;
text-align:left;
font-size:1.2em;
width:42em;
position:relative;
}
#content h3 {
display:none
}
#content h3.pagetitle {
display:block;
color:#ddd;
font-size:1.4em;
text-transform:lowercase;
letter-spacing:-.05em;
padding-left:2em
}
#content h4, #log .date, #logs .date {
font-size:2.8em;
letter-spacing:-.05em;
line-height:.9;
margin:0 0 .3em 0
}
#article, #logs {
margin-top:30px;
height:220px;
}
#article h4 {
color:#E681AD
}
#logs {
height:auto;
}
#log h4 {
color:#9FECFE
}
.post {
position:relative;
}
#article a {
color:#CE035C
}
#logs a,#log a {
color:#40D9FD;
}
#log .post {
width:40%;
margin-right:5%;
float:left;
margin-bottom:3em;
font-size:.5em;
height:8em
}
#log #latest.post {
width:100%;
height:auto;
font-size:1em
}
#logs .date, #log .date {
margin-left:1em;
width:5em;
font-weight:bold;
color:#CFF5FE
}
#logs .date,#log #latest .date {
position:absolute;
margin-left:-5em;
left:0;
width:5em;
text-align:right;
top:0;
}
.postcontent {
margin-left:3.1em
}

img.screenshot:after {
  		content: attr(title);
  		display: block;
		text-align: center;
		font: 9px geneva, tahoma, verdana, arial, sans-serif;
   		color: #666;
		}
img.screenshot {
border: 1px solid #ccc;
padding: 3px;
display: block;
margin:0 auto;
}

p img {
	vertical-align: middle;
}
code {
	font-family: "Courier New", Courier, monospace;
	/*display: block;*/
	color: #000;
	font-weight: bold;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 0 5px;
	letter-spacing: normal;
}
a#alforo {
	color: #900;
}
code.bloque {
	font-family: "Courier New", Courier, monospace;
	display: block;
	color: #000;
	font-weight: normal;
	background-color: #fff;
	border: 1px solid #ccc;
	height: 8.5em;
	padding: 0 5px;
	overflow: auto;
	max-height: 150px;
	text-align: left;
	width: 97%;
}
code:before {
	content: attr(title);
	/*display: block;*/
	text-align: center;
	font: 9px geneva, tahoma, verdana, arial, sans-serif;
	color: #666;
	margin-left: auto;
	margin-right: auto;
}
pre {
 font-size:1em;
}
html>body pre {
	font-size: 1.2em
}
.tag {
	color: #00F;
}
.attr {
	color: #C0F;
}
.val {
	color: #099;
}
.black {
	color: #000;
}
.row {
	width: 100%;
	clear: both;
	display: block;
}