/* GENERAL 									GENERAL*/
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family:  Helvetica, Arial, Verdana, sans-serif;
	color:#111;
	background:#fff url(imagenes/body.png) repeat-x top left;
}

::-moz-selection{
	background:#00ffa8;
	color:#533518;
}

::selection {
	background:#00ffa8;
	color:#533518;
}

a {
	color:#00ffff;
	text-decoration: none;
	padding:.2em .4em .1em;
	cursor:pointer!important;
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
}

a:hover {
	color:#111;
	background-color:#00ffff;
}
.post a[href^="http://"]:after, #portada a[href^="http://"]:after{
	content: " "url(imagenes/flechaenlace.png);
}

.post a[href^="http://"]:hover:after, #portada a[href^="http://"]:hover:after{
	content: " "url(imagenes/flechaenlacehover.png);
}

a[href*="jongarcia.info"]:after,a[href*="localhost:8080"]:after, .postmeta a[href^="http://"]:after, .div_titulo a[href^="http://"]:after{
	content: url(imagenes/empty.png)!important;
}

acronym{
	cursor:help;
}

a.enlace_img{
	background-color:transparent!important;
}
img {
	max-width: 100%;
	border:0px;
}

blockquote {
	background-color:#efefef;
	font-family:Georgia,Palatino,Times New Roman,serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:italic;
	color:#444;
}

code{
	background-color:#888;
	font-size:.8em;
}

form {
	color: #a15304;
}
input{
	background-color:#efefef;
	border:0;
	padding:8px;
	margin-bottom:14px;
	height:14px;
	width:444px;
	background-image:url(imagenes/inputs.png);
	background-position:-460px 0px;
	font-size: 12px;
	font-family:  Helvetica, Arial, Verdana, sans-serif;
}
input:focus{
	background-image:url(imagenes/inputs.png);
	background-position:-460px -30px;
}

textarea{
	background-color:#efefef;
	border:0;
	padding:8px;
	margin-bottom:14px;
	height:304px;
	width:444px;
	background-image:url(imagenes/inputs.png);
	background-position:0px 0px;
	font-size: 12px;
	font-family:  Helvetica, Arial, Verdana, sans-serif;
}
textarea:focus{
	background-position:0 -320px;
}
input#submit{
	background-color:#efefef;
	border:0;
	height:30px;
	width:300px;
	background-image:url(imagenes/submit.png);
	background-position:0 0;
}
input#submit:hover{
	background-image:url(imagenes/submit.png);
	background-position:0 30px;
	cursor:pointer;
}
div{
}

hr {
}

/* GENERAL  CLASES									GENERAL CLASES*/

.izquierda {
	float:left!important;
}

.derecha{
	float:right!important;
}

.margenderecho{
	margin-right:2em;
}
.seccion{
	text-align:left;
}
.margenarriba{
	margin-top:1em;
}
.nobackground{
	background-color:transparent!important;
}

.anuncio{
	color:black;
	background: yellow url(imagenes/anuncio.png) repeat-x top left;
	padding:5px;
	padding-top:15px;
}
.advert{
	margin:10px 0;
	background-color:#00ffa8;
	color:#533518;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
.advert h3{
	margin:2px;
}
.advert span.highlight { color:#533518;background-color:#00ffa8; }
.highlight{background-color:#36210c;color:yellow;-moz-border-radius:2px;-webkit-border-radius:2px;}

.post img{margin:0;padding:0;}
.marco_top{background:transparent url(imagenes/marco_superior.gif) no-repeat;height:7px;width:460px;}
.marco_img{width:446px!important;padding:0 7px!important;background:transparent url(imagenes/marco_central.gif) repeat-y top left;}
.marco_noimg{max-width:444px!important;border:6px solid #f8f8f8!important;padding:1px!important;background-color:#bec6d2!important;margin:1px!important;}
.marco_down{position:relative;top:-5px;background:transparent url(imagenes/marco_inferior.gif) no-repeat;height:17px;width:460px;font-size:1px!important;}

/* FIN GENERAL  										FIN GENERAL  */



/* HEADER									HEADER*/

.flash{
	text-align:center;
}
#cabecera{
	background: transparent url(imagenes/cabecera_base.png) repeat-y top left;
}
#titulo{
	padding:10px;
	width:360px;
	height:184px;
	background-image:url(imagenes/cabecera.png);
}
#titulo a{
	color:white;
}
#titulo a:hover{
	background-color:transparent;
}
#titulo h1{
	margin:0 auto;	
	width:160px;
	height:149px;
	
}
#cabecera{
	float:right!important;
	text-align:right;
}

