/*
Theme Name: Dark Grey & Rainbow
Theme URI: 
Description: ignaciocasas.com 21/07/08.
Version: 2.0
Author: Ignacio Casas

*/

html,body { text-align:left;
		background:url(images/back_patt.jpg);
		margin:0;
		padding:0;}

.clear { clear:both; }

a { outline:none;}

#principal { width:959px;
			margin-left:auto;
			margin-right:auto;
			 }
	
			
#top {  width:100%;
			height:112px;
			margin:0;
			padding:0;
			 }

#top p {margin:0; }

#top_izq { float:left;
			width:686px;
			height:122px;
			background:url(images/top_izq.jpg) no-repeat;
			}

#top_izq a { display:block;
			width:500px;
			height:122px;
			text-indent:-9999px; }

#top_der { width:273px;
			height:32px;
			padding:90px 0 0 0;
				background:url(images/top_der.jpg) no-repeat;
				float:right; } 

#top_der ul { width:250px;
				padding:0;
				margin:0;
				list-style-type:none;} 

#top_der ul li { float:left;
				text-indent:-9999px;
				width:82px;
				height:19px;}

#top_der ul li a { display:block; 
				   width:82px;
				   height:19px;
				 }

#top_der ul li#btn_sobremi a{ background:url(images/sobre_mi.jpg) no-repeat 0 0;
							}

#top_der ul li#btn_sobremi a:hover { background:url(images/sobre_mi.jpg) no-repeat 0 -19px;
							}

#top_der ul li#btn_portfolio a{ background:url(images/portfolio.jpg) no-repeat 0 0;
							}

#top_der ul li#btn_portfolio a:hover { background:url(images/portfolio.jpg) no-repeat 0 -19px;
							}

#top_der ul li#btn_contacto a{ background:url(images/contacto.jpg) no-repeat 0 0;
							}
#top_der ul li#btn_contacto a:hover { background:url(images/contacto.jpg) no-repeat 0 -19px;
							}


#contenedor_central { width:959px;
					padding:40px 0 0 0; }

#body_izq { float:left;
			width:641px;
			text-align:left;
			background:url(images/post_middle.jpg) repeat-y;
		
			 }
			 
#top_lista_post { width:100%;
				background:url(images/post_top.jpg) no-repeat;
				height:14px; }
			 
.bottom_body_izq { width:100%;
				background:url(images/post_bottom.jpg) no-repeat bottom;
				height:7px; }




#lista_post {
			width:601px;
			padding:0 20px 0 20px;
			font-family:Tahoma;
			font-size:14px;
			}
			
.post { width:100%;
		text-align:justify;
		color:#FFFFFF;
		line-height:20px;
		font-size:14px;
		padding: 0px 0px 20px 0px;}

.post h2 { width:540px;
			float:left; 
			font-family:Tahoma;
		   font-size:28px;
			margin:0px 0px 0px 0px;
			font-weight:normal;
			text-align:left;
			line-height:32px;
			padding-bottom:10px;
		
			
			}
			 

.post a:link, .post a:visited { color:#79b5ff;
								outline:none;
									 }

.post h2 a:link, .post h2 a:visited { color:#ececec;
									 text-decoration:none;
									 }
			
.fecha_post {width:45px;
				height:58px;
				float:right;
				font-family:Tahoma;
				font-size:12px;
				margin:0;
				padding-top:5px;
				color:#848484;
				font-size:18px;
				text-align:center;
				background:url(images/calendario.jpg) no-repeat;}	
						 
.mes { color:#FFFFFF;
		font-size:10px; }

.post img { margin:0px 10px 10px 0px;
			border:2px solid #b5b5b5;
			padding:3px; }

.postmetadata { font-size:12px; }

.encategoria { width:200px;
				float:right;
				text-align:right;}

.separador { background:url(images/separador.jpg) no-repeat center center;
			height:50px;}
				
.numero_comentarios { width:200px;
					float:left;
					text-align:left; }

.postmetadata a:link, .postmetadata a:visited { color:#6aa5f7;
												
												 }
	
.super_side { width:304px;
			float:right;
			padding:0;
			 }	
			 
#sidebar { width:304px;
			font-family:Tahoma;
			font-size:14px;
			padding:0;
			
			}

.linea_side { background:url(images/linea_side.jpg) no-repeat left center;
				height:40px;}


#categorias { padding-bottom:15px;
				text-align:left;
				width:150px;
				color:#FFFFFF;
				float:left;}			

#categorias h4 { background:url(images/categorias.jpg) no-repeat;
				height:19px;
				margin:0;
				text-indent:-9999px; }	

#archivos { 
			width:150px;
			text-align:left;
			float:right;
			}			

#archivos h4 { background:url(images/historial.jpg) no-repeat;
				margin:0;
				text-indent:-9999px; }	
			
.list_menu { list-style-type:none;
			margin:0;
			padding:10px 0px 0px 0px;
			
			}
			
.list_menu li { padding:2px 0px 2px 23px;
			background:url(images/carpeta_icon.jpg) left no-repeat;
				}

.list_menu li:hover { background:url(images/carpeta_icon_on.jpg) left no-repeat; }

.list_menu a:link ,.list_menu a:visited { color:#FFFFFF;
 										text-decoration:none; }



.feed { margin:0;
		padding:0 0 0 20px;
		text-align:left;
		background:url(images/feed.jpg) left no-repeat;
		}

.feed a, .feed a:visited { color:#ff893e;
							text-decoration:none; }
