/*
Nombre del Tema: Neurobsesion gris
Theme URI: http://neurobsesion.com
Description: (basado en <a href="http://elliotjaystocks.com">starkers</a>)
Version: 1 (WP2.6.2)
Author: Juan Vega Villar
Tags: neurobsesion, gris, grey, clean
*/
/* Fuente del título se llama Fontin sans, por Jos Buivenga (exljbris). Es gratuita y podrás encontrarla en wwww.exljbris.nl */ 
/*COLORES
gris fondo 80% Brightness: #cccccc
gris fondo 20% Brightness: #333333
rojo enlace:#ff6058
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*RESET*/

*			{margin: 0; padding: 0;}
html 		{overflow-y: scroll;}
html, body	{height: 100%; }
body 		{background: #cccccc center top;
			font-family:'Lucida Grande', "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
			font-size: 12px;}
a			{outline: none; text-decoration: none; color: inherit;}
a:hover	    {color: #ff6058;}
a img		{border: none;}
img			{vertical-align: middle;}

.clear		{clear: both;}
.left		{float: left}
.right		{float: right}

.salto 		{
margin-bottom: 50px;
}

h1			{font-family:'Lucida Grande', "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
font-size: 1.75em;
}

h2			{
font-family:'Lucida Grande', "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
font-size: 1.5em;
font-weight: normal; 
color: #f3f3f3
}

h3			{
font-family:'Lucida Grande', "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
font-size: 1.5em;
margin-bottom: 1.5em;
margin-top: 1.5em;
}

h4			{
font-family:'Lucida Grande', "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
font-size: 1.25em;
line-height: 1.5em;
margin-bottom: 1.5em;
}
			
p			{
font-family:'Lucida Grande', "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
font-size: 1.25em;
line-height: 1.5em;
margin-bottom: 1.5em;
}





	
/*NAVEGACIóN*/
#nav		{
height: 75px;
background-color: #333333;
}
#nav-wrap	{width: 900px; margin: 0 auto -75px;
min-height: 100%; height: auto !important;
height: 100%;
}
#cabeceratapa {
display: inline-block;
width: 360px; height: 75px; 
background-image: url(/imagenes/tapagris.png);
background-repeat: no-repeat; 
}
#sesiones {
display: inline-block;
width: 96px; height: 75px; 
background-image: url(/imagenes/sesiones2.png);
background-position: top;
background-repeat: no-repeat; 
}
#sesiones:hover{
background-position: bottom;
}
#enlaces {
display: inline-block;
width: 91px; height: 75px; 
background-image: url(/imagenes/enlaces2.png);
background-position: top;
background-repeat: no-repeat; 
}
#enlaces:hover{
background-position: bottom;
}
#academica {
display: inline-block;
width: 123px; height: 75px;
background-position: top;
background-image: url(/imagenes/academica2.png);
background-repeat: no-repeat; 
}
#academica:hover{
background-position: bottom;
}
#tutorial {
display: inline-block;
width: 94px; height: 75px;
background-image: url(/imagenes/tutorial2.png);
background-repeat: no-repeat;
background-position: top;
}
#tutorial:hover{
background-position: bottom;
}
#obsesiones {
display: inline-block;
width: 115px; height: 75px; 
background-image: url(/imagenes/obsesiones2.png);
background-position: top;
background-repeat: no-repeat; 
}
#obsesiones:hover{
background-position: bottom;
}
/*BODY*/
#page-wrap 	{
width: 900px; margin: 0 auto -250px;
min-height: 100%; height: auto !important;
height: 100%;
}
			
#push		{
height: 250px;
}


#cabecera {
display: inline-block;
width: 100%; height: 172px; 
background-image: url(/imagenes/cabecerafinal.png);
background-repeat: no-repeat; 
}
			
.archivos	
{-moz-border-radius-topleft:5px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
width: 96%; 
padding: 2%;
background-color: #333333;
margin-bottom: 2em;
color: #cccccc;
}



.post 		{
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
width: 100%; 
background-color: #333333;
margin-bottom: 2em;
}

h2.titulo	{
width: 700px;
padding: 0.35em;
float: right;
text-align: right;
}

h2.titulo :hover	{
color: #ff6058;
}
		
.fechautor	{
height:1.75em;
padding: 0.5em;
width: 10em;				
float: left; 
color: #cccccc;
}
			
.fechautorabajo {
/*solo para el single*/
position: relative;		
padding: 1em;
text-align: left;
color: #666666;
}
			
.dia		{
color: #ff6058
}
			
.contenido	{
background-color: #333333;
}



/*Posts*/

.vimeo		{
width: 900px;
position: relative;}
			
.flickr		{
width: 900px;
background-color: #000000;
}
			
.tostada	{
float: left;
width: 672px;
margin-right: 24px;
padding: 24px;
background-color: #f3f3f3;
color: #333333;
}

.fotocentral{
margin-bottom: 24px;
position: relative;
float: left;
width:662px;
padding: 5px;
background-color: white;
border: 1px solid #cccccc;
}

.fotoizquierda{
margin: 0px 24px 20px 0px;
position: relative;
float: left;
width:326px;
padding: 5px;
background-color: white;
border: 1px solid #cccccc;
}

.fotoderecha{
margin:  0px 0px 20px 24px;
position: relative;
float: right;
width:326px;
padding: 5px;
background-color: white;
border: 1px solid #cccccc;
}

.sombra		{
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin:padding;
width: 336px;
height: 20px;
bottom:-20px;
background: url(/imagenes/shadow336.png) no-repeat scroll center bottom;
display:block;
float:left;
left:0;
position:absolute;
}