#firma{
	margin-left:20px;
	width:160px;
	height:149px;
	background-image:url(imagenes/titulo.png);
}

#menu{
	padding:0;
	margin:5px auto;
	width:236px;
	color:#c50;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:bottom center;
}

#menu li{
	float:right;
	display:block;
	font-size: 15px;
	font-weight:bolder;
}
#menu li.izquierda{
	margin-right:0;
	text-transform:capitalize;
}
#menu li a{
	color:#00ffff;
	text-decoration:none;
	height:21px;
	display:block;
	padding:3px;
}
#menu li a:hover{
	background-color:transparent!important;
	color:transparent!important;
}
#menu img{
	background-image:url(imagenes/menu.png);
	height:21px;
	min-width:36px;
	/*background-color:white;*/
	display:block;
	margin:0;
	padding:0;
}
#about{
	background-position:-177px 0px;
	width:47px!important;
}
#about:hover{
	background-position:-177px -21px;
}

#tags{
	background-position:-135px 0px;
	width:36px!important;
}
#tags:hover{
	background-position:-135px -21px;
}

#archive{
	background-position:-71px 0px;
	width:59px!important;
}
#archive:hover{
	background-position:-71px -21px;
}

#goodies{
	background-position:0px 0px;
	width:66px!important;
}
#goodies:hover{
	background-position:0px -21px;
}

/*PAGINACION                            PAGINACION*/
.paginacion{
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}
.paginacion a{
	padding:.2em;
	padding-left:.5em;
	padding-right:.5em;
}
.current-page{
	border:1px solid #00ffa8!important;
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
}
									/*SINGLE*/

#tituloarchivopost{
	width:70%;
	margin: 0 auto 0 auto;
	padding-top:3em;
	padding-right:60px;
	font-size:2.5em;

	font-weight:bold;
	letter-spacing:-.05em;
	text-align:right;
}

.post {
	width:640px;
 	border: 0px;
	font-size:1.2em;
	letter-spacing:-.01em;
	text-align:justify;
	margin-left:2em;
	margin-bottom:2em;
}
.post p{
	margin:.5em 0;
}
.post h2 a{
	padding:0;
	color:#222;
}
.post h2 a:hover{
	color:#00ffa8;
	background-color:transparent;
	text-decoration:none;
}
.postmeta{
	position:relative;
	left:-.3em;
	margin-top:1em;
	margin-bottom:1em;
	font-size:12px;
}
.div_titulo{
	margin-bottom:0.5em;
	margin-top:1em;
}
.div_titulo h1{
	margin:0;
}
.tagstitle{

}

.post img[src*="technorati"]{
	padding:0;
}
.titulo{
	position:relative;
	z-index:10;
	color:white;
	padding:0;
	margin:0;
}
.titulo:hover{
	color:#7a000f;
	background-color:transparent;
	text-decoration:none;
}

/*COMENTARIOS                      COMENTARIOS*/
#bloquecomentarios{
	padding-top:3em;
}
#contenedortextocomentario{
	color:#00ffff;
	padding:1em 0;
}
label{
	color:#00ffff;
}

.gravatar{
	height:80px;
	width:80px;
	overflow:hidden;
	padding:0;
	margin-right:.5em;
}
.gravatar img{
	margin:0!important;
	padding:0!important;
}
.lista_comentarios{
	padding-left:0;
	list-style-image: url(imagenes/empty.png);
}
.lista_comentarios li{
	padding:8px;
	margin-bottom:4px;
	padding-right:1em;
	padding-bottom:0;
	display:block;
	clear:both;
}

.lista_comentarios li a{
	color:#111;
	border-bottom:1px solid #111;
}
.lista_comentarios li a:after{
	content: url(imagenes/empty.png)!important;
}
.comentariopar, .comentarioimpar{
	background-color:#fff;
	-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
	border-bottom:1px solid #ccc;
	font-size:9px;
	text-transform: uppercase;
}
.comentario_contenido{
	margin-top:4px;
}
.comentario_mio{
	background-color:#00fcff;	
}
.commenttext{
	font-size:12px;
	text-transform: none;
	
}
/*YEAR                                       YEAR*/

.year_excerpt{
	margin-bottom:2em;
}
.year_titulo h2{
	font-size:1.4em;
}
/*SIDEBAR                                   SIDEBAR*/
#sidebar{
	text-align:right;
	font-size:1.1em;
	color:white;
	margin-left:35px;
}

#busqueda input{
	margin: 0 auto;
	display:block;
	padding:6px 8px 10px 8px!important;
	width:253px;
	height:12px;
	background-image:url(imagenes/input_search.png)!important;
	background-position:0 0;
}
#busqueda input:focus{
	background-image:url(imagenes/input_search.png)!important;
	background-position:0 28px;
}
.sideimg{
	margin:10px;
	font-size:15px;
}
.sideimg h2{
	font-size:15px;
}
#flickr_img,#nole_img{
	padding:0;
	list-style:none;
	width:300px;
	height:54px;
	overflow:hidden;
}

#flickr_img li,#nole_img li{
	display:inline;
}
.sideimg li,#mascara_contenedor .jcarousel-list li,
.jcarousel-item {
	height:65px;
	width:65px;
	margin:0 6px;
}
#side_fotos a{
	padding:0!important;
	background-color:#222;
}

#flecha_derecha,#flecha_izquierda{
	position:relative;
	top:-52px;
	background-image:url(imagenes/navegacion.png)!important;
	height:52px;
	width:21px;
	padding:0!important;
	
}
#flecha_derecha{
	background-position:0 0;
}
#flecha_derecha:hover{
	background-position:0 52px;
}

#flecha_izquierda{
	background-position:21px 0;
}
#flecha_izquierda:hover{
	background-position:21px 52px;
}
.sideimg #flickr_img-next,.sideimg #flickr_img-prev,.sideimg #nole_img-next,.sideimg #nole_img-prev{
	margin-left:10px;
	margin-right:10px;
	height:10px;
}
.sideimg a[href*="flickr.com"]:after{
	content: url(imagenes/empty.png)!important;
}

.sideimg a img{
	padding:8px 4px;
	height:38px;
	width:38px;
	background-image:url(imagenes/thumbnail.png)!important;
}

.sideimg a:hover img{
	background-position:46px 0px;
}
.sideimg ul a:hover{
	background-color:transparent;
}
#cabecera h2{
	text-align:right;
	margin:20px 20px 0px 0px;
}
#sidebar h2{
	text-align:right;
	margin:0;
	margin-right:6px;
	margin-top:6px;
}
#cabecera h2 img,#bottombar h2 img{
	background-image:url(imagenes/textos.png)!important;
	height:22px;
}
#h2photos{
	background-position:0 0;
	width:62px;
	margin-right:20px;
}
#h2sketchbooks{
background-position:-62px 0;
width:109px;
margin-right:20px;
}

#h2latestposts{
background-position:-372px 0;
width:104px;
}

#h2latestcomments{
background-position:-229px 0;
width:143px;
}

#h2othersites{
background-position:-476px 0;
width:97px;
}

#h2subscribe{
background-position:-573px 0;
width:83px;
}
#sidebar h3{
	font-size:1em;
}
#sidebar h4 a{
	display:block;
}