.feed a:hover { color:#FFFFFF; }

.webs_amigas { margin:0;
			background:url(images/webs_amigas_top.jpg) no-repeat;
			height:23px;
			text-indent:-9999px; }

.list_menu_bookmarks { color:#FFFFFF;
					list-style-type:square;
					font-size:14px;
					padding:10px 0 0 20px;
					margin:0;
					 }

.list_menu_bookmarks a:link, .list_menu_bookmarks a:visited { color:#cecece;
								text-decoration:none;}

.list_menu_bookmarks a:hover { color:#FFFFFF;
				}


#fotos { list-style-type:none;
			margin:0;
			width:300px;
			padding:0;		
			text-align:left;
			 }

			
#fotobook-credits { font-size:10px }
	
	

.ultimos_comments_top { margin:0;
						text-indent:-9999px;
						background:url(images/ultimos_comments_top.jpg) no-repeat;
						height:25px; }

.ultimos_comments {  color:#cecece;
					list-style-type:square;
					font-size:12px;
					padding:10px 0 0 20px;
					line-height:16px;
					margin:0; }

.ultimos_comments li { margin:5px 0 5px 0;
					 }
	
	
.ultimos_comments a:link, .ultimos_comments a:visited { color:#FFFFFF;
														font-weight:bold;
														text-decoration:none;}		
														
.ultimos_comments a:hover { text-decoration:underline;}
/* LO DEMAS DE PHOTOBOOK ESTA EN SUS CSS PROPIOS */


#footer { font-family:Tahoma;
			font-size:11px;
			height:83px;
			padding-top:23px;
			background:url(images/footer.jpg) no-repeat bottom;
			 }
#footer p { margin:0;
			padding:30px 20px 0 0;
			text-align:right;
			line-height:20px;
			color:#ffffff;}

#footer a:link,#footer a:visited { color:#FFFFFF; }			
			
/**************************************SINGLE Y COMMENTS ****************************/


.navigation { width:483px;
				padding:5px 0px 10px 0px; }

.navigation a:link, .navigation a:visited { color:#999999; }

.alignleft { float:left;}
.alignright { float:right;}

#comentarios { text-align:left;}

#comments { font-family:Tahoma;
		font-size:12px;
		color:#EEEEEE;
		text-align:left;
		font-weight:normal;}

.commentlist { list-style-type:none;
				margin:0;
				padding:0;}
				
.commentlist li { margin:0 0 10px 0;
					padding:10px;
					 text-align:left;
					font-size:12px;
					line-height:18px;
					width:580px;
					color:#e4e4e4;
					background:url(images/back_comments.jpg);
					
					
					}

.commentlist li a:link, .commentlist li a:visited { color:#ff893e;
												font-weight:bold; }

.nombre { color:#ff893e; }
					
#respond {
			font-size:16px;
			text-align:left;
			color:#999999;
			font-weight:bold; }

.comment_texto {
				width:580px; 
				font-family:Tahoma;
				color:#e4e4e4;
				font-size:12px; }		
				
			

.alt a:link, .alt a:visited { color:#5d5d5d;
						font-weight:bold; }

.campos {color:#333333;
		text-align:left;
		width:580px;
		font-size:12px;
		padding:10px 20px 10px 20px; }

#forms { color:#333333;
		
		} 

#forms p { margin:5px 0 5px 0; }

#forms input { border:1px solid #333333;
				background:#dddddd;
				width:159px;
				height:20px;
				font-size:14px;
				font-family:Tahoma;
				padding:0px 0px 0px 0px;
				} 


/*TEXTAREA*/		
#comment { width:520px;
			border:1px solid #333333;
			background:#dddddd;
			padding:10px;
			overflow:auto;
			height:110px;
			font-family:Tahoma;
			}

.boton_cont { width:100%; 
			text-align:right; }

/****************** ARChiVES ******************/

.pagetitle { width:483px;
			font-family:Tahoma;
			color:#FFFFFF;
			text-align:left;
			font-weight:normal;
			margin:10px 0 10px 0;
			font-size:22px;}
			
.narrowcolumn { width:523px;
				float:left;
				font-family:Tahoma;
				font-size:14px; }
				
/******* FORMULARIO DE CONTACTO ******/

.left { text-align:left;
		padding:20px 0 0 0;
		font-family:Tahoma;
		 color:#006699; }
		 
		 
.form_contacto { font-size:12px;
				text-align:left; }
				
.form_contacto input { border:1px solid #306CAF; }
.form_contacto textarea { border:1px solid #306CAF;
						overflow:auto; }

#boton_enviar { border:none;
				margin-top:15px;  }
				
.error_form { text-align:center;
				color:#CC3333;
				font-weight:bold;
				margin:10px 0 20px 0; }
				
				
				
/***** FLICKR WIDGET ******/



#flickr_wrapper { width:276px;
				height:184px;
				padding:36px 5px 0 15px;
				text-align:center;
				background:url(images/fotos_box_6.jpg) no-repeat bottom;
				}

.flickr_item { width:72px;
				 height:72px;
				 border:4px solid #FFFFFF;
				 overflow:hidden;
				 float:left;
				 margin:0 12px 12px 0; }

.flickr_item:hover { border:4px solid #000000; }

.flickr_item img { border:0; }
		
/**********/

				
				
/***************** TWITTER TOOLS ***********************/

.aktt_tweets { width:304px;
				color:#DDDDDD;
				padding:30px 0 20px 0;
				font-size:12px;
				line-height:16px;
				background:url(images/mi_twitter.jpg) no-repeat}
				
.aktt_tweets ul { list-style-type:square;
				margin:0;
				padding:0 0 20px 10px;
				background:url(images/linea_side.jpg) bottom no-repeat} 

.aktt_tweets ul li { margin:5px 0 5px 0;}

.aktt_tweets a:link, .aktt_tweets a:visited { color:#6aa5f7;
											text-decoration:none;}
											
.aktt_tweets a:hover { color:#FA2E61}