/* 

Theme Name: JMBoné

Theme URI: http://juanmartinbone/ 

Description: Tema del portafolio/blog de Juan Martín Boné

Version: 1 (WP2.9.1) 

Author: K@t

Tags: portafolio, blog, minimalista, blanco

*/













/************** RESET *************************/

/* v1.0 | 20080212 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}





del {

	text-decoration: line-through;

}



/******************************End of Reset********************************/



body {

font-family:Arial, Helvetica, sans-serif;	

font-size:12px;

}





h1{

font-size: 42px;

}



h2{

font-size: 30px;

}



h3{

font-size:15px;

}



h4{

font-size:12px;

}





a{

text-decoration:none;

}



a:hover {

/*text-decoration: underline;*/

}



img {

/*margin:20px;*/

}





div#header {

/*background: url(images/cabezera_pintura.jpg) no-repeat center;*/

height:327px;

/*text-indent: -9999px;*/

text-align:center;

}



ul#navigation {

margin:0 auto;





}



#navigation li {

display:inline;

margin-left:12px;









}



#navigation li h2{

display:inline; 



}





#navigation a{

color:#FFFFFF;

padding: 8px;



}



#navigation a:hover{

color:#333333;

}




div#nav {
text-align:center;

padding: 10px;

margin: 0px 0 20px 0;

border-bottom: solid 1px #CCCCCC;

border-top: solid 1px #CCCCCC;

font-family:Arial, Helvetica, sans-serif;	

background-color:#999999;
}



div#texto-bienvenida {

font-family: Times, serif;

font-size:25px;

font-style:italic;

text-align:
justify;

color:#999999;

line-height: 25px;

width: 960px;

margin: 20px auto 0px auto;

padding: 10px 10px 0px 10px;





}



.contenido {

margin: 50px 0 80px 0;}



.fotos-contenido{

width: 960px;

position:relative;

margin:auto;

text-align:center;}



.margen-foto{

margin: 0 0 0 10px;

}







div.contenido-interno {



width:600px;

margin:auto;

padding: 15px 0 0px 0;

text-align:center;

/*font-family:Arial, Helvetica, sans-serif;*/

font-family:"Times New Roman", Times, serif;

font-style:italic;

color:#444;

font-weight:bold;	

}



div.contenido-interno img {

float:left;

}



div.descripcion {



margin: 10px auto 0 auto;

width:300px;

font-family:Arial, Helvetica, sans-serif;

color:#444;

font-style:italic;

font-weight:normal;

font-size:14px;

line-height: 18px;

}



div.descripcion p{

margin-bottom:5px;

}



div.detalles {

margin: 25px 25px 45px 25px;



}



div.detalles a{

padding:5px;

color:#666666;

display:inline;

border:#999999 solid 1px;

}



div.detalles a:hover h3 {

color:#999999;

}



div#footer {

min-height:120px;

background-color:

#999999;

padding: 20px 20px 20px 20px;



	

}



div#logo-footer {

margin: 0 20px 20px 20px;

float:left;

}



div#logo-footer img{

margin: 0 20px 20px 20px;

}



div#nav-footer {

float:left;

margin:0 40px 20px 20px;

padding:0 50px 20px 0;

border-right:#333333 dotted 2px;

font-family:Arial, Helvetica, sans-serif;




}



div#nav-footer ul li a{



color:#FFFFFF;

}



div#nav-footer ul li h2{

font-size:15px;

}



div#nav-footer ul li{

font-size:24px;

font-family:Arial, Helvetica, sans-serif;

font-weight:bold;

color:#FFFFFF;

}



div#nav-footer ul li a:hover{

color:#333333;

}



div#texto-footer p {

font-family:"Times New Roman", Times, serif;

font-size:14px;

margin: 0px 20px 20px 20px ;

font-style:italic;

color:#CCCCCC;





}





div#sidebar-bottom {



width:960px;

margin: 10px auto 20px;

border-top:#999999 dotted 2px;

font-family:Arial, Helvetica, sans-serif;

color:#333333;

font-style:italic;

font-weight:normal;

font-size:12px;

}











#titulos h3{





float:left;

width: 28%;

padding: 25px 0 0 50px;





}



div#sidebar-bottom>ul{

list-style:square;

text-align:center;

float:left;

width:29%;

