/*  
Theme Name: Matias Dutto
Theme URI: http://socialsnack.com/
Description: Tema para el blog personal de Matias Dutto.
Version: 1.0
Author: Social Snack Team
Author URI: http://socialsnack.com/

*/

* {
	margin: 0;
	padding: 0;
}

body {
	font:81.3% Georgia, "Times New Roman", Times, serif;
	background: #e9f0f1;
	color: #4b4e51;
	}

a, a:link, a:visited {
	color: #4b4e51;
}

a:hover, a:active {
	color: #4b4e51;
	text-decoration: none;
}

a img  {
	border: 0;
}


acronym, abbr {
	border-bottom: 1px dashed #4b4e51;
	}

blockquote {
	background: url(images/quotes.gif) no-repeat top left;
	padding-left: 60px;
	}

code {
	font: 1em 'Courier New', Courier, Fixed;
	}

h2 {
	color: #4b4e51;
	font-size: 1.75em;
	letter-spacing: -0.02em;
	}

	h2 a, h2 a:link, h2 a:visited {
		color: #4b4e51;
		text-decoration: none;
		}
		
	h2 a:hover, h2 a:active {
		color: #dd3654;
		}

h3 {
	color: #384861;
	font-size: 1.35em;
	margin: 5px 0;
	}

	h3#respond, h3#postcomment, h3#enviar {
		margin: 30px 0 5px 0;
		color: #384861;
		font-size: 1.3em;
		clear: both;
		}

	h3#comments {
		padding: 3px 0;
		font-size: 1.3em;
		margin: 30px 0 5px 0;
		color: #384861;
		}



input, textarea, select {
	border: 2px solid #dbeaec;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #fff;
	color: #9fa49e;
	}



