/*
General
-----------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	padding:0;
	margin:0;
}
body {
	font-family: 'Lucida Grande',Arial,sans-serif;
	font-size: 12px;
	line-height: 1.5em
}
html>body {
 font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
        font-family: helvetica, arial, verdana, sans-serif;
}
p,
ul,
ol { 
    margin-bottom: 18px; 
}
ul {
   list-style-type: square;
   margin-left: 2em;
}
a,a:link {
	color:#6699aa;
}
a:visited {
	
}
a:hover {
	
}
a:active {
	
}
blockquote  { margin: 18px 0 18px 23px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; line-height:1.5em; background: #eee; padding:8px; border:1px solid #ddd; }
code        { font:0.9em Monaco, monospace; }
/*
Tabs
----------------------*/
.tab {
	font-size:12px;
	color: #a39c8d;
	
}
/*
Titulos 
manteniendo ritmo vertical, segun http://24ways.org/2006/compose-to-a-vertical-rhythm y 
http://alistapart.com/articles/settingtypeontheweb
-------------------------*/
h1 { 
    font-size: 24px; 
    line-height: 1.5em; 
}
h1 a {
	color: #9ed652;
}
h2,.post h3,.post h1,.mini-post h4 { 
    color: #a39c8d;
    font-size: 18px; 
    line-height: 18px; 
    margin-bottom: 18px;
}
.post h3 {
	line-height:1;
	margin-bottom:12px;
}
.post h1 {
	color:black;
}
.mini-post h4 {
	
}
h3,h4 { 
    font-size: 12px; 
    line-height: 1.5em; 
}
/*
Layout 
-------------------------*/
#wrapper {
	padding-top:18px;
}
#tools {
	padding:5em;
	background:red;
}
#container {
	margin:0 0 0 18px;
	min-width:48em;
}
/*
Nav
--------------------------*/
#nav {
	list-style:none;
	margin-left:0;
}
#nav li {
	float:left;
}
#nav a {
	font-size: 24px; 
    line-height: 1.5em;
	font-weight:normal;
	display:block;
	text-align:right;
	padding:1em 18px 0 0;
	text-decoration:none;
	color:white;
}
#home-link {width:506px;}
#cv-link {width:168px;margin:0 18px;}/* 204px */
#contact-link {width:253px;}
#home-link a{
	background:#6699aa;
	text-align:left;
	padding-right:0;
	padding-left:18px;
}
/*
Colores de links para cada columna
--------------------------------------*/
#home-link a:hover {
	background:#7daab9;
}
#cv-link a{
	background:#aabbbb;
}
#cv-link a:hover {
	background:#bdcbcb;
}
#contact-link a{
	background:#778877;
}
#contact-link a:hover {
	background:#8d998d;
}

#blog a {
	color:#6699aa;
}
#blog a:hover {
	background:#6699aa;
	color:white;
	text-decoration:none;
}
#flickr a {
	color:#546c6c;
}
#flickr a:hover {
	background:#546c6c;
	color:white;
	text-decoration:none;
}
#tumble a {
	color:#778877;
}
#tumble a:hover {
	background:#778877;
	color:white;
	text-decoration:none;
}
/*
Columnas
--------------------------*/
.columna,#foot3 {
	width:253px;
	float:left;
	overflow:hidden;
}
.columna img {
	border:solid silver 1px;
	padding:2px;
}
.columna a:hover img {
	border-color:black;
	background:white;
}
/*.servicios {
	font-size:0.8333em;
	line-height:1.8em;
}*/
.columna .marginador {
	margin-bottom:18px;
}
#blog,#foot1 {
	width:506px;
	margin-right:18px;
}
#flickr,#foot2 {
	margin-right:18px;
	width:168px;
}
#tumble {
	font-size:11px;
}

.delicious ul {
	margin:0;
}
.delicious a {
	font-size:11px;
}
.flickr a img {
	
}
#tumble .post-meta {
	margin-bottom:0;
}
#twitter {
	width:506px;
	float:left;
	min-height:4em;
}
* html #twitter {
	height:4em;
}
#colores {
	float:left;
	width:168px;
	list-style:none;
	margin-left:0;
	margin: 0 18px 0 18px;
}
#colores li {
	float:left;
	margin:4px;
}
#color-default {background:white;}
#color-alt1 {background:black;}
#color-alt2 {background:brown;}
#colores a span{display:none;}
#colores a {
	display:block;
	width:20px;height:20px;
	border:solid gray 1px;
	
}
#search {
	float:left;
	width:253px;
	padding:0;
}
#twitter blockquote {
	font-size:18px;
	line-height:1.5em;
	margin-bottom:0;
}
#twitter .twitter-date {
	text-align:right;
}
#twitter_update_list {
	list-style:none;
	margin-left:0;
}
/*
Secciones
---------------------------------*/
#section-list {
	list-style:none;
	margin-left:0;
}
#section-list .current {
	background:#eee;
}
#section-list a {
	display:block;
	padding:0 .25em;
	line-height:24px;
	font-size:12px;
	text-decoration:none;
	border-bottom:solid silver 1px;
}
/*
Trabajos en portada
---------------------------------*/
#worklist {
	
}

#worklist a img {
	
}

#worklist a {
	float:left;
	margin:2px;
}
/*
Posts
---------------------------------*/
.post {
	margin-bottom:48px;
}
.post h3 {
	font-size: 24px; 
}
.post-links {
	background:#eee;
	border:solid silver 1px;
	border-width:1px 0;
	padding:.25em;
}
.post-links span{
	float:left;
}
.more-link,.comments-link  {
	float:right;
}
.comments-link {
	margin-right:1em;
}
/*
Comments
---------------------------------*/
#comment-list .alt {
	background:#eee;
}
#comment-list li {
	padding:1em;
}
.comment_author {
	font-size:18px;
}
#comment-form {
	border-style:solid;
	border-width:0;
	border-color:gray;
	padding-top:1em;
}
.clearfix label {
	float:left;
	width:30%;
	padding:.5em;
	text-align:right;
}
#label_Mensaje {display:none;}
#comment-form .clearfix input {
	
}
#comment-form textarea,#comment-form .clearfix input {
	border:solid gray 3px;
	padding:.5em;
	width:220px;
}
#comment-form textarea {width:480px;height:200px;}
.botonera {
	text-align:right;
}
.botonera input {
	font-size:2em;
}
/*
Footer y context
---------------------------------*/
#footer {
	padding:2em;
	background:#333;
	color:#eee;
}
#footer a {
	color:white;
}
#footer a:hover {
	color:gray;
	background:white;
	text-decoration:none;
}
#foot1,#foot2,#foot3 {
	float:left;
}
#foot2,#foot3 {
	font-size:11px;
	
}
#sponsors a img {border-width:0;padding:3px;}
#sponsors a {
	display:block;
	border:solid silver 1px;
	margin-bottom:4px;
}
#sponsors a:hover{border-color:black;}

form.bootic_form .error_note {display:none;}
/* Hacks
---------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */