body {
	margin : 0;
	padding : 0;
	background : #fff;
	color : black;
	font-size : 12px;
	font-family : 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

a			{ color : #258; text-decoration : underline; }
a:hover		{ text-decoration : none; }
img, a img	{ border : 0; }
input, textarea	{ font-size :1em; }

input[type=text], textarea{	background : #fff;	border : 1px inset #aaa; }
input[type=submit] {	background : #eee;	border : 1px outset #aaa;	}

pre {	font-size : 1em;	overflow : auto;	}

code, samp {
	font-size : 1em;
	background-color : #f8f8f8;
	font-family : "DejaVu Sans Mono", "Courier New", monotype;
	width : 80%;
	white-space : pre-wrap;
	overflow : auto;
}

code.bloque, samp.bloque {	display : block;	padding : 0.5em; margin : 1em; }

*:lang(en)		{	font-style : italic !important;	}
samp:lang(en)	{	font-style : normal;			}
q				{	quotes: "«" "»";				}
q:lang(en)		{	quotes : "\"" "\"";				}
q:before		{	content: open-quote;			}
q:after			{	content: close-quote;			}


h4.paginas			{ background-image : url(/imagenes/notebooks.png); }
ul.paginas li		{ background-image : url(/imagenes/notebook-small.png); }
h4.categorias		{ background-image : url(/imagenes/tags-label.png); }
ul.categorias li	{ background-image : url(/imagenes/tag-small.png); }
h4.enlaces			{ background-image : url(/imagenes/book-open-bookmark.png); }
ul.enlaces li		{ background-image : url(/imagenes/bookmark-small.png); }


#wrapper {	margin : 0 5%;	padding-right : 230px;	max-width : 970px; }

#content {
	float : left;
	width : 96%;
	padding : 20px 4% 20px 0;
	margin : 0 -230px 0 0;
	border-right : 230px solid #eee;
	font-size : 1.2em;
}

h2.listado {
	color : gray;
	text-align : center;
	margin : 0 0 1em;
}

div.entradas_portada {
	border-bottom : 1px dotted gray;
	padding-bottom : 2em;
	margin-bottom : 2em;
}

div.entradas_portada h3 {
	font-size : 1.2em;
	margin : 0.5em 0 0 0;
}

div.entradas_portada p {
	margin : 0;
	text-indent : 2em;
}

div.entradas_portada .metadatos {
	font-family : Georgia;
	font-size : 0.9em;
	margin : 0;
	text-align : right;
	color : gray;
}

.metadatos span {
	background-position : right center;
	background-repeat : no-repeat;
	padding-right : 20px;
	line-height : 40px;
}

.metadatos a {	color : gray; }

.metadatos .meta_fecha {	background-image : url(/imagenes/calendar-day.png); }
.metadatos .meta_categoria {	background-image : url(/imagenes/tags-label.png); }

h2.posttitle {
	color : rgb(22, 82, 121);
	text-align : center;
	margin : 0.3em;
	text-shadow : silver 1px 1px 2px;
}

div.postmetadata {
	text-align : center;
	font-family : Georgia, serif;
	padding-bottom : 1em;
	width : 50%;
	margin : 0 auto 2em;
	border-bottom : 1px dashed silver;
}

div.relacionados h4 {
	color : maroon;
	margin : 2em 0 0 0;
}
div.relacionados ul {
	font-size : 0.9em;
	margin-top : 0;
}

abbr, acronym {	cursor:help;	border-bottom: 0.1em dotted;	}

.postentry h3 {
	margin-top : 2em;
}

blockquote {
	padding : 1em;
	font-family : Georgia, sans-serif;
	font-style : italic;
	margin : 1em;
	background : rgb(250,250,250);
}

blockquote[cite]:after {
	content : attr(cite) ;
	display : block;
	margin : 0px;
	text-align : right;
	font-family : Helvetica, Arial, sans-serif;
	font-style : normal;
	color : gray;
	font-size : 0.9em;
}

#content ul { list-style-type : none; }

#content ul li:before {
	content : '» ';
	margin-right : 1%;
	font-size : 1.1em;
}

#content img { max-width : 90%; }

div.navigation {
	padding : 0.3em;
	background : rgb(250,250,250);
	overflow : auto;
	margin-bottom : 2em;
}

.alignleft {
   float: left;
   margin: 0.5em;
}

.alignright {
   float: right;
   margin: 0.5em;
}

.t_centrado {	text-align : center; }


/* Header */
#header {
	margin : 0;
	padding : 0.5em 0;
	background : #237ab2;
	height : 70px;
}

#headertitle {
	float : left;
	position : absolute;
	top : 20px;
	left : 50px;
	padding : 0;
	margin : 0;
}