#sidebar h4{
	margin:.3em;
}
#sidebar p{
	text-align:center;
}
#sidebar ul{
	list-style: none;
	padding:.5em;
	margin:0;
}
#sidebar li p{
	text-align:justify;
	font-size:.9em;
	padding-bottom:.5em;
	margin:5px 0;
	
}
#sidebar li{
	margin:5px 0;
}

/* FOOTER									FOOTER*/
#footer {
	margin: 5em auto 0 auto;
	color:#00ffff;
	padding:1em;
}
.credit {
	text-align:right;
	margin-right:20px;
	position:relative;
	top:100px;
}
#eof{
	margin:0;
	padding-right:10px;
	padding-top:120px;
	text-align:right;
	color:#00ffff;
	font-weight:bold;
	height:23px;
	width:370px;
	background-image:url(imagenes/eof_base.png)!important;
}
/*ARCHIVE                                   ARCHIVE*/
#archivo{
	margin:3em 0;
	text-align:left;
}
#archivo li{
	list-style-image: url(imagenes/empty.png);
}
#mascara_contenedor{
	width:459px!important;
	overflow:hidden;
}
#mascara_contenedor .jcarousel-list li,
.jcarousel-item {
    width: 153px;
    height: 100%;
}
.archive-month{
	float:left;
	width:auto;
}
.archive-month li{
	width:153px;
	font-size:1.5em;
	font-weight:bolder;
	margin-top:.2em;
	padding:0;
	float:left;
}
ul.archive-entry,ul.archive-month{
	padding:0;
	margin:0;
}
.archive-entry li{
	width:100%;
	overflow:hidden;
	float:none!important;
	margin:0;
	font-size:11px;
	font-weight:normal;
	height:1.6em;
	line-height:2em;
}
/*TAGCLOUD                                   TAGCLOUD*/
#tagcloud{
	margin:20px auto 0 auto;
	font-size:.8em;
}
#tagcloud ul{
	margin:0;
	padding:0;
}
#tagcloud li{
	list-style-image: url(imagenes/empty.png);
	display:inline;
}
/*END										END*/

.vacio{}

div.spacer {
	clear: both;
	height:1px;
	overflow:hidden;
}
/*PAGE                                       PAGE*/
#cabecera_pagina{
	background:#373737 url(imagenes/pagina_basesuperior.png) no-repeat bottom left;
	padding:10px;
	
}
#cabecera_pagina h1{
	display:inline;
	margin:0;
	margin-left:10px;
	float:left;
}

#cabecera_pagina ul{
	margin:0;
	margin-top:40px;
	margin-right:10px;
}
#cabecera_pagina a:hover{
	background-color:transparent!important;
}
#marcocarrusel{
	display:block;
	padding:13px;
	padding-bottom:45px;
	background:transparent url(imagenes/marcopaginas.png) no-repeat top left;
}
#bottombar{
	color:white;
	background:#222 url(imagenes/pagina_baseinferior.png) no-repeat top left;
	padding:10px;
	padding-top:30px;
}
#bottombar a:hover{
	background-color:transparent!important;
}
#bottombar input,#bottombar h2,#bottombar  #flickr_img-next,#bottombar  #flickr_img-prev,#bottombar  #nole_img-next,#bottombar  #nole_img-prev{
	margin:0;
}
#bottombar  #flickr_img-next,#bottombar  #flickr_img-prev,#bottombar  #nole_img-next,#bottombar  #nole_img-prev{
	padding-top:0px!important;
}
#bottombar  #flickr_img-next,#bottombar  #nole_img-next{
	margin-right:12px!important;
}
#bottombar div #busqueda{
	margin-bottom:30px;
}

#bottombar div.sideimg{
	margin-top:0px!important;
}
#bottombar ul{
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
}
.sec_goodies{
	background-color:#efefef;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-bottom:1em;
	padding:1em;
}