/*  
Theme Name: Dinamit-bob
Theme URI: http://www.blogohblog.com/
Description: Basado en el tema de Bob <a href="http://www.blogohblog.com/">Blog Oh Blog</a> modificado por <a href="http://www.pernangoni.com/blog/">Pernan</a>.
Version: 1.0
Author: Bob y Pernan
Author URI: http://www.blogohblog.com/
*/

/****** Esto va pa todos. **************/

* {margin: 0;
padding: 0;
}	

form {margin: 0; 
padding: 0;
}

h1 {font-size: 19px; 
color: #858383;
}

h2 {font-size: 16px;
line-height: 20px;
color:#003333;
}

.h2 {font-family: Verdana, Arial, sans-serif; 
line-height: 18px; 
font-size: 12px; 
color: #312E2E; 
font-weight: bold;
}

h3 {font-size: 15px; 
color: #003366;
}

img {border-style: none;} /* me sorprendo de mi mismo*/

/****** El todo... **********************/

html, body {
background: #009966
/* interesante esta linea para meter trama de fondo  fnd_nui.jpg */ 

url(images/fnd_degr.png) 
repeat-y center top; 
margin: 0px; 
padding: 0px; 
text-align: center;
}

body, tr, td {
font-family: Verdana, Arial, sans-serif; 
font-size: 14px;
}

a:link {
color: blue;
text-decoration: none;
}

a:visited {
color: blue;
text-decoration: none;
}

a:active {
color: orange;
text-decoration: none;
}

a:hover	{
color: yellow; 
text-decoration: none;
}

/****** FIN DE El todo... **********************/



/****** COMIENZO DE ... y las Partes **********************************/

#wrap {
width: 920px; 
border-right: 0px solid #ccc; 
text-align: left; 
vertical-align: middle; 
margin: 0px auto; 
padding: 0px;
}

#header {
width: 980px; 
height: 140px; 
text-align: right; 
margin: 0px auto;
padding: 0px;
}

#logo {
float: left; 
width: 920px; 
margin-top: 0px;
} 

#logo h1 { 
text-indent: -10000px; 
padding: 0px; 
margin: 0px; 
} 



/* EMPIEZA LA FANTASTICA BARRA DE MENU */
#navmenu ul {
background: transparent;
text-align: center;
width: 860px; 
margin: 0; 
padding: 3px 30px 4px 30px;  /*el valor 1 y 3 del padding es el que hay que ajustar */
list-style-type: none; 
list-style-image: none; 
}
	
#navmenu li {
display: inline;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
}
	
#navmenu ul li a { 
font-size: 12px; 
color: white; 
font-weight: bold;
margin: 0px;
padding: 5px 15px 4px 15px;
background: #006699;
}
	
#navmenu ul li a:hover {
color: #FFFF00;
background: #003366; 
}
/* FIN DE LA Fantastica barra de Menu*/	


#middle { /* */
clear: both; 
width: 920px; 
margin-top: 13px;
}

#right {
float: right; 
width: 240px;
}

#left {
float: left; 
width: 660px; 
	/* AL LORO: Para cambiar el ancho de las cajas rosas, 
	aqui tambien hay que darle el valor nuevo; 
	ademas de en .entry)*/
margin-top: 10px;
}


/* COMIENZO DE Las entradas *******************************/

.entry {
width: 660px; 
	/* AL LORO: Para cambiar el ancho de las cajas rosas, 
	aqui tambien hay que darle el valor nuevo; 
	ademas de en #left) */
background: #ff99ff;
url(images/depost.png) repeat-x left top; 
margin-bottom: 15px; 
	/* Muy importante: para la separacion vertical entre POSTS ROSAS */
padding: 0px 0px 20px 0px; 
	/* Muy importante: para el padding de los posts por abajo. */
}

.entry p {
	/* font-family: Verdana, Arial, sans-serif; 
	font-size: 14px ; line-height: 20px; 
	lo anulo para que funcione el metadata*/
color: #000000; 
padding: 10px 15px 10px 15px;
}

.entry h2 { 
font-family: Verdana, Arial, sans-serif; 
line-height: 24px; 
font-size: 20px;
color: white; 
font-weight: bold; 
padding: 10px 10px 5px 10px;
background: url(images/h2post.gif);
}

.entry h2 a:link, a:visited { 
color: #003366; 
	/* tambien mola blanco*/
text-decoration: none;
}

.entry h2 a:active {
color: orange;
text-decoration: none;
}

.entry h2 a:hover	{
color: yellow; 
text-decoration: none;
}

.postmetadata {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size:10px; 
	/* div class postmetadata definido en index.php*/
} 

.postmetadata a:link, { 
color: blue;
text-decoration: none;
}

.postmetadata a:visited { 
color: blue;
text-decoration: none;
}


.postmetadata a:hover {
color: yellow; 
text-decoration: none;
}

.entry li {
margin-left: 25px;
	/*creo qe es por si se hacen listas, para que aparezcan como tabuladas. 
	No vale para nada, pero lo dejo */
}

/**** FIN DE LAS ENTRADAS *************/

/****** COMIENZA SIDEBAR. **********************/

#sidebar { 
/*background: transparent; */
width: 240px;
/*margin-bottom: 5px;*/ 
font-family: Verdana, Arial, sans-serif; 
font-size: 12px;
font-weight: bold;
line-height: 20px;
color: #000000; 
padding: 0px; 
}

#sidebar h2 {
font-size: 10px;
padding: 0px;
margin: 0px;
}

#sidebar h2 ul{
padding: 0;
margin: 0;
}

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

#sidebar ul li {
list-style-type: none;
margin-bottom: 10px;
/*tocando este margin-bottom varía el espacio vertical entre las cajas*/
}

/* a partir de aqui se complica la cosa*/

#sidebar ul li ul li {
list-style-type:none; 
background: transparent /*url(images/bullet.gif)*/ no-repeat 0 4px;
padding: 0px 0px 2px 14px;
/* Aqui para que los textos de la lista tengan como un tabulador,
mas metidos a la derecha (14px) que los titulos*/
border: 0;
margin: 0; 
}

#sidebar a:link,a:visited,a:active {
color:#003333 /* original: #00749E. Cambiar AQUI (!!!!!) para que tenga efecto sobre los titulo de los posts, no abajo*/ ;
text-decoration: none;
}

#sidebar a:hover	{
color: yellow; 
text-decoration: none; /* underline original */
}

#buscador { 
width: 240px; 
margin-top: 10px;
margin-bottom: 10px; 
font-family: Verdana, Arial, sans-serif; 
font-size: 12px; 
line-height: 20px;
background: url(images/buscador.gif); 
background-repeat: no-repeat;
}

#buscador li { 
padding: 15px 5px 18px 26px; 
}

#categorias { 
background-color: #ff33ff;
text-align: left; 
}

#categorias h2 { 
width: 240px; 
height: 25px;
padding: 0 0 10px 0;
}

#categorias li { 
background: url(images/cajakat.gif) center top; 
background-repeat: no-repeat;
margin: 0px; 
padding: 0px; 
}

#categorias li ul { 
margin: 0px;
padding: 0px 0 10px 0px;  
}




#antola {
background-color: #006666;
}

#antola h2 { 
width: 240px; 
height: 20px;
background: url(images/h2ant.gif) no-repeat; 
padding: 0 0 10px 0;
}

#antola li { 
background: url(images/cajaant.gif);
margin: 0px;
padding: 0;
}

#antola li ul { 
padding: 10px 0 10px 0;
}



#hp { 
background-color: #cc66ff;
}

#hp h2 { 
width: 240px; 
height: 25px;
background: url(images/h2lag.gif) no-repeat; 
padding: 0 0 10px 0;
}