margin: 20px;}



div#sidebar-bottom ul li{

padding:5px 0 0 0;

}



div#sidebar-bottom ul li a {

Color:#333333;

}

div#sidebar-bottom ul li a:hover{

background-color:#cccccc;



}

div.fix {

clear:both;

}





#paginacion {

width:920px;

font-family:Arial, Helvetica, sans-serif;

font-weight:bold;

text-transform:uppercase;

text-align:center;

margin:auto;

padding: 40px 40px 20px 40px;
/*margin: 40px 40px 20px 40px;*/}



#paginacion a{

color:

#666666;}



#paginacion a:hover {

color:#333333;}



#paginacion a:active {

color:#333333;}



.alignleft { 

float:left;

}



.alignright {

float:right;

}



.galeria {

margin-top:40px;

padding: 50px 0 ;



border-top:

dotted

#666666

1px;



text-align:center;

}



.galeria img{

margin:0px;

padding:7px;

}



.galeria img:hover{

background-color:

#DDDDDD;

}



.galeria-wrap {

margin:auto;}



.galeria-interna {

width:800px;

margin:auto;}



#ancha {

/*width:190px;*/

}



.fotos-detalles{

width: 920px;

margin:auto;

text-align:center;



}



.fotos-detalles-hidden{

width: 920px;

padding: 10px 0 20px 0;

margin:auto;

text-align:center;

display:none;

border-top:#666666 dotted 1px;

border-bottom:#666666 dotted 1px;

}







.fotos-detalles-1{

width: 920px;

margin:auto;

text-align:center;

float:left;

}

.detalle{



}



.w380{

width:380px;}



.txtright{

font-family:Arial, Helvetica, sans-serif;

font-style:italic;

text-align:right;}



.txtleft {

font-family:Arial, Helvetica, sans-serif;

font-style:italic;

text-align:left;}



.descright{

margin: 10px 10px 0px 0px;}

.descleft{

margin: 10px 0px 0px 10px;}



.h20 {

height:20px;}



.bio {

margin:auto;
width:960px;

display:none;

font-family: Times, serif;

font-size:20px;

font-style:italic;

text-align:justify;

color:#666666;

line-height: 25px;



padding: 10px 20px 40px 20px;

border-bottom:dotted 1px #666666;




}

.bio img {

padding: 3px;

border:#666666 solid 1px;

margin: 0px 50px 10px 10px;

clear:both;

float:left;}

.bio p {margin-left:165px;}





#contacto {



width: 180px;



font-family: Times, serif;

font-size:18px;

font-style:italic;

text-align:left;

color:#666666;

line-height: 18px;

margin: 20px 0px 20px 40px;

padding: 10px 50px 40px 10px;

border-right:#666666 1px dotted;



float:left;









}

#contacto p {

}



#contacto span {

font-weight:bold;



}



#contacto img {



margin: 20px 0 0 0;

clear:both;

}



#contactform {



margin: 8px 50px 0 0;

float:right;

}



#contactform p {



font-family:"Times New Roman", Times, serif;

font-size:18px;

font-style:italic;

color:#666666;

padding: 8px;

}



input.textfield-form {

font-size:20px;

border:#666666 solid 1px;



} 



.h40{

height:40px;

}





#titulodescsingle { 

border-bottom:#666666 dotted 1px;

padding-bottom:30px;

}



.marginbottom40 {

margin-bottom: 40px;

}



.post-categories {

margin-bottom: 15px;



}



#vertodos {

font-family: Times, serif;

font-size:25px;

font-style:italic;

text-align:center;

color:#999999;



}



.current-page {

background-color:

#990000;

}


.containerW960 {
width:960px;
margin:auto
}

/////////////////////////pageNavi///////////////////////////////7



.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #666666;
	color: #666666;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid 
	#999999;
	color: #999999;;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	display: none; 
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #666666;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	text-transform:lowercase;
	/*border: 1px solid #000000;*/
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid 
	#666666;
	color: #ffffff;
	background-color: #666666;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

