/*  
Theme Name: Muyblog
Theme URI: http://muyblog.com/
Description: Tema para Muyblog
Version: 1.0
Author: Nicestream
Author URI: http://nicestream.com/

*/

*, body { margin: 0; padding: 0; }
body { font: 12px/1.4em "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif; color: #666; background: #fff; text-align: center; }

p.clear { clear: both; margin: 0; padding: 0; }
img { border: none; }
ul { list-style: none; }
a { text-decoration: none; color: #999; font-weight: bold; }
a:hover { color: #000; }

abbr, acronym { cursor: help; }

.wrap { width: 960px;  margin: 0 auto; text-align: left; }
.izquierda { float: left; }
.derecha { float: right; }


/* Header */
#header { width: 100%; background:  #fff;}
	#header .wrap { position: relative; height: 320px; clear: both; }
	#header h1 {  background: url(img/logo.gif) no-repeat top left; text-indent: -9999px; width: 300px; height: 75px; position: absolute; left: 0; top: 20px; }
		#header h1 a { display: block; width: 300px; height: 75px; outline: none; }
	#header h2 { width: 480px; position: absolute; left: 0; top: 150px; color: #8e8e8e; font: normal 26px sans-serif; line-height: 1.2em; }
		#header h2 strong { color: #848fdf; font-weight: bold;}
	
	#header #listablogs { display: none; float: right; clear: both; margin: 10px; }
		#header #listablogs li { display: inline; padding: 0 0 0 10px; }
	#header #botones { clear: both; float: right; }
		#header #botones a { display: block; float: left; margin: 0 10px 0 0; outline: none; height: 25px; width: 150px; background: #848fdf; color: #fff; text-align: center; line-height: 25px; font-weight: bold; -moz-border-radius: 0 0 10px 10px; }
	#header #screenshots { width: 470px; height: 300px; position: absolute; right: 0; bottom: 0; }
		#header #screenshots li { display: none; width: 470px; height: 300px; }
		#header #screenshots .first { display: block; }
		#header #screenshots .screenshot1 { background: url(img/screenshot1.gif) no-repeat bottom right; }
		#header #screenshots .screenshot2 { background: url(img/screenshot2.gif) no-repeat bottom right; }
		#header #screenshots .screenshot3 { background: url(img/screenshot3.gif) no-repeat bottom right; }
		#header #screenshots .screenshot4 { background: url(img/screenshot4.gif) no-repeat bottom right; }

/* Contenido */
#contenido, #nuestros-blogs, #nicestream { background: url(img/fondo.gif) repeat-x top left #fff; width: 100%; border-top: 1px solid #848fdf; }
	#contenido .wrap { position: relative; }
	#contenido h2 { padding: 10px 0px 10px; font: 18px/24px Arial, sans-serif; color: #666666; text-transform: uppercase; letter-spacing: 1px; }
	#contenido .columna { width: 470px; line-height: 1.5em; font-size: 1.02em; color: #777; padding-right: 10px; margin-bottom: 20px; }
	#contenido img { padding-right: 10px; float: left; }
	#contenido p.intro { color: #444; font-size: 15px; line-height: 1.3em; letter-spacing: -.05em; margin-bottom: 10px; }
	#contenido h3 { padding-bottom: 3px; margin: 10px 0px; font: 15px/20px Arial, sans-serif; color: #848fdf; font-weight: bold; width: 960px; border-bottom: 1px solid #ddd; }
	#contenido ul {  background: url(img/bg-box.gif) no-repeat bottom left #fff; padding: 5px;}
	#contenido ul li { list-style-image: url(img/flecha.gif); font-size: 12px; margin-left: 15px;}

/* Nuestros blogs */
#nuestros-blogs { }
	#nuestros-blogs h2 { padding: 10px 0px 10px; font: 18px/24px Arial, sans-serif; color: #666666; text-transform: uppercase; letter-spacing: 1px; }
	#nuestros-blogs h3 { padding: 0px; font: 15px/20px Arial, sans-serif; color: #848FDF; font-weight: bold; line-height: 10px; text-transform: uppercase; }
	#nuestros-blogs .blog { float: left; width: 295px; margin: 0 0 20px 0; display: block; padding: 10px 20px 5px 0px; }
	#nuestros-blogs .blog ul li { border-top: 1px solid #ddd; padding: 2px 0px; font-size: 11px; }

/* Nicestream */
#nicestream { }
	#nicestream h2 { padding: 10px 0px 10px; font: 18px/24px Arial, sans-serif; color: #666666; text-transform: uppercase; letter-spacing: 1px; }
	#nicestream img { float: right; display: block; height: 200px; width: 203px;}
	#nicestream p { float: left; width: 290px; display: block; padding: 10px 20px 5px 0px; font-size: 14px; color: #666; margin: 30px 0px; }
	#nicestream small { font: bold 12px sans-serif; color: #777; margin: 10px 0px; display: block; }
	#nicestream #formulario { background: url(img/formulario.jpg) no-repeat #f2f2f2; width: 634px; height: 240px; border: 0px; float:right;}
		#nicestream #formulario fieldset { border: 0px; padding: 40px 10px 0; margin-bottom: 20px; }
		#nicestream #formulario .texto { width: 310px; display: block; margin-top: 10px; font-size: 15px; border: 3px solid #ddd; padding: 2px; float: left; font: normal 14px/18px sans-serif; }
		#nicestream #formulario #nombre { width: 230px; display: block; margin-top: 10px; float: left; font: normal 16px/18px sans-serif; margin-left: 30px; }
		#nicestream #formulario #email { width: 230px; display: block; margin-top: 10px; float: left; font: normal 16px/18px sans-serif; margin-left: 30px; }
		#nicestream #formulario #mensaje { width: 230px; display: block; margin-top: 10px; float: left; font: normal 16px/18px sans-serif; margin-left: 30px; }
		#nicestream #formulario #textbox { margin-top: 10px; }
		#nicestream #formulario #enviar { background: #848FDF; border: none; padding: 5px; color: #fff; width: 100px; float: right; margin: 20px 0px; font: bold 12px sans-serif; }
		#nicestream #formulario p { display:none; float: left; margin: 10px 0 10px 30px; color: #848FDF; width: 400px; }


/* Footer */
#footer { margin: 0; font: 11px Arial, sans-serif; letter-spacing: 1px; color: #888; }
	#footer .wrap { padding: 20px 0; text-align: center; background: #F2F2F2; width: 100%; border-bottom: 3px solid # }
	#footer a { color: #848FDF; }
	#footer a:hover { text-decoration: underline; }
	
/* Paginas */
.post {}
	.post p { margin: 0 0 1em 0; }
	.post form { font-weight: bold; }
		.post form label { font-weight: bold; }
		.post form input, .post form textarea { width: 50%; padding: 5px; margin: 5px 0 0 0; font: 12px/1.4em "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif; }