#hp li { 
background: url(images/cajalag.gif) center top; 
margin: 0px; 
padding: 0px; 
}

#hp li ul { 
margin: 0px;
padding: 0px 0 10px 0px;  
}




#youtube1 { 
background-color: #ff3300;
text-align: center; 
}

#youtube1 h2 { 
width: 240px; 
height: 25px;
background: url(images/h2di7.gif) no-repeat; 
padding: 0 0 15px 0;
}

#youtube1 li { 
background: url(images/cajadi7.gif) center top; 
margin: 0px; 
padding: 0px; 
}

#youtube1 li ul { 
margin: 0px;
padding: 0px 0 10px 0px;  
}

#youtube2 { 
background-color: #ccff00;
text-align: center; 
}

#youtube2 h2 { 
width: 240px; 
height: 25px;

padding: 0 0 15px 0;
}

#youtube2 li { 
background: url(images/cajadi6.gif) center top; 
margin: 0px; 
padding: 0px; 
}

#youtube2 li ul { 
margin: 0px;
padding: 0px 0 10px 0px;  
}






/*#flipper {
background-color: #006666;
text-align: center; 
}*/

/*#flipper ul { 
background: url(images/tile1.gif); /*Meter aquÔøΩ la imagen de fondo del bloque del Sidebar*/
}*/


#bannerberri { 
background-color: #006666;
text-align: center; 
margin: 10px 0px 10px 0px; 
}

#bannerberri ul { 
background: url(images/tile1.gif);
padding: 15px 0px 10px 15px;
   /*para centrar el gif en el div*/
margin-bottom: 10px;
}


#metas {
background-color: #ff33ff;
text-align: left; 
}

#metas ul { 
background: url(images/tile2.gif); /*Meter aqui la imagen de fondo del bloque del Sidebar*/
}


/*
margin-top: 10px;
margin-bottom: 5px; 


padding: 5px 5px 5px 10px; 
}
*/


	#menulogos ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
	#menulogos li {display: inline; margin: 0; padding: 0; }

/****** Fin SIDEBAR. **********************/

/****** Esto es lo de siguiente paginaa, anterior pagina, etsa en index.php**/
.alignright { float: right;}

.alignright a:link,a:visited,a:active {
color:white;
text-decoration: none;
}


.alignright  a:hover	{
color: yellow; 
text-decoration: none;
}

.alignleft { float: left; }

.alignleft a:link,a:visited,a:active {
color:white;
text-decoration: none;
}

.alignleft  a:hover	{
color: yellow; 
text-decoration: none;
}


blockquote { margin: 15px 30px 0 10px;


padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite { margin: 5px 0 0; display: block; 
}

/****** Fin de algo que no se lo que es **********************/

/****** COMIENZA COMMENTS *******************************************/

.comments h3 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
.gcomment { border-left: none; vertical-align:middle; border-right:none; margin-bottom:3px; border-bottom: 1px solid #f3f3f3; padding:3px; background-color:#F7F7F7; }

.ucomment { border-left: none; border-right:none; margin-bottom:3px; border-bottom: 1px solid #f3f3f3; padding:3px; background-color:#fbfbf1; }
ol.commentlist { padding: 0; margin: 0 0 1px; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; }
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}

/****** Fin Comments. **********************/


/****** COMIENZA FOOTER **********************/

#footer { 
clear:both;
text-align: center;
width: 100%; 
}

#footer p { 
width: 100%;
background: url(images/footerbg.gif) repeat-x center bottom; 
font-family: Verdana, Arial, sans-serif; 
font-size: 11px; 
color: white;
padding: 5px 0 5px 0;

}
#footer a:link, #footer a:active, #footer a:visited { color: orange; font-weight: bold;}
#footer a:hover { color: yellow; text-decoration: none;}

/****** Fin Footer. **********************/