/*  
Theme Name: Suelto
Theme URI: http://socialsnack.com/
Description: Tema para Suelto.
Version: 0.1
Author: Lucia Otero
Author URI: http://socialsnack.com/

*/

* {
	margin: 0;
	padding: 0;
}

body {
	font: 75% Arial, Helvetica, sans-serif;
	background: #d1eeea;
	color: #4d4d4f;
	}

a, a:link, a:visited {
	color: #e51837;
}

a:hover, a:active {
	color: #00a79d;
	text-decoration: none;
}

a img  {
	border: 0;
}


acronym, abbr {
	border-bottom: 1px dashed #00a79d;
	}

blockquote {
	background: url(images/quotes.gif) no-repeat top left;
	padding-left: 62px;
	color: #00a79d;
	font-size: 0.9em;
        min-height: 42px;
	}

code {
	font: 1em 'Courier New', Courier, Fixed;
	}

h2 {
	color: #fff;
	font-size: 1.9em;
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

	h2 a, h2 a:link, h2 a:visited {
		color: #fff;
		text-decoration: none;
		}
		
	h2 a:hover, h2 a:active {
		color: #d1eeea;
		}

h3 {
	color: #00a79d;
	font-size: 1.35em;
	margin: 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

	h3#respond, h3#postcomment, h3#enviar {
		margin: 30px 0 5px 0;
		color: #00a79d;
		font-size: 1.3em;
		clear: both;
		}

	h3#comments {
		padding: 3px 0;
		font-size: 1.3em;
		margin: 30px 0 5px 0;
		color: #00a79d;
		padding-left: 50px;
		background: url(images/nrocom2.gif) no-repeat left;
		}



input, textarea, select {
	border: 1px solid #00a79d;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #9fa49e;
	}



#contenedor {
	width: 977px;
	margin: 20px auto 40px auto;
	}


	#cabecera { 
		height: 179px; 
		width: 977px; 
		display: block;
		background: #19A89D url(images/headers/rotate.php) no-repeat top center;

		} 
	
		#cabecera h1 a { 
			background: url(images/suelto.png) no-repeat left top;
			height: 179px; 
			width: 228px; 
			display: block;
			margin: 0 0 0px 0px;
			} 

				#cabecera h1 a span {
					display: block;
					width: 0;
					height: 0;
					overflow: hidden;
					}


	
	#contenidos	{ 
		background: #fff;
		width: 977px;
		margin: 0 auto;
		clear: both;
                float: left;
		} 
	
		#entradas { 
			width: 460px;
			margin: 20px 7px 0 30px;
			float: left;
			font-size: 1.15em;
			} 
	


			.post, .page {
				padding: 10px 0;
				margin-top: 25px;
			}


				.post h2 {
					padding: 3px 30px 3px 10px;
					background: #E1182F url(images/h2.gif) no-repeat top right;
					line-height: 38px;
				}

                                .page h2 {
					padding: 3px 30px 3px 10px;
					background: #12A69C url(images/h2-page.gif) no-repeat top right;
					line-height: 38px;
				}

 					.post h2 a, .post h2 a:link, .post h2 a:visited, .page h2 a, .page h2 a:link, .page h2 a:visited {
						color: #fff;
						text-decoration: none;
						}
						
					.post h2 a:hover, .post h2 a:active, .page h2 a:hover, .page h2 a:active {
						color: #d6eef5;
						}
				

				.post img, .page img {
					margin: 0 auto;
					display: block;
					border: 2px solid #00a79d;
				}

				.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 .info, .page .info {
					color: #e51837;
					margin: 5px 5px 10px 0;
					text-align: right;
					font-size:  0.9em;
				}
	
					.info a, .info a:link, .info a:visited {
						color: #e51837;
					}
	
					.info a:active, .info a:hover {
						text-decoration: none;
					}

				.more-link {
					float: right;
					font-size: 0.9em;
					clear: both;
					margin-bottom: 10px;
				}


				.tags {
					padding-top: 3px;
                                        margin: 0px;
				}


				.nrocomentarios, .tags {
					clear: both;
					color: #e51837;
					font-size: 0.8em;
					font-weight: bold;
				}

				.post .nrocomentarios {
					padding: 17px 38px 0px 0px;
					background: url(images/nrocom.gif) no-repeat right center;
					height: 24px;
					display: block;
                                        float: right;
                                        margin: 0px;
				}



		.comentario-comun {
			width: 475px;
			clear: both;
			padding: 10px 0 30px 0;
			float: left;
			margin: 0 0 8px 0;
			}


	
				.gravatar {
					float: left;
					padding: 2px;
					margin: 0 0 5px 0;
					border-right: 5px solid #e8f5f3;
					border-left: 1px solid #e8f5f3;
					border-top: 5px solid #e8f5f3;
					border-bottom: 1px solid #e8f5f3;
					width: 40px;
					background: #e8f5f3;
				}
	
				.comentarioydata {
					float: right;
					clear: right;
					width: 415px;
					background: #e8f5f3;
					padding: 0px 5px 5px 5px;
					margin-top: 0px;
				}

					.comentarioydata span {
						font-weight: bold;
					}


			.comentar {
				width: 460px;
				clear: both;
				padding: 0 10px;
				float: left;
				background: #e8f5f3;
				text-align: left;
				font-size: 0.9em;
			}


				#commentform input {
					width: 370px;
					margin-bottom: 5px;
					font-size: 1em;
					background: #fff;
					border: 0;
					padding: 2px;
				}

				#commentform #author {
					margin-left: 23px;
				}


				#commentform #email {
					margin-left: 32px;
				}


				#commentform #url {
					margin-left: 12px;
				}


				#commentform textarea {
					width: 456px;
					margin-top: 5px;
					font-size: 1em;
					background: #fff;
					border: 0;
					padding: 2px;
				}
	
	
				#commentform #submit {
					background: #00a79d;
					color: #fff;
					font-weight: bold;
					font-size: 1.1em;
					margin-top: 5px;
					width: 458px;
				}

				.navigation {
					clear: both;
					color: #384861;
					height: 65px;
					display: block;
					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;
						}


/*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: 20px 40px 0 40px;
			float: right;
			color: #4d4d4f;
			font-size: 1.1em;
			} 


			#menues p { 
				margin-left: 25px;
				} 
				
					
			#menues ul li ul { 
				margin-left: 20px;
				} 


				#menues li { 
					margin: 7px 0;
					list-style-type: none;
					} 

					#menues li ul li { 
						list-style-image: url(images/bullet.gif);
						} 


					#menues a, #menues a:link, #menues a:visited { 
						color: #4d4d4f;
						text-decoration: none;
						} 

					#menues a:active, #menues a:hover { 
						background: #00a79d;
						color: #fff;
						} 

	
				#menues h3, #menues h2 {
					margin-bottom: 15px;
					color: #00a79d;
					font-weight: lighter;
					}
				#menues .ad {
					clear:both;
					margin:60px 0;
					text-align:center;
				}
                                .quotes  {
                       margin: 40px 0 20px;
					clear: both;
					width: 380px;
					padding-top: 40px;
                                       }
                                #wp_quotes
{
	margin-left: 10px;
}

#wp_quotes div.wp_quotes_quote
{
	font-style: italic;
        font-size: 14px;
        font-family: georgia, helvetica, verdana;
}

#wp_quotes div.wp_quotes_author
{
	text-align:right;
	font-style: italic;
	margin-top: 5px;
}

div.wp_quotepage
{
	font-size: 14px;
	width: 80%;
	margin-left: 40px;
}

div.wp_quotepage_quote
{
}

div.wp_quotepage_author
{
	margin-left: 40px;
	font-style: italic;
}

hr.wp_quotepage_hr
{
	width: 70%;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

div.wpquotes_poweredby
{
	text-align: center;
	font-size: 0.8em;
	margin-top: 12px;
}


				.nube h3, #busquedayextras h3, .quotes h3 {
					margin-bottom: 15px;
					border-bottom: 2px solid #8CD3CE;
					padding-bottom: 10px;
					}

				.acerca h3 {
					background: url(images/sidebar.gif) no-repeat bottom left;
					border-bottom: 0;
					margin-bottom: 15px;
					padding-bottom: 20px;
					}

	
				.acerca {
					margin: 35px 0 30px 0;
					clear: both;
					width: 380px;
					}

	
					#menues .acerca p { 
						line-height: 1.3em;
						margin: 20px 10px 0 5px;
						} 
	
					.acerca img {
						float: left;
						display: block;
						margin: 0 15px 10px 7px;
                                                padding: 2px;
                                                border: 1px solid #ddd;
					}
	
						.leer-mas { 
							margin-top: 7px;
							margin-right: 5px;
							text-align: right;
							} 

							#menues .leer-mas a, #menues .leer-mas a:link, #menues .leer-mas a:visited { 
								text-decoration: underline;
								} 


				.servicios {
					margin: 45px 0 20px 10px;
					clear: both;
					width: 361px;
					}

					#menues .servicios h3 {
						background: #fff url(images/comunicacion.gif) no-repeat top;
						height: 31px;
						display: block;
						clear: both;
						width: 343px;
						color: #fff;
						margin: 0;
						padding: 10px 0 0 18px;
						}

					#menues .servicios p {
						background: url(images/comunicacion-dentro.gif) repeat-y;
						margin: 0;
						padding: 10px 10px 0 10px;
						}
		
		#busquedayextras { 
			margin: 10px 50px 0 0;
			clear: both;
			width: 380px;
			padding-top: 20px;
			} 	
    

			#busquedayextras ul { 
				float: left;
				width: 110px;
				} 	


				#busquedayextras li { 
					list-style-type: none;
					display: inline;
					padding: 0 2px;
					} 	

						
					#searchform { 
						float: right;
						margin: 2px 0px 0 10px;
						width: 260px;
						clear: right;
							} 

						#searchform p { 
							margin: 0;
								} 
	

						#searchform #s, .newsletter input { 
							width: 190px;
							font-size: 0.9em;
							padding: 3px;
							} 
		
		
						#searchform #searchsubmit, .newsletter .boton { 
							background: #00a79d;
							color: #fff;
							font-weight: bold;
							font-size: 1em;
							width: 50px;
							margin-top: 2px;
							border: 1px solid #00a79d;
                                                        padding: 2px 3px;
							} 



				.nube {
					margin: 20px 0;
					clear: both;
					width: 380px;
					padding-top: 40px;
					}

					.nube p {
						text-align: center;
						}

						#menues .nube a, #menues .nube a:link, #menues .nube a:visited {
							padding: 0 5px;
							color: #00a79d;
							}

						#menues .nube a:active, #menues .nube a:hover {
							color: #fff;
							}


				.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.png) no-repeat top right;
					}

					#twitter-tools a {
						font-size: 0.9em;
						color: #84b4b6;
						}
					
					

			#menues2 { 
				width: 180px;
				margin: 0 5px;
				float: right;
				clear: right;
				}
				
		
					
				.linkcat { 
					padding: 0 0 30px 0;
					} 

					.linkcat h2 { 
						margin-left: -15px;
						font-size: 1.5em;
						} 

					#linkcat-2, #lastposts, #linkroll, #featured, #categories, #archive, .pagenav ul li { 
						padding-left: 20px;
                                                padding: 10px 0px 30px 0px;
                                                min-height: 240px;
						} 


		#alpie {
			width: 975px; 
			float: left;
			clear: both;
			padding: 10px 0 10px 0;
			margin: 0 auto 0px auto;
			font-size: 0.9em;
			border-bottom: 1px dotted #00a79d;
                        background: url(images/grulla.png) no-repeat right 98%;

		}

				#alpie h3 {
					margin-bottom: 15px;
					color: #00a79d;
					}


				#alpie li {
					list-style-type: none;
					margin: 10px 0 10px 3px;
				}


			#alpie #recent-comments {
				margin: 10px 20px 5px 25px;
				width: 250px;
				float: left;

				}


			.paginas {
				float: left;
				clear: right;
				width: 288px;
				margin-left: 20px;
                                height: 100%;
					}

				.paginas h3 {
					margin-top: 20px;
						}
	
				
				.page-navi ul li {
					font-size: 1.3em;
					margin-left: -10px;
						}




			.slide {
				float: left;
				width: 306px;
				margin: 10px 10px 5px 10px;
					}


			.peces {
				float: left;
				clear: right;
				width: 306px;
				margin: 10px 10px 5px 20px;
                                padding: 0px;
					}

			.peces p, .slide p {
				margin: 0;
					}

.flashborder { padding: 2px; border: 1px solid #00a79d;}

		#pie {
			background: url(images/pie.gif) no-repeat right top;
			width: 977px; 
			display: block;
			clear: both;
			padding-top: 74px;
			color: #00a79d;
			margin-top: 0px;
		}
		
			#pie p {
				text-align: left;
				padding: 5px 8px;
				font-size: 0.9em;
				}
				
				#pie a {
					color: #00a79d;
				}
								
				
			.creditos {
				background: none;
				margin: 3px 0 5px 35px;
				float: left;
				width: 270px;
				line-height: 49px;
				clear: both;
				}

				.creditos img {
					padding: 0 10px 0 0; 
					}

				#socialsnack {
					margin-bottom: 15px;
					}

			
			.adicionales {
				background: none;
				float: right;
				margin: 12px 15px 0 0;
				width: 620px;
				clear: right;
				line-height: 1.5em;
				}
#grulla {
			width: 975px;
			clear: both;
			padding: 0px 0 0px 0;
			margin: 0px auto 0px auto;
}

#grulla p {text-align: right; padding: 0px 70px; font-size: 1.2em;}

.monthly {
width: 180px;
float: left;
padding: 5px;
}

.bycat{
width: 240px;
float: right;
padding: 5px;
}

.bytag {
clear: both;
width: 420px;
padding: 5px;
margin-top: 25px;
text-align: center;
}

.bytag h3 {
text-align: left;
margin-top: 25px;
}

.links {
padding: 10px;
margin-left: 10px;
margin-top: 20px;
}

.feevy { margin-top: 20px;
clear: both;
}

.feevy h3 {
					margin-bottom: 5px;
					border-bottom: 2px solid #8CD3CE;
					padding-bottom: 10px;
					}

.feevy_title h1 {
padding: 10px 0px 0px 5px;
font-size: 1.5em;
margin-top: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
}

.feevy_title img {
width: 20px 
height: 20px;
padding: 2px;
border: 1px solid #ddd;}

				#menues .nostyle { background: none; }

.warning {
border: 1px solid #12A69C;
padding: 10px;
font-size: 12px;
color: #12A69C;
margin-top: 25px;
}

.sociales { padding: 5px 0px 0px 0px; margin: 0px; clear: both; 
					border-top: 1px dotted #E51837/*background: url(images/post.gif) no-repeat top center*/;}
 span.delicious {
	                                  	background: url(images/deliciousth.png) no-repeat 0px 0px;
		                                padding-left: 20px;
		                                padding-right: 5px;
                                                font-size: 13px;
                                                margin-bottom: 0px;
	                                }

        

                                        span.facebook {
	                                  	background: url(images/facebookth.png) no-repeat 0px 0px;
		                                padding-left: 20px;
		                                padding-right: 5px;
                                                font-size: 13px;
                                                margin-bottom: 0px;
	                                }

                                        span.email {
	                                  	background: url(images/email.png) no-repeat 0px 0px;
		                                padding-left: 20px;
		                                padding-right: 5px;
                                                font-size: 13px;
                                                margin-bottom: 0px;
	                                }
#ie { 
background: #fff;
padding: 20px;
margin: 15px 0px 25px 0px;
font-size: 14px;
}

#ie h2 { 
color: #E1182F;
}