.wp-pagenavi span.page {
border:#06c;}
/* ////////////////////////// blog//////////////////////////////// */

.container_w653{
width:653px;
float:left;
text-align:left;

}


.container_w653 a{
color: #222;
}

.container_w653 a:hover{
background-color:#CCCCCC;
color:#000000;
}

.container_w653 a:visited{
color:
#999999;
}






.container_w653 h2{





font-family:"Times New Roman", Times, serif;

font-style:italic;

color:#444;

font-weight:bold;	




margin: 20px 20px 0px 20px;

padding: 10px 10px 0px 10px;

}

.entrada , .single-entry{
width: 600px;
margin: 20px 20px 0px 20px;

padding: 10px 10px 0px 10px;

font-family:Arial, Helvetica, sans-serif;

color:#444;

font-style:italic;

font-weight:normal;

font-size:14px;

line-height: 20px;

}

.entrada p {margin-top:15px;	font-style:normal;}
.entrada p:first-child {margin-top:15px;}
	


.single-entry h2 {
font-family:"Times New Roman", Times, serif;

font-style:italic;

color:#444;

font-weight:bold;	


}






.container_w653 small, p.postmetadata{
margin: 20px 20px 0px 20px;

padding: 10px 10px 0px 10px;
font-family:Arial, Helvetica, sans-serif;

color:#444;

font-style:italic;

font-weight:normal;

font-size:14px;

line-height: 20px;





}


.sidebar .galeria .galeria-interna {
width:260px;
}

.sidebar {
font-family:Arial, Helvetica, sans-serif;

color:#444;

font-style:italic;

font-weight:normal;

font-size:14px;

line-height: 18px;
float:right;
width:260px;

padding: 30px 30px 0px 10px;

}

#paginacion-blog {
width:653px;


font-family:Arial, Helvetica, sans-serif;

font-weight:bold;

text-transform:uppercase;

text-align:center;
margin:auto;
padding: 40px 40px 20px 40px;}

.sidebar a{
color:
#222;
}

.sidebar a:hover{
background-color:#CCCCCC;
color:#000000;
}

.galeria-interna a:hover {
background-color:
transparent;}

.widget li{
margin-bottom:15px;
margin-top:15px;


}




.widget {
font-family:"Times New Roman", Times, serif;

font-style:italic;

color:#777;



font-size:20px;
line-height: 25px;
padding:25px 0 35px 0 ;

}

#respond, .commentlist, #comments {
padding:15px 0 15px 30px;
}

.commentlist li {
padding: 15px;
margin: 10px 0px;
background-color:
#dddddd;
 }

.commentmetadata {
padding-bottom:30px;
border-top:solid 1px #999999;
}


/*----------------------------------*/
/*---------------BLOC---------------*/
/*----------------------------------*/

.bloc200{

width:250px;

}

.post-bloc{
width:31%;
float:left;
border: solid 1px #999999;
margin:10px ;
background:#eee;
}

.post-bloc h3 {
text-align:center;
padding:15px 10px 10px 10px;
border-bottom: dotted 1px #999;
font-family:"Times New Roman", Times, serif;
color:#666666;
font-style:italic;
font-weight:bold;
font-size:20px;
}

.wrap-bloc .entrada{
padding:auto;
margin:0px auto 20px;
text-align:justify;
}
.wrap-bloc img.alignright{
padding: 20px 0px 20px 20px;}

.wrap-bloc img.alignleft{
padding: 20px 20px 20px 0px;}

.wrap-bloc img.aligncenter{
padding:15px 0px 20px;}

.wrap-bloc img.alignnone{
padding:15px 0px 20px;}


.wrap-bloc {
width:960px;
margin:auto;}


/*----------------------------*/
/*-------------HOME-----------*/
/*----------------------------*/


#wrap-home {width:920px; height:550px; background:url(images/JMB.png) no-repeat center; position:absolute; top: 50%; left:50%; margin: -275px 0 0 -460px; }

#contenedor-home {width:520px; height:180px; margin: 185px 200px; position:absolute;}

.foto-menu {width: 100px; height:150px; margin: 10px; background: #999999; border: 5px solid #666666; float:left;}





/*sliden-box*/

	.boxgrid{  
	    width: 100px;  
	    height: 150px;  
	    margin:10px;  
	    float:left;  
	    background:#999999;  
	    border: 5px solid #666666;  
	    overflow: hidden;  
	    position: relative;  
	}  
	.boxgrid img{  
	    position: absolute;  
	    top: 0;  
	    left: 0;  
	    border: 0;  
	}