/*  
Theme Name: denegro.com
Theme URI: http://denegro.com
Description: Mi second Wordpress template.
Version: 2.0
Author: Alberto Romero
Author URI: http://denegro.com
*/
/* abajo los estilos de los navegadores, arriba yo!*/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; list-style: none }
a img,:link img,:visited img { border:none }

/* &body &wrapper */
body {
font: normal 13px Helvetica, Arial, Lucida Grande, sans-serif;
color: #303030
}

#wrapper {
margin: auto;
max-width: 950px;
min-width: 680px;
position: relative;
overflow: hidden;
padding: 0 10px 30px 10px
}
* html #wrapper {/*we all know this, don't we?*/
height: 1%
}

/* &header */
h1 {
background: #F2F2F2;
color: #F2F2F2;
border-top: 5px solid #111;
border-bottom: 1px solid #D4D4D4;
padding: 8px 0 12px 20px
}
h1 a {
font-size: 46px;
letter-spacing: -2px;
color: #111
}

/* &navigation */
#nav {
position: absolute;
left: -9999em
}

/* &posts */
#posts {
float: left;
width: 75%
}

/* &post */
.post {
margin: 30px 30px 0 20px;
padding-bottom: 30px;
border-bottom: 1px solid #D4D4D4
}
.single {
border-bottom-width: 0
}
.post h2 {
font: normal 25px Georgia, Times New Roman, serif
}
.post h2 a {
color: #252525
}
.post h2 a:hover {
color: #3EC17D
}
.post .date, .metadata {
color: #A3A3A3;
font-size: 11px;
margin: 4px 0 0 0
}
.post .date a, .metadata a {
color: #3EC17D
}
.post p, .post ul, .post ol, .post h3, .post h4, .post ul li {
margin-top: 16px;
line-height: 121%
}
 .post ul li {
	margin-top: 3px;
}
.post h3 {
font: normal 15px Georgia, Times New Roman, serif	
}
.post p a, .post li a, .post h3 a  {
color: #4A86BB;
text-decoration: underline
}
.post blockquote {
padding: 3px 6px 6px 26px;
margin: 16px 16px 0 16px
}
.post blockquote p {
margin-top: 8px
}
.post li {
list-style: inside;
}
.post ol li {
list-style:  inside decimal
}

/* &metadata - enlaces a cometarios, categorías y tal */
.post .postmetadata {
clear: both;
color: #A3A3A3;
font-size: 11px;
margin: 30px 0 0 0
}
.post .postmetadata a {
color: #3EC17D
}

/* &navigation - enlaces a entradas anteriores y posteriores */
.navigation {
margin: 30px 30px 0 20px;
padding-bottom: 30px;
overflow: hidden;
height: 1%;
}
.navigation .previous {
float: left;
}
.navigation .next {
float: right;
}
.navigation a {
color: #FC7144;
}
.navigation a:hover {
background-color: #FFD;
}

/* &comments - comentarios */
.comments h3 {
font: normal 25px Arial, Lucida Grande, sans-serif;
/*letter-spacing: -1px;*/
margin: 20px 50px 0 50px;
border-bottom: 1px solid #D4D4D4;
padding-bottom: 4px
}
ol.commentlist {
margin: 20px 50px 0 45px;
font-size: 12px;
padding-bottom: 15px
}
.commentlist li {
margin: 6px 10px 0 0;
padding: 6px 8px
}
.commentlist p {
margin: 6px 0
}
.commentlist a {
color: #5BA5EB;
text-decoration: underline
}
.commentlist cite {
display: block;
margin: 6px 0 0 0;
font-style: normal;
font-size: 11px;
color: #A3A3A3
}
.commentlist cite a {
color: #3EC17D
}
.commentlist cite a.permalink {
text-decoration: none
}
#commentform {
margin: 30px 50px 0 50px
}
#commentform p {
margin: 10px 0
}
#commentform input, #commentform textarea {
font: normal 11px Arial, Verdana;
color: #111;
padding: 0 3px
}
#commentform small {
font-size: 11px;
color: #A3A3A3
}
#commentform .code {
background: #f6f6f6
}

/* &morestuff */
#morestuff {
float: left;
width: 25%;
padding: 40px 0 0 0
}
*html #morestuff { /*IE6 y los porcentajes*/
width: 24.5%
}
#morestuff p.info {
background: #FFD;
margin-top: 0;
padding: 6px;
color: #666
}
#morestuff p.info em {
color: #333
}
#morestuff p.info a {
color: #333
}
#morestuff ul, #morestuff p {
margin: 12px 0 0 0
}
#morestuff li {
margin-top: 4px;
padding-bottom: 12px;
font-size: 11px
}
#morestuff li li {
padding-bottom: 0
}
#morestuff h2 {
font-weight: normal;
font-size: 28px;
/*letter-spacing: -2.2px;*/
background: #F2F2F2;
border-top: 5px solid #111;
border-bottom: 1px solid #D4D4D4;
padding: 3px 0 5px 10px;
text-transform: lowercase
}
#morestuff #unvlogdenegro h1, #morestuff #unvlogdenegro h2 {
letter-spacing: 0;
border-width: 0;
padding: 0;
text-transform: none;
background: transparent;
}
#unvlogdenegro h1 a {
font-size: 1em;
}
#morestuff ul ul {
margin: 12px
}
#morestuff a {
color: #111
}

/* &searchform */
/*#searchform {
position: absolute;
right: 20px;
top: 30px
}*/
#searchform input {
margin-left: 6px;
font: normal 11px Arial, Verdana;
color: #111;
padding: 0 3px;
vertical-align: middle
}

/* &code */
code {
margin-top: 16px;
background: #000;
font: normal 11px Monaco, Courier New;
color: #FFF;
padding: 12px;
display: block
}

/* google hilite  */
.hilite { background-color: #FF9; }


/* menu  */
.menu {
	float: right;
	height: 26px;
	margin: -28px 30px 0 0;
}
.menu li {
	float: left;
	margin-left: 6px;
	height: 26px;
	border-top: 2px solid #F2F2F2;
}
.menu li a {
	display: block;
	height: 23px;
	line-height: 23px;
	padding: 0 12px;
	color: #333;
	border-top: 2px solid #F2F2F2;
}
.menu li a:hover {
	border-top: 2px solid #000;	
	background: #FFD;
}
.menu li.current {
	background: #FFF;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	border-top: 2px solid #000;
}
.menu li.current strong {
	display: block;
	height: 26px;
	line-height: 26px;
	padding: 0 12px;
}