#headertitle h1 {	margin : 0; padding : 0;	}

#headertitle h1 a {
	position : absolute;
	top : 0;
	width : 408px;
	background : transparent url(http://elcodiguero.com/img/cabecera.png) no-repeat left top;
	height : 80px;
	display : inline;
	color : #fff;
}

#headertitle span	{ left : -9999em; position : absolute; }

#searchform {
	float : right;
	margin : 1em 70px 0 0;
	padding : 0 0 0 30px;
	background : transparent url(/imagenes/knob_search.png) no-repeat left center;
	height : 30px;
	line-height : 30px;
}

#searchform p {	margin: 0;	}

#searchform input {
	border : 1px solid #69b;
	color : #ddd;
	font-size : 1.1em;
	background : #38b;
}

#searchform input[type=text] {	width : 13em;	}


/* Top navigation */
#navbar {
	border-top : 0.1em solid #555;
	border-bottom : 0.1em solid #555;
	background : #165279;
	height : 2.3em;
	margin : 0;
	padding : 0;
}

#nav { margin : 0; padding : 0 80px 0 0; float : right; list-style : none; }
#nav li {	float : left;	margin : 0;	text-transform : uppercase;	}

#nav a {
	color : #c6c8c9;
	display : block;
    font-weight : bold;
	padding : 0.5em;
	padding-left : 20px;
	text-decoration : none;
	background-position : 2px center;
	background-repeat : no-repeat;
	margin-right : 1em;
}

#nav a:hover {	background-color: #237ab2;	color: #fff;	text-decoration: none;	}

#inicio { background : url(/imagenes/home.png); }
#acercade { background : url(/imagenes/information.png); }
#suscripcion { background : url(/imagenes/feed.png); }


/* Sidebar */

#sidebar{
	float : left;
	width : 190px;
	margin : 0 -230px 0 0;
	padding : 20px;
	background : #eee;
}

#sidebar ul {
	list-style-type : none;
	margin : 0;
}

#sidebar ul li {
	line-height : 18px;
	margin: 0 0 0.4em -15px;
	padding : 0;
	padding-left : 15px;
	background-repeat : no-repeat;
	background-position : left center;
}

#sidebar h4 {
	font-size : 1.3em;
	background-repeat : no-repeat;
	background-position : left center;
	padding-left : 20px;
	margin-bottom : 0.5em;
	color : #27a;
}

/* Footer */
#footer {
	clear : both;
	padding : 1em;
	border-top : 2px solid #555;
	text-align : center;
	background : #165279;
	color : #eee;
}

#footer a {	color : #aac;	}



#comments {
	font-size : 0.9em;
	margin-top : 3em;
	border-top : 10px outset rgb(240,240,255);
	background : rgb(252,252,255);
	padding : 1em;
}

.commentlist {
	margin:20px 0;
	padding:0;
}

.commentlist li {
	list-style:none;
	margin:0;
	padding:0;
	border : 1px solid #eee;
}

li.comment div, li.pingback div {
	padding:20px;
	overflow:auto;
}

li.comment div div, li.pingback div div {
	padding:0;
	overflow:visible;
}

.commentlist li.even	{	background-color:#fafafa;	}
.commentlist li.odd		{	background-color:#f6f6f6;	}

ul.children li {	list-style:none;	}

img.avatar {
	float:right;
	border:1px solid #eee;
	padding:2px;
	margin:0;
	background:#fff;
}

.comment-meta, .reply {
	margin:0;
	padding:0;
	font-size:0.8em;
}

.comment-author cite {
	font-style:normal;
	font-weight : bold;
}

#commentform p {
	float : left;
	width : 25%;
	margin : 0 2% 2% 2%;
}

#comments input, #comments textarea {
	font-family : Verdana, "DejaVu Sans", sans-serif;
	font-size : 1em;
	border : 1px solid silver;
}

#comments textarea {
	width : 87%;
	margin-left : 2%;
}

#comments label {
	font-weight : bold;
}

#comments div.navigation {
	font-size:0.9em;
}

#submit {
	float : right;
	margin-right : 11%;
	margin-top : 1%;
}