#contenedor {
	width: 978px;
	margin: 25px auto 40px auto;
	}


	#cabecera 	{ 
		height: 186px; 
		width: 978px; 
		display: block;
		background: url(images/cabecera.gif) no-repeat top center;
		} 
	
	
		#nombreytagline	{ 
			float: left;
			width: 425px;
			margin: 50px 0 0 35px;
			} 

	
			#nombreytagline h1 a { 
				background: url(images/awaken.gif) no-repeat;
				height: 106px; 
				width: 353px; 
				display: block;
				} 

			#nombreytagline h2	{ 
				color: #4b4e51;
				font-size: 1.9em;
				margin-left: 5px;
				letter-spacing: -0.03em;
				} 
				
					#nombreytagline h1 a span {
						display: block;
						width: 0;
						height: 0;
						overflow: hidden;
						}


		#busquedayextras { 
			float: right;
			clear: right;
			width: 366px;
			height: 140px;
			display: block;
			background: url(images/busqueda.gif) no-repeat bottom center;
			margin: 10px 50px 0 0;
			} 	


			#busquedayextras ul { 
				float: right;
				margin-right: 40px;
				} 	


				#busquedayextras li { 
					list-style-type: none;
					display: inline;
					padding: 0 5px;
					} 	

						
					#searchform { 
						float: right;
						clear: right;
						margin: 30px 25px 0 20px;
							} 


						#searchform #s, .newsletter input { 
							width: 210px;
							font-size: 0.9em;
							padding: 2px 0;
							} 
		
		
						#searchform #searchsubmit, .newsletter .boton { 
							background: #dbeaec;
							color: #f84269;
							font-weight: bold;
							font-size: 1em;
							width: 90px;
							margin-top: 5px;
							} 

	
	#contenidos	{ 
		background: #fff;
		padding-top: 10px;
		width: 978px;
		margin: 0 auto;
		clear: both;
		float: left;
		} 
	
		#entradas { 
			width: 478px;
			margin: 0 7px 0 30px;
			float: left;
			font-size: 1.15em;
			} 
	


			.post, .page {
				padding: 10px 0;
				margin-top: 25px;
			}


				.post h2, .page h2 {
					padding: 0 5px 3px 10px;
					background: url(images/h2.jpg) repeat top left;
					width: 468px;
					min-height: 47px;
					margin-top: 3px;
					line-height: 35px;
				}

 					.post h2 a, .post h2 a:link, .post h2 a:visited, .page h2 a, .page h2 a:link, .page h2 a:visited {
						color: #4b4e51;
						text-decoration: none;
						background: none;
						border-bottom: none;
						}
						
					.post h2 a:hover, .post h2 a:active, .page h2 a:hover, .page h2 a:active {
						color: #dd3654;
						}
				

				.post img, .page img {
					margin: 0 auto;
					display: block;
					border: 4px solid #dbeaec;
				}

				.post p, .page p {
					margin: 1.5em 0;
					line-height: 1.5em;
				}


				.post ul, .post ol, .page ul, .page ol {
					margin: 8px 0 5px 20px;
					}


					.post li, .page li {
						list-style-image: url(images/bullet.gif);
						line-height: 1.5em;
						}
	
				
				.post a, .post a:link, .post a:visited, .page a, .page a:link, .page a:visited {
					background: #dbeaec;
					border-bottom: 1px solid #384861;
					text-decoration: none;
					}

					
				.post a:active, .post a:hover, .page a:active, .page a:hover {
					background: none;
					border-bottom: 0;
					}


				.post .categorias {
					color: #384861;
					font-size: 0.9em;
					line-height: 23px;
					display: block;
					height: 23px;
					margin: 0 0 0 10px;
				}

					.post .categorias span {
						background: url(images/categorias.jpg) repeat-x left ;
						padding: 8px 15px 8px 10px;
					}


				.blabla {
					float: right;
					display: block;
					width: 71px;
					height: 52px;
					background: url(images/bla.gif) no-repeat top left;
					margin: -20px 0 0 0;
					color: #4b4e51;
					font-size: 1.5em;
					line-height: 45px;
					text-align: center;
				}


					.blabla a, .blabla a:link, .blabla a:visited {
						color: #4b4e51;
						background: none;
						border-bottom: 0;
					}

	
				.post .info, .page .info {
					color: #84b4b6;
					margin: 0 0 25px 0;
					text-align: right;
					font-weight: bold;
					font-size:  0.9em;
				}
	
					.info a, .info a:link, .info a:visited {
						color: #84b4b6;
						background: none;
						border-bottom: 0;
						text-decoration: underline;
					}
	
					.info a:active, .info a:hover {
						text-decoration: none;
					}


                                        span.delicious {
	                                  	background: url(images/deliciousth.png) no-repeat 0px 0px;
		                                padding-left: 20px;
		                                padding-right: 5px;
                                                font-size: 13px;
	                                }

                                        span.twitter {
	                                  	background: url(images/twitterth.png) no-repeat 0px 0px;
		                                padding-left: 20px;
		                                padding-right: 5px;
                                                font-size: 13px;
	                                }

                                        span.facebook {
	                                  	background: url(images/facebookth.png) no-repeat 0px 0px;
		                                padding-left: 20px;
		                                padding-right: 5px;
                                                font-size: 13px;
	                                }

                                        span.email {
	                                  	background: url(images/email.png) no-repeat 0px 0px;
		                                padding-left: 20px;
		                                padding-right: 5px;
                                                font-size: 12px;
	                                }
				.bookmarkify {
					clear: both;
					margin-top: 10px;
					padding-top: 10px;
					display: block;
					}


					.bookmarkify img {
						border: 0;
						background: none;
						padding: 0;
						margin-right: 12px;
						float: left;
						}

				.page .bookmarkify {
					display: none;
					clear: both;
					}


				.tags {
					margin: 15px 0 20px 0;
					clear: both;
					color: #dd3654;
					background: url(images/post.gif) no-repeat top center;
					padding-top: 24px;
				}


					.tags a {
						color: #dd3654;
					}



			#commentform span {
				background: url(images/categorias.jpg) top left;
				font-size: 0.9em;
				padding: 5px;
			}

			#commentform input, #nf-ssend2friend input {
				width: 335px;
				margin-bottom: 5px;
				font-size: 0.9em;
			}


			#commentform textarea, #nf-ssend2friend textarea {
				width: 472px;
				margin-top: 5px;
				font-size: 0.9em;
			}


			#commentform #submit, #nf-ssend2friend .boton {
				background: #dbeaec;
				color: #f84269;
				font-weight: bold;
				font-size: 0.9em;
				margin-top: 5px;
				width: 475px;
			}


			.dmatias {
				width: 475px;
				clear: both;
				padding: 10px 0 30px 0;
				float: left;
				background: #E9F0F1;
			}



			.comment-container {
				width: 475px;
				clear: both;
				padding: 10px 0 30px 0;
				float: left;
			}
	
				.gravatar {
					float: left;
					padding: 2px;
					margin: 0 5px 5px 0;
					width: 40px;
				}
	
				.comentarioydata {
					float: right;
					clear: right;
					margin-left: 5px;
					width: 415px;
				}

					.comentarioydata span {
						font-weight: bold;
					}



				.navigation {
					clear: both;
					color: #384861;
					height: 65px;
					display: block;
					margin-top:1em;
					padding: 5px 0;
					width: 478px;
				}
				
					.alignleft a {
						float: left;
						background: url(images/flecha1.gif) no-repeat left;
						padding: 15px 0 0 50px;
						width: 160px;
						height: 55px;
						text-align: left;
						}
					
					.alignright a {
						float: right;
						background: url(images/flecha2.gif) no-repeat right;
						padding: 15px 50px 0 0;
						width: 160px;
						height: 55px;
						text-align: right;
						}



/* nuevos estilos para comentarios 2.7 ------------------------ */

ol.commentlist { 
	list-style:none; 	
	margin:10px 20px 30px 10px; 
	padding:0; 
	text-indent:0; 
        list-style-image: none;
} 

	ol.commentlist li { 
		height:1%; margin:0 0 10px; 
		padding:5px 12px 5px 12px; 
		position:relative; 
                list-style-image: none;
	}

		ol.commentlist li div.comment-author { 
			padding:0 170px 0 50px; 
		} 

                ol.commentlist .bypostauthor {background: #E9F0F1;}  

		ol.commentlist li div.vcard { 
			font:bold 16px/1.5 georgia,arial,sans-serif; 
		} 

		ol.commentlist li div.vcard cite.fn { 
			font-style:normal; 
		} 

			ol.commentlist li div.vcard cite.fn a.url { 
			        text-decoration:none; 
			} 

			ol.commentlist li div.vcard cite.fn a.url:hover { 
				background: none;
			} 

			ol.commentlist li div.vcard img.avatar { 
				border:5px solid #d5d5d5; 		
				left:7px; 
				position:absolute; 
				top:7px; 
			}  

		ol.commentlist li div.comment-meta { 
			padding: 0px 0px 15px 50px;
                        font-size: 12px;
		} 

			ol.commentlist li div.comment-meta a { 
				color:#333; 
				text-decoration:none; 
                                background: none;

			} 

			ol.commentlist li div.comment-meta a:hover { 
				color:#000; 
                                text-decoration:none; 
			} 

		ol.commentlist li p { 
			font:normal 14px/1.6 georgia,arial,sans-serif; 		
			margin:0 0 1.2em; 
		} 

			ol.commentlist li ul { 
				font:normal 12px/1.4 georgia,arial,sans-serif; 
				list-style:square; 
				margin:0 0 1em; 
				padding:0; text-indent:0; 
			} 

		ol.commentlist li div.reply { 
			padding:5px 0px;  	
			text-align:left; 
		} 

		ol.commentlist li div.reply a:hover { 
		} 

		ol.commentlist li div.reply a { 
			text-decoration:none; 
			} 

			ol.commentlist li ul.children { 
				list-style:none; 
				margin:1em 0 0; 
				text-indent:0; 
			}   

				ol.commentlist li ul.children li.depth-2 { 
					margin:0 0 20px; 
				} 

				ol.commentlist li ul.children li.depth-3 { 
					margin:0 0 20px; 
				} 

				ol.commentlist li ul.children li.depth-4 { 
					margin:0 0 20px; 
				} 

			ol.commentlist li.pingback div.vcard { 
				padding:0 170px 0 0; 
			} 

		ol.commentlist li.even { 
			background:#fff; 
		} 

		ol.commentlist li.odd { 
			background:#f6f6f6; 
		}    

#respond { 
	margin: 10px;
}

	#respond #submit { 
		background: #dbeaec; 
		margin: 5px 0px; 
		border: 0px solid #d5d5d5; 
		padding: 3px 5px;  
	}

/*estilos para Contact Form v.2.0WP*/

		#gb_form fieldset {
			border: 0;
			width: 475px;
			clear: both;
			display: block;
			}
		
			#gb_form input, #gb_form textarea, #gb_form select {
				margin: 5px 0;
				padding: 2px;
				border: 2px solid #87B6B8;
				color: #4b4e51;
				}
	
			 #gb_form .button {
				background: #87B6B8;
				color: #f84269;
				border: 0;
				padding: 2px;
				width: 390px;
				font-weight: bold;
				}

/*fin estilos para Contact Form v.2.0WP*/


		#menues	{ 
			width: 380px;
			margin: 0 15px 0 40px;
			float: left;
			color: #384861;
			font-size: 1.1em;
			} 


			#menues p { 
				margin-left: 25px;
				} 
				
					
			#menues ul li ul { 
				margin-left: 20px;
				} 


				#menues li { 
					list-style-type: none;
					margin: 7px 0;
					} 

					#menues a, #menues a:link, #menues a:visited { 
						text-decoration: none;
						} 

					#menues a:active, #menues a:hover { 
						background: #dbeaec;
						} 

	
				#menues h3, #menues h2 {
					margin-bottom: 15px;
					}

				
					#menues h3 span, #menues h2 span {
						background: #dfdf3c;
						padding: 5px 15px 5px 10px;
						}


				#menues h2 span {
					font-size: 0.9em;
					}
	
				.acerca {
					margin: 65px 0 30px 0;
					}
	
					.acerca p { 
						line-height: 1.3em;
						} 
		
						.leer-mas { 
							margin-top: 7px;
							font-weight: bold;
							text-align: right;
                                                        } 

	
                                	#menues .autorlink{ 
							text-decoration: underline;
                                                        margin-top: 7px;
							font-weight: bold;
							text-align: right;
                                                        } 

				.nube {
					margin: 40px 0;
					}

					.nube p {
						text-align: center;
						}

						.nube a {
							padding: 0 5px;
							}


				.comentarios li {
					margin-bottom: 10px;
					line-height: 1.3em;
					}

			#menues1 { 
				width: 180px;
				margin: 0 5px;
				float: left;
				} 


				#recent-posts { 
					padding: 30px 0;
					} 


				#twitter-tools {
					background: url(images/twitter-bird.png) no-repeat top right;
					}

					#twitter-tools a {
						font-size: 0.9em;
						color: #84b4b6;
						}
					
					

			#menues2 { 
				width: 180px;
				margin: 0 5px;
				float: right;
				clear: right;
				}

			#blogroll { 
				width: 180px;
				margin: 0 5px;
				float: right;
				clear: right;
				}
				
			#blogroll li { padding: 0px 0px 0px 20px; }
					
				.blogs {
					padding-top: 30px;
					}
					
					
				.linkcat { 
					padding: 0 0 30px 0;
					} 

					.linkcat h2 { 
						font-weight: bold;
						font-size: 1em;
						} 

					#linkcat-2, #linkcat-14, .pagenav ul li { 
						padding-left: 20px;
						} 


		#alpie {
			background: url(images/footer.jpg) no-repeat;
			height: 294px; 
			width: 905px; 
			display: block;
			clear: both;
			padding-top: 10px;
			margin: 0 auto;
			font-size: 0.9em;
		}


				#alpie li {
					list-style-type: none;
					margin: 10px 0 10px 3px;
				}


			#alpie #recent-comments {
				margin: 10px 20px 5px 25px;
				width: 250px;
				float: left;

				}


			#flickrrss {
				float: left;
				clear: right;
				width: 270px;
					}


				#flickrrss li {
					display: inline;
					padding: 0 3px 3px 0;
					}
					
					#flickrrss img {
						border: 3px solid #dbeaec;
						}

			.matias {
				float: left;
				clear: right;
				width: 275px;
				margin: 10px 10px 5px 18px;
					}

				.fotodmatias {
					float: left;
					border: 3px solid #dbeaec;
					margin: 2px 8px 5px 0;
						}

				.msocial {
					text-align: center;
					margin-top: 10px;
						}

					.msocial img {
						padding: 0 5px;
							}


		#pie {
			background: url(images/pie-de-pagina.jpg) no-repeat;
			height: 100px; 
			width: 978px; 
			display: block;
			clear: both;
			padding-top: 10px;
		}
		
			#pie p {
				color: #384861;
				text-align: left;
				padding: 5px 8px;
				font-size: 0.9em;
				}
				
				#pie a {
					color: #384861;
				}
								
				
			.creditos {
				background: none;
				margin: 3px 0 5px 55px;
				float: left;
				width: 255px;
				line-height: 49px;
				}

				.creditos img {
					padding: 0 5px 0 0; 
					}
	
			
			.adicionales {
				background: none;
				float: right;
				margin: 12px 20px 0 0;
				width:610px;
				clear: right;
				line-height: 1.5em;
				}

