/*  
Theme Name: Ecogestos
Theme URI: http://radioactiu.cat
Description: Radioactiu theme for ecogestos.com
Version: 1.0
Author: Radioactiu
Author URI: http://radioactiu.es
*/

body {background: url(img/bk_body.gif) repeat; color: #000; font: 14px/21px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0;}

/* Reset */
ul, ol, h1, h2, h3, h4, h5, h6, form, p {margin: 0; padding: 0;}
ul {list-style: none;}

/* Comú */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img {border: none;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a {color: #009900; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
span.clear-left {clear: left; display: block;}
span.clear-right {clear: right; display: block;}

.clear {clear:both}
.floatLeft {float:left}
.floatRight {float:right}
.with-sidebar {width: 600px;}
.no-sidebar {width: 960px;}


/* Estructura */
#wrap {background: url(img/bk_wrap.gif) repeat #fff; margin: 0px auto; padding: 15px; width: 930px;}
	#header {height: 110px; margin: 0px; padding: 0px;}
	#navigation {background: url(img/bk_menu.gif) no-repeat #7cc625; height: 38px; margin: 0px 0px 30px 0px; padding: 0px;}
	#container {margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px;}
		#contents {float: left; margin: 0px 0px 0px 0px;}
		#sidebar {margin: 0px 0 0px 600px; padding: 0 0 0 30px; width: 300px;}
#footer {background: #7cc625; clear: both; color: #FFF; font-size: 12px; text-align: center; padding: 6px;}

/*** Header ***/
	#header h1, #header h2 {float: left; margin: 0px; width: 213px;}
	#header #header-ad {float: right; margin: 30px 0px 0px 0px;}
	
/*** Navigation ***/
	#navigation ul {color: #fff; font: 17px/21px "Trebuchet MS", "Times New Roman", Times, serif; padding: 0px 0px 0px 20px;}
	#navigation ul li {float:left; margin: 7px 0px 0px 0px;}
	#navigation ul li span.sep {color: #b5df85; margin: 0px 10px 0px 10px;}
	#navigation ul li a {color:#fff; text-decoration: none;}
	#navigation ul li a.on, #navigation ul li a:hover {text-decoration: none;}

/*** Sidebar ***/
	#sidebar p {font-size: 1.143em; font-weight: bold; font-style: italic; margin: 0 0 3px 0;}
	#sidebar div {margin: 0px 0px 30px 0px;}
	#sidebar ul {margin: 0px;}
	#sidebar ul li {margin: 0px 0px 3px 0px;}
	#sidebar ul li a {color: #000;}

	#sidebar #categories ul.catLeft {float: left; width: 135px; margin: 0px 10px 30px 0px;}
	#sidebar #categories ul.catRight {float: right; width: 135px; margin: 0px 10px 30px 0px;}
	
	#sidebar #suscripcion {background: url(img/suscripcion.gif) no-repeat #fbf6de; height: 180px;}
	#sidebar #suscripcion ul {line-height: 14px; margin: 0px 0px 0px 60px;}
	#sidebar #suscripcion ul li {margin: 0px;}
	#sidebar #suscripcion ul li.text {font-size: 0.857em;}
	#sidebar #suscripcion ul li.titulo {font-weight: bold; font-style: italic;}
	#sidebar #suscripcion ul li.rss {padding: 10px 0px 0px 0px;}
	#sidebar #suscripcion ul li.rsscom {padding: 30px 0px 0px 0px;}
	#sidebar #suscripcion ul li.mail {padding: 30px 0px 0px 0px;}
	#sidebar #suscripcion ul li form {padding: 2px 0px 0px 0px;}
	
/*** Contents ***/
	/* Post */
	#contents .post {margin: 0px 0 50px 0; padding: 0 0 0px 0;}
	#contents .post h1, #contents .post h2 {font-size: 1.714em; font-style: italic; line-height: 28px; letter-spacing:-1px;}
	#contents .post h2 a {color:#000;}
	#contents .post h2 a:hover {color:#2566c7; text-decoration: none;}
	#contents .post .meta {color:#aaa; font-size: 0.929em; margin: 0 0 10px 0;}
	#contents .post .meta a {color:#aaa;}
	#contents .post div.text {font-size: 1em;}
	#contents .post div.text p {margin: 0px 0px 10px 0px;}
	#contents .post div.text ul {color:#000; margin: 0 0 10px 10px;}
	#contents .post div.text ul li {background: url(img/list_style.gif) no-repeat 0px 2px; padding: 0 0 3px 20px;}
	#contents .post div.text ol {color:#000; margin: 0 0 10px 40px;}
	#contents .post div.post-rel {}
	#contents .post div.post-rel p {margin: 0px 0px 0px 0px;}
	
	#contents #comentaris {clear:both;}
	#contents #comentaris h4 {background: #F3F3F3; font-size: 18px; font-style: italic; margin: 10px 0 3px 0; padding: 2px 4px;}
	#contents #comentaris ul {margin: 10px 0 10px 30px;}
	#contents #comentaris ul li {border-bottom: 2px solid #F3F3F3; margin: 0px 0px 10px 0px; padding: 0px 0 10px 0px;}
	#contents #comentaris p.rss {margin: 0px 0 35px 30px;}
	#contents #comentaris p.nocomments {margin: 0px 0 10px 30px;}
	#contents #comentaris p.comentariDades {font-size: 13px; margin: 7px 0; padding: 0 0 5px 0;}
	
	#contents form#comenta {padding: 10px 0 10px 15px;}
	#contents form#comenta label {float: left; display: block; margin: 0 10px 10px 0; width: 195px;}
	#contents form#comenta label input {width: 190px;}
	#contents form#comenta label.tex {margin: 10px 0 10px 0; width: 580px;}
	#contents form#comenta label textarea {font-family: Arial; font-size: 14px; height: 80px; width: 580px;}

	#contents .related { background: url(img/related_bk.gif) no-repeat;  width: 100%; float:left; margin: 0 0 25px 0; padding:0; border: 1px solid #e4e2d3; font-size:12px; color: #666; }
	#contents .related p { margin: 0 0 15px 0; padding:0; line-height: 24px; }
	#contents .related ul, ol { color: #555; }
	#contents .related ul li, ol li { line-height: 130%; }
	#contents .related h3 { margin: 24px 0 10px 0; padding: 0; font-size: 18px; line-height: 18px; }
	#contents .related h4 { margin: 12px 0 5px 0; font-size: 12px; text-transform: uppercase; line-height: 12px; }
	#contents .related .pos { margin:0; padding: 10px; }
	#contents .related .pos h3 { font-size: 14px; line-height:18px; font-weight:normal; border: 1px solid #f4f3e9; border-width: 0 0 1px 0; padding: 0 0 8px 0px; margin:0; }
	#contents .related .pos .column { width: 280px; }
	#contents .related .pos .column a { color: #666; text-decoration: none; }
	#contents .related .pos .column a:hover { color: #222; text-decoration: underline; }
	#contents .related .pos .column h4, #contents .related .pos .wp23related h3 { font-size: 14px; line-height:100%; text-transform: none; color:#7cc625; margin:10px 0 0 0; padding: 0 0 5px 0; }
	#contents .related .pos .column p { font-size: 12px; line-height: 14px; }
	#contents .related .pos .column ul { margin: 0; padding: 0; }
	#contents .related .pos .column ul li { list-style: none; }
	#contents .related .pos .wp23related {}
	#contents .related .pos .wp23related h3 { font-weight:bold; border:0; background: none; }
	#contents .related .pos .wp23related ul li { margin-bottom: 5px; font-size: 12px; }

	#paginacio {margin: 0px 0px 0px 0px; text-align: center;}
	#paginacio a {}
	#paginacio a:hover {}

/*** Footer ***/
	#footer a {color: #FFF;}
	#footer ul {}	
	#footer ul li {display: inline;}

/* Hacks */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {min-height: 0; height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */