/*  
Theme Name: Tutorial
Theme URI: http://renatafranco.tumblr.com
Description: Probando, probando.
Version: 1.0
Author: Renata
Author URI: http://www.renatafranco.tumblr.com/

*/






.raul { 
	background-image: URL('images/error404.png');
	background-repeat: no-repeat;
	margin-top: 50px;

}

.volver { 
	margin-top: 20px;
	margin-left: 40px;

}

.adcom { 

margin-top: 20px;
text-align: center;

}

body, h1, h2, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	}
	
 h3 { 
 padding: 10px 0 0 0;
 color: #6691d6; 
 font-family:Georgia, Helvetica, Sans-serif; 
 } 	


	
blockquote {
	margin:10px 0 0 20px;
	font-family: Verdana, Arial, Helvetica;
	color: #ccc;
	border-color: #000;
	border-style: dashed;
	border-width: 1px; 
	padding: 0 0 10px 20px;
	font-size: 12px;
	background:	#333334;
	

}	

body {
		margin: 0 0 0 10px;
		font-family: Helvetica, Georgia, Arial, Sans-serif;
		font-size: 14px;
		text-align: center;
		vertical-align: top;
		background-image: url(images/ruido.png);
		color: #B8B8B8;
	}
	
h1 {
	font-family: Georgia, Sans-serif;
	font-size:22px;
	padding: 0 0 10px 0;
	text-shadow: #000;
	color: #3f69b0;
	
	}
	
a:link, a:visited {
		text-decoration: none;
		color: #6691d6;
		
	}
		
a:hover {
		text-decoration:none;
		color: #ff007e;
		}
		
p { 
		padding: 10px 0 0 0;
	}		
		
#wrapper {		
		margin: 0 0 0 80px;
		width: 1100px;
		text-align:left;
			
		}
		
		
#header {
		float:left;
		width: 1100px;
		height: 250px;
		background-image: url(images/ruido.png);
		
		
		}
		
#container {
			float:left;
			margin-left:-10px;
			margin-top: 0px;
			width:680px;
			background-image: url(images/ruido.png);
			}
			
.post {
	  padding: 70px 10px 10px 0; 
	  }
	  

.post h1 { 
		text-align: left;
		padding: 0 0 0 0;
		color:#3f69b0;
               
		
}
	  
.post h2 {
		font-family:Georgia, Helvetica, Sans-serif;
		font-size: 30px;
		color:#3f69b0;
		}
		
.entry {
		line-height: 20px;
		border-bottom-color: #000;
		border-bottom-style: dashed;
		border-bottom-width: 2px; 
		padding: 15px 0 15px 0;
		font-size: 14px;
		
		}
		
.feed { 
text-align:left;
		
}
		
.postmetada {
			border-top: 10px solid #cccccc;
			margin: 10px;
			text-align:right;
			padding: 0 0 30px 0;
			margin-bottom: 200px;
                        
			}
			
.postmetaderecha { 
		text-align: right;
		float:right; 
		width: 120px;
		


} 

.postmetaizq {

	float:left; 
	width: 540px;
	
	
}
			
			
.navigation { 
			padding: 10px 0 0 0;
			font-size: 14px;
			font-weight:bold;
			line-height: 18px;
			}	
		
#searchform searchsubmit
{
    background-image: URL('images/buscar.png');
    background: no-repeat;
    
}    

.searchfield {

width:170px;
display: block; 
padding: 10px 0 10px 5px; 
margin: 0;


}
	
#search { 
margin: 20px 0 0 -10px;

}


		
		
.sidebar {
		border-color: #444444;
		border-style: solid;
		border-width:1px;
		float:right;
		width:320px;
		background:	#333334;
		margin: 0 0 0 85px;
		display:inline;
		}
		

.sidebar ul {
			list-style-type:none;
			margin-top: 20px;
			padding: 0 10px 0 10px;
			}
			
.sidebar ul li {
		padding: 10px 0 10px 0;
		font-family: Helvetica, Georgia, Sans-serif;
		
		
		}
		
		
.sidebar ul ul li {
		padding: 0;
		line-height: 20px;
	
		
		
		}
		
.sidebar ul li h2 {
		font-family: Helvetica, Georgia, Sans-serif;
		color:#fff;
		padding: 0 0 15px 0;
		border-bottom-color: #000;
		border-bottom-style: dashed;
		border-bottom-width: 2px;
		text-align: left;	
		text-transform: lowercase;	
		display: block;

}					





.section-title-p { 

	font-size: 32px;
	font-family:  'Helvetica Neue', Arial, Helvetica, Geneva;
	color: black;

} 

	
.section-title { 

	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 52px;
	font-family:  'Helvetica Neue', Arial, Helvetica, Geneva;
	color: black;

}	

#comments ol li {
	margin-top: 2px;
	border-bottom: 1px dashed #000;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	padding: 3px;
}

.comment-data {
	float: left;
	width: 400px;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
}

.unapproved {
	font-style: italic;
}


#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
	width: 455px;
	height: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 150px;
  background-image: url(images/ruido.png);
 
}

#menu span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}

#menu a:hover span {
  display: block;
}



#menu .logo {
  width: 579px;
  height: 200px;
  background: url(images/logo.png) no-repeat;
  left: 60px;
  top: 6px;
}


#menu .rss {
  width: 100px;
  height: 100px;
  background: url(images/rssn.png) no-repeat;
  left: 860px;
  top: 25px;
}


#menu .twitter {
  width: 100px;
  height: 100px;
  background: url(images/twittern.png) no-repeat;
  left: 970px;
  top: 25px;
 
}

#menu .face {
  width: 100px;
  height: 100px;
  background: url(images/facebookn.png) no-repeat;
  left: 1080px;
  top: 25px;
}


#menu .flickr {
  width: 100px;
  height: 100px;
  background: url(images/flickrn.png) no-repeat;
  left: 860px;
  top: 130px;
}

#menu .deviant {
  width: 100px;
  height: 100px;
  background: url(images/deviantn.png) no-repeat;
  left: 970px;
  top: 130px;
 
}

#menu .correo {
  width: 100px;
  height: 100px;
  background: url(images/correon.png) no-repeat;
  left: 1080px;
  top: 130px;
}


#menu .inicio {
  width: 66px;
  height: 25px;
  background: url(images/inicio.png) no-repeat;
  left: 75px;
  top: 200px;
}

#menu .nosotros {
  width: 100px;
  height: 25px;
  background: url(images/nosotros.png) no-repeat;
  left: 157px;
  top: 202px;
}

#menu .contacto {
  width: 102px;
  height: 25px;
  background: url(images/contacto.png) no-repeat;
  left: 273px;
  top: 202px;
}


#menu .suscribete {
  width: 121px;
  height: 25px;
  background: url(images/suscribete.png) no-repeat;
  left: 393px;
  top: 200px;
}

#menu .linux {
  width: 62px;
  height: 25px;
  background: url(images/linux.png) no-repeat;
  left: 533px;
  top: 201px;
}


#menu .windows {
  width: 108px;
  height: 25px;
  background: url(images/windows.png) no-repeat;
  left: 615px;
  top: 200px;
}



/* Footer
/* -------------- */
	
p.about-text {
	margin:0 20px 0 0;
	font: Arial, Helvetica, sans-serif; color:#000;
	line-height:17px;
	
p.about-text-t { 
        margin:0 20px 0 0;
	font: Arial, Helvetica, sans-serif; color:#000;
	line-height:17px;
font-size: 10px;
}

}

p.copyright {
	margin:10px 0 30px 0;
	font: Arial, Helvetica, sans-serif; color:#ccc;
}

#footer .about { 
	float:left; 
	width: 360px;
	margin: 16px 20px 20px 30px;


}

.tags { 
	margin: 16px 20px 0 0; 
	float:right; 
	width:360px;
	line-height:17px;
        list-style-type:none;

}

.tags-list { 
list-style-type:none;
}


#footer .tags ul { 
	font: Arial, Helvetica, sans-serif; 
	color: #000;
	font-size: 12px;

}

#footer .updates { 
	float:left; 
	width: 300px;
	margin: 16px 0 0 0;


}

#footer .updates ul { 
	 list-style: none;
	 margin: 3px 10px 0 -40px;
	 color: #000;
font-size: 12px;
	
}

#footer .updates a { 
	margin: 10px 0 0 0;

}

.tags ul { 

	margin: 10px 10px 10px -40px;
} 

h4 { 

	font: 20px;
	color:#ccc;
}


#footer {
		
		
		font-family:arial; 
		margin-left: -20px;
		margin-top: 50px;
		padding: 10px 0 30px 0;
		clear:both;
		float:left;		
		width:1100px;
		height: 150px;
		background: url(images/footerbg.png) no-repeat;
		}
		


.flickrss {
		
		border-top-color: #000;
		border-top-style: dashed;
		border-top-width: 2px; 
		margin-left: 60px;
		padding:10px 0 20px 0 ;
		width:1100px; height:auto;
		float:left;
		text-align:center;
		border-bottom-color: #000;
		border-bottom-style: dashed;
		border-bottom-width: 2px; 
		
}

.fr { 
		text-align:left;
		margin-left: 27px;
		padding:0 0 10px 0;
}

.tit { 
		text-align: left;
		padding:0 0 20px 0;
		margin-left:27px;
		font-family:Georgia, Helvetica, Sans-serif;
		font-size: 28px;
		color:#3f69b0;

}

.titu { 
		text-align: left;
		margin-left:27px;

}
		
		
.copy {		
		
		margin-left: 85px;
		padding:20px 0 20px 0 ;
		width:1100px; height:auto;
		float:left;
		text-align:left;
		
}

	
		
.wrap {
	font-family: Georgia;
	margin-bottom: 20px;

}		
		
		
.ad { 
	padding: 30px 0 0 0;
}