.navigation a.page-numbers, .navigation a.page-numbers:link {
	padding: 2px 5px;
	margin: 2px;
	text-decoration: none;
	color: #384861;
	background: #dbeaec;
	border-bottom: 1px solid #fff;
	font-family: helvetica, arial, verdana;
	font-weight: bold;
}
.navigation a.page-numbers:visited {
	color: #384861;
	background-color: #dbeaec;
}
.navigation a.page-numbers:hover {
	border: 0px solid #000000;
	background-color: #FFFFFF;
}
.navigation a.page-numbers:active {
	border-bottom: 1px solid #384861;
	background-color: #FFFFFF;
	font-family: helvetica, arial, verdana;
}
.navigation span.displaying-num {
	padding: 2px;
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 0px solid #000000;
	background-color: #FFFFFF;
}
.navigation span.current {
	padding: 2px;
	margin: 2px;
	font-weight: bold;
	border: 0px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

/*= Miniposts ----------------------------------------------------------------*/
.minipost {
	border-left:5px solid #DD3654;
	padding:1em 10px 0;
	position:relative;
}

.minipost .blabla, .minipost .categorias, .minipost .facebook, .minipost .delicious, .minipost .twitter, .minipost .email, .minipost .tags, .minipost .tags + p {
	display:none;
}

.minipost .info {
	font-size:.75em;
	margin:0;
	position:absolute;
	top:0;
}

.minipost h2 {
	background:none;
	font-size:1.083em;
	line-height:normal;
	margin-bottom:.5em;
	min-height:inherit;
	padding:0;
	width:auto;
}

.minipost p {
	font-size:.833em;
	margin:0 0 .75em;
}

div.minipost + div.post {
	margin-top:50px;
}

div.minipost + div.minipost {
	margin-top:25px;
}