/*
Theme Name: Dia de la tierra
Theme URI: http://socialsnack/
Description: Theme para el dia de la tierra
Version: 1.0
Author: Leo
Author URI: http://socialsnack.com/
Tags: 

*/
@import url("fonts.css");

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

body { background: #f3f3ee url(img/bg.gif) top left no-repeat; color: #9d9fa2; font: 13px GothamRounded-Book, Arial, sans-serif; }

p.clear { clear: both; margin: 0; padding: 0; }
p.right { text-align: right; }
a { text-decoration: none; font-weight: bold; color: #5baf88; }
a:hover { text-decoration: underline; }
ul, ol { list-style: none; }

img { border: 0; }
img.alignright { float: right; margin: 0 0 10px 20px; }
img.alignleft { float: left; margin: 0 20px 10px 0; }
img.aligncenter { display: block; margin: 0 auto; }

input, textarea { font: 14px GothamRounded-Book, Arial, sans-serif; }

h2 { font-size: 18px; font-weight: normal; font-family: GothamRounded-Bold, Arial, sans-serif; text-transform: uppercase; margin: 0 0 10px 0; letter-spacing: -1px; }
	h2 small { font-size: 18px; font-family: GothamRounded-Book, Arial, sans-serif; color: #08acc4; }
h3 { color: #08acc4; font-size: 16px; text-transform: uppercase; margin: 0 0 10px 0; }

#wrap { width: 930px; margin: 0 0 0 50px; }

#header { padding: 20px 0 0 0; margin: 0 0 30px 0; position: relative; font-size: 12px; }
	#header h1 { width: 130px; height: 130px; float: left; text-indent: -9999px; background: url(img/logo.gif) no-repeat; }
		#header h1 a { display: block; widows: 91px; height: 91px; outline: none; }
	#header h2 { float: right; width: 101px; height: 95px; text-indent: -9999px; background: url(img/edn-logo.png) no-repeat; }
	#header #menu { margin: 20px 0 0 0; vertical-align: middle; }
		#header #menu li { text-transform: uppercase; display: inline; }
		#header #menu li:last-child { border: none; }
			#header #menu li a { color: #08acc4; *display: inline; display: inline-block; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px #9d9fa2 solid; vertical-align: middle; }
			#header #menu li .agenda { color: #5baf88; }
	#header #menu form { display: inline; vertical-align: middle; }
		#header #menu form div { display: inline; }
		#header #menu form label, #header #menu form #searchsubmit { display: none; }
		#header #menu form #s { border: 2px #08acc4 solid; color: #999; padding: 2px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }


/* Destacado */
#destacado { margin: 0 0 40px 0; }
	#destacado h2 { width: 425px; height: 200px; float: left; text-transform: none; color: #aaa; font-size: 25px; line-height: 25px; }
		#destacado h2 strong { display: block; font-size: 38px; color: #5baf88; text-transform: uppercase; line-height: 38px; }
		#destacado h2 em { display: block; margin: 10px 0; font-style: normal; font-size: 32px; color: #08acc4; line-height: 32px; }
	#destacado #slideshow { width: 480px; height: 200px; float: right; margin: 0 -10px 0 0; background: url(img/bg-destacados.png) no-repeat; }
		#destacado #slides { position: relative; width: 435px; height: 180px; margin: 10px 0 0 22px; }
		#destacado #slideshow img { position: absolute; top: 0; left: 0; }
			.nivo-directionNav a { display: block; width: 8px; height: 13px; background: url(img/flechitas.png) no-repeat; text-indent:-9999px; outline: none; }
			#slideshow a.nivo-nextNav { background-position: -16px 0; right: -15px; top: 79px; }
			#slideshow a.nivo-nextNav:hover { background-position: -24px 0; }
			#slideshow a.nivo-prevNav { background-position: 0 0; left: -15px; top: 79px; }
			#slideshow a.nivo-prevNav:hover { background-position: -8px 0; }
			#slideshow .nivo-caption { background: #fff; color: #5baf88; font-size: 16px; text-align: center; }
	/* Banners */
	#destacado .banners { margin: 40px 0 0 0; }
		#destacado .banners a { display: block; position: relative; float: left; outline: none; width: 210px; height: 151px; margin: 0 30px 0 0; color: #fff; }
		#destacado .banners a.last { margin: 0; }
			#destacado .banners a span { position: absolute;  width: 210px; height: 151px; top: 0; left: 0; background: url(img/mask-banner.png) no-repeat; text-indent: -9999px; z-index: 666; }
			#destacado .banners a strong { position: absolute; left: 0; right: 0; bottom: 5px; text-align: center; z-index: 667; font-weight: normal; text-transform: uppercase; }
			#destacado .banners a img { position: absolute;  width: 210px; height: 150px; top: 0; left: 0; }

/* Contenido */
#contenido { width: 640px; float: left; }

	.post { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px #08acc4 solid; }
		.post .fecha { color: #19b529; margin: 0 0 20px 0; }
		.post .texto {}
			.post .texto .thumb { width: 150px; height: 120px; float: left; margin: 0 20px 0 0; }
			.post .texto img { border: 5px #5baf88 solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
			.post .texto p { margin: 0 0 1em 0; }
			.post .texto .mas a { text-transform: uppercase; }
			
	.page {}
		.page h2 { margin: 0 0 20px 0; }
		.page iframe { padding: 1px; border: 4px #fff solid; }
	
	.navigation {}
		.navigation div { display: inline; padding: 0 10px; }
				
/* Sidebar */
#sidebar { width: 210px; float: right; }
	#sidebar div { margin: 0 0 40px 0; }
		#sidebar div div { margin: 0; }
	
	#subscription {}
		#subscription p { background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 3px; height: 27px; }
		#subscription input { border: none; padding: 3px; }
		#subscription #email { width: 140px; }
		#subscription .boton { float: right; cursor: pointer; background: #5baf88; color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
		#subscription label { display: block; margin: 5px 0 0 0; font-size: 11px; }
	
	.speakers {}
		.img li { display: block; width: 100px; float: left; margin: 0 0 10px 0; font-size: 12px; color: #666; }
		.img li:nth-child(odd) { margin-right: 10px; }
			.img li img { display: block; margin: 0 0 5px 0; }
			.videos li img { width: 100px; height: 75px; } 

#footer { position: relative; margin: 280px 0 0 0; padding: 60px 0 0 0; background: #008f82; color: #2e1d11; }
	#footer #twitter { position: relative; width: 960px; height: 240px; position: absolute; top: -197px; left: 0; background: url(img/bg-footer.png) top no-repeat; }
		#footer #twitter h3 { position: absolute; top: -20px; left: 40px; }
		#footer #twitter .tweet { position: absolute; top: 10px; left: 50px; width: 440px; color: #777; height: 30px; overflow: hidden; font-size: 12px; }
			#footer #twitter .tweet img { float: left; margin: 0 10px 0 0; width: 30px; height: 30px; }
	#footer .wrap { width: 930px; margin: 0 0 0 50px; padding: 25px 0;}
	#footer .sponsors { margin: 20px 0; }
		#footer .sponsors img { vertical-align: top; position: relative; margin: 0 10px 10px 0; }
		#footer .sponsors img.last { margin: 0 40px 0 0; }
		#footer .sponsors h5 { position: absolute; display: inline; margin-top: -20px; text-transform: uppercase; color: #91d1d7; }
		#footer .sponsors .clear { margin: 40px 0; }
	#footer .credits { font-size: 11px; }
	#footer a { color: #2e1d11; }