/*  
Theme Name: FlowMi
Theme URI: 
Description: Tema para FlowMi
Version: 1.0
Author: Leandro Amato
Author URI: http://duttopr.com
*/

*, body { margin: 0; padding: 0; }

body { background: #999; color: #444; font: 11px/1.5em Verdana, sans-serif; text-align: center; }
	hr { clear: both; visibility: hidden; }
	ul { list-style: none; }
	img { border: none; }

	img.left { float: left; margin: 0 10px 10px 0; }
	img.right { float: right; margin: 0 0 10px 10px; }
	
a { text-decoration: none; color: #000; border-bottom: 1px #ccc solid; }
a:hover { color: #E31A22 }

#contenedor { margin: 0 auto; width: 760px; background: #fff; text-align: left; padding: 20px; }

#header { margin-bottom: 20px; }
	#header h1 { width: 338px; float: left; height: 54px; text-indent: -9999px; background: url(img/logo.gif) no-repeat; }
		#header h1 a { display: block; width: 338px; height: 54px; border: none; }

			#header #buscador { width: 250px; float: right; text-align: right; font-size: .9em;}
				#header #buscador form { margin-top: 5px; }
					#header #buscador form #s { width: 150px; padding: 3px; border: 1px #999 solid; }
					#header #buscador form #searchsubmit { width: 60px; padding: 3px; background: #E31A22; color: #fff; font-weight: bold; border: none; }
	
#contenido { width: 500px; float: left;}

#southfest { background: url(img/bg-southfest.gif) top center no-repeat; padding: 140px 30px 30px 30px; color: #fff; margin-bottom: 15px; text-align: center;}
	#southfest a {color: #fff; }

#destacados { background: #fbfce8; }
	#destacados a { font-weight: bold; }
	
/* POSTS */
.post { background: #ddd; padding: 10px; margin-bottom: 20px; border-top: 5px #D6E120 solid; }
.videos { border-top: 5px #000 solid; }
	.post h2 { font: 22px sans-serif; margin-bottom: 10px; padding-bottom: 5px;  border-bottom: 1px #bbb solid; }
		.post h2 a { border: none; }
	.post a { border-color: #bbb; }
	.post p { line-height: 1.7em; margin-bottom: 1em; }
	.post img { background: #fff; padding: 4px; border: 1px #ccc solid; }
	.post blockquote { padding: 0 40px; margin-bottom: 1em; font-style: italic; }
	.post ul { padding: 0 20px; list-style-type: disc; margin-bottom: 1em;}
	.post ol { padding: 0 20px; }
	.post .leermas { margin-top: 10px; font: bold .9em sans-serif; }
	 .post .info { clear: both; margin-top: 10px; color: #999; font: 10px sans-serif; text-transform: lowercase; }
		.post .info a { color: #666; }
		
	.post .flvPlayer { width: 480px; margin: 0 auto 15px auto; }

	.galeria { margin: 15px 0; }
		.galeria a { border: none; }
			.galeria a img { width: 75px; height: 75px; margin: 2px; }
			.galeria a:hover img { border-color: #D6E120; background: #D6E120; }
	
/* COMENTARIOS */

.comentario { margin-bottom: 15px; background: #eee; padding: 10px; }
	.comentario .autor { font-weight: bold; margin-bottom: 10px; background: #fff; padding: 3px; }
	.comentario img.avatar { float: right; border: 5px #fff solid; margin: 0 0 10px 10px; }

#commentform label { display: block; margin: 10px 0 5px 0; font-weight: bold; }
#commentform input, #commentform textarea { width: 350px; padding: 5px; font: 1.1em sans-serif; border: 2px #ddd solid; }
#commentform input:focus, #commentform textarea:focus { border-color: #999; }
#commentform input.boton { margin-top: 10px; background: #E31A22; color: #fff; font-weight: bold; border: none; }

#menu { width: 240px; float: right; }
	#menu div { margin-bottom: 30px; }
	#menu div#slideshow { background: #000; padding: 5px; text-align: center; }
	#menu div h2 { border-bottom: 5px #999 solid; margin-bottom: 10px; color: #333; }
		#menu div div { padding: 0; margin: 0; }
		#menu div ul { padding-left: 15px; list-style-type: disc; color: #aaa; }
			#menu div ul li { padding: 3px 0; }
		#menu div a { font-weight: bold; color: #E31A22; }
		#menu a:hover { color: #000; }

	#menu #flickr div { display: inline; padding: 0; margin: 0;}
	#menu #flickr div a { border: none; }
	#menu #flickr div a img { width: 65px; height: 65px; margin:5px ; border: 2px #ccc solid;}
	#menu #flickr  div a:hover img { border-color: #E31A22;}
	
.etiquetas { border-top: 5px #E31A22 solid; background: #f7f7f7; margin: 20px 0 10px 0; padding: 10px;}
	.etiquetas h2 { color: #666; font: 22px sans-serif; margin-bottom: 10px; padding-bottom: 5px;  border-bottom: 1px #ddd solid; }
	.etiquetas p { line-height: 200%; }
		.etiquetas p a { border: none; text-decoration: underline; margin: 0 2px; }
			
#footer { margin-top: 20px; padding: 10px; background: #666; color: #eee; font-size: .9em; }
	#footer a { color: #fff; }
	#footer a:hover{ border-color: #fff; }
	#footer span.dutto { display: block; width: 250px; float: right; text-align: right; visibility: hidden;}