.sombraxl	{
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin:padding;
width: 672px;
height: 24px;
bottom:-24px;
background: transparent url(/imagenes/shadow672.png) no-repeat scroll;
background-position: bottom center;
display:block;
left:0;
position:absolute;
} 

.tags		{
position: relative;
padding-top: 1.4em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 0.5em;
text-align: left;
color: #666666;
font-size: 1.25em;
line-height: 1.5em;
}
			
.categoria	{
position: relative;
text-align: left;
padding-top: 1.4em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
font-size: 1.25em;
color:  #666666;
}
			
.enlacecomentarios {
font-size: 1.25em;
position: relative;
text-align: left;
padding: 1em;
color: #cccccc;}
			
.abajo		{
margin-top: 100px;
color: #444444
}

.abajo2		{
margin-top: 1em;
color: #444444
}

.more-link	{
color: #333333;
}

.amazonfloat{
float: left;
margin-right: 12px;
}
			
/*footer*/

#footer		{
background-color: #333333;
margin-top: 275px;
}

#footerwrap	{
padding-top: 25px;
width: 900px; margin: 25px auto -250px;
min-height: 100%; 
height: auto !important;
height: 100%;

}
			
#cerebrohome	{
width: 360px;
height:231px;
float: left;
background-image: url(/imagenes/cerebrohover360.png);
background-repeat: no-repeat;
background-position: right
}

#cerebrohome:hover	{
background-position:left;
}
			
#barrabusca {
width: 516px;
float:right;
padding-top: 135px;
padding-left: 24px;
} 
			
			
#cajabusqueda{
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
border-width: 0px;
height: 31px;
width: 336px;
padding-top: 9px;
text-indent: 12px;
float: left;
background-color: #cccccc;
color: #333333;
font-family:'Lucida Grande', "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
font-size: 1.5em;
} 

.rsslink{
width:260px;
padding-left: 33px;
text-indent: 10px;
background: url(/imagenes/rss.png) no-repeat left center;
}

.deliciouslink{
width:260px;
padding-left: 33px;
text-indent: 10px;
background: url(/imagenes/delicious.png) no-repeat left center;
}
.flickrlink{
width:260px;
padding-left:33px;
text-indent: 10px;
background: url(/imagenes/flickr.png) no-repeat left center;
}
.twitterlink{
width:260px;
padding-left: 33px;
text-indent: 10px;
background: url(/imagenes/twitter.png) no-repeat left center;
}
.vimeolink{
width:260px;
padding-left: 33px;
text-indent: 10px;
background: url(/imagenes/vimeo.png) no-repeat left center;
}
.youtubelink{
width:260px;
padding-left: 33px;
text-indent: 10px;
background: url(/imagenes/youtube.png) no-repeat left center;
}
						
.trescolumnas {
line-height: 2em;
margin-top: 50px;
margin-bottom: 100px;
}

			
#social		{
font-size: 1.5em;
line-height: 2em;
width: 293px;
float: left;
color:#cccccc;
}


			
#archivosfooter {
font-size: 1.5em;
line-height: 2em;
width: 156px;
padding-left:24px;
float: right;			
color:#cccccc;
}
			
#categoriasfooter {
font-size: 1.5em;
line-height: 2em;
width: 336px;
padding-left:24px;
float: right;
color:#cccccc;
}
			
.footerencabezado	{
color: #ff6058;
margin-bottom: 1em;
margin-top: 1em;
}

/*Colaboradores*/

h2.colaboradores 
{padding-top:0.5em;
padding-bottom:0.5em; 
text-indent: 1em;
}

.toast900	{
width: 852px;;
padding: 24px;
background-color: #f3f3f3;
color: #333333;
height:1000px;

}

.autor	{
text-indent: 330px;
color: #ff6058;
font-size: 1.5em;
margin: 0.5em 0px 1em 0em;
clear: both;
}

.thumbnail300	{
clear: both;
position: relative;
margin: 0.5em 1em 0 0;
float: left;
width:300px;
padding: 5px;
background-color: #333333;
}

.enlacescolaboradores		{
float: left;
text-indent:1em;
font-size: 1.15em;
}

.fechaenlace	{
color:#666666;
text-indent:1em;
}


/*Comentarios*/

#submitcomment	{
color: #333333;
width: 156px;
padding: 0px 0px 0px 0px;
margin-top: 1em;
background-image: url(/imagenes/comments.png;);
float: left;
}

#email, #author {
height: 2em;
border-style: none;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomright:5px;			
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
font-family:'Lucida Grande', "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
padding: 6px 12px 6px 12px;
clear: both;
margin-top: 1em;
}
			
#commentbox	{
border-style: none;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomright:5px;			
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
font-family:'Lucida Grande', "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
padding: 24px;
width: 648px;
margin-top: 1em;
float: left;	
}

#searchsubmit {
height: 40px;
width: 180px;
float: left;
}

.bocadillo {
border-style: none;
width: 590px;
float: left;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomright:5px;			
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
border-width: 2px;
border-color:#333333;
background-color: #f2f2f2;
color: #333333;
padding: 1em 10px 1em 10px;
margin-bottom: 50px;
}

.gravatar {
clear: both;
float: right;
width:200px;
padding: 0px 10px 0px 10px;
}

.comentariobloque {
width: 900px;
margin-bottom: 50px;
}

.datecomentario { 
clear: right;
float: right;
width:200px;
padding: 0px 10px 0px 10px;
}

.archivoscomment	{
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
width: 852px; 
padding: 24px;
background-color: #333333;
margin-bottom: 2em;
margin-top: 2em;
color: #666666;
}