/*  
Theme Name: Esferificacio
Theme URI: http://radioactiu.cat
Description: Radioactiu theme for Esferificacio
Version: 1.0
Author: Radioactiu
*/

body {background: #efefef url(img/body_bk.gif) repeat-x 0px 0px; color: #000; font-family: Georgia, Cambria, Helvetica, Verdana, Sans-serif; font-size: 87.5%; margin: 0; padding: 0px;}

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

/* Comú */
.clearLeft {clear: left; display: block;}
.clear {clear: both;}
.supersmall {font-size:11px}

/* Estructura */
	#wrap {margin: 0 auto; width: 960px;}
		#header {margin: 7px 0 0 0;}
		#top {color: #FFF; font-size: 1em; height: 126px; padding: 15px 0 0px 0;}
		#container {background: #fff; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 10px;}
			#breadcrumb {clear: left; font-size: 0.786em; margin: 5px 0;}
			#contents {margin: 0 0px 0 0; padding: 10px 0; width: 700px;}
			#sidebar {border-left: 1px solid #CCC; float: right; margin: 20px 0 0px 0; padding: 0 0 0px 20px; width: 205px;}
	#footer {clear: both; background: #f7a21d; color: #fff; padding: 5px 0px 20px 20px;}

/*** Header ***/
	#header img.rss {float: right; margin: 0 0 0 7px;}
	#header h1 {color: #f58a00; float: right; font-family: 'Trebuchet MS', Georgia, Arial; font-size: 14px; font-weight: normal; margin: 13px 0 0 0;}

/*** Top ***/
	#top ul {margin: 0 0 0px 0; float: left; width: 312px;}
	#top ul li {padding: 0 0 4px 0;}
	#top ul li b {font-size: 1.2em; font-style: italic;}
	#top ul li a {color: #FFF; text-decoration: underline;}

/*** Breadcrumb ***/
	#breadcrumb a {color: #444;}

/*** Contents ***/	
	#contents .post a {color: #000;}
	#contents .post {margin: 0 0 40px 0;}
	#contents .post h2 {color: #f58500; font-size: 2em; font-style: italic; font-weight: normal;}
	#contents .post a {color: #f58500;}
	#contents .post ul.categories {height: 15px; margin: 0 0 20px 0; width: 98%;}
	#contents .post ul.categories li {display: inline;}
	#contents .post ul.categories li h3 {font-size: 1.5em; float: left; font-weight: normal;}
	#contents .post ul.categories li h3 a {color: #000; margin: 0 5px 0 0;}
	#contents .post .textPost {line-height: 21px;}
	#contents .post .textPost a {font-weight: bold;}
	#contents .post .textPost img {background: #FFF;}
	#contents .post .textPost ul {margin: 0 0 0 50px; list-style-type: disc;}
	#contents .post .textPost ol {margin: 0 0 25px 10px;}
	#contents .post .textPost ul li, #contents .post .textPost ol li {margin: 0 0 4px 0;}
	#contents .post .textPost p { margin: 0px 0px 10px 0px;}
	#contents .post .textPost h4 {background: url(img/h4_bk.png) repeat-x; border-left: 1px solid #ededed; border-right: 1px solid #ededed; font-size: 1.1em; margin: 20px 0 5px 0; padding: 5px 5px 5px 10px;}
	#contents .post .textPost p.autor, #contents .post .textPost p.colaborador {background: url(img/h4_bk.png) repeat-x;}
	#contents .post .textPost p.colaborador {margin: 10px 10px 0 0; height: 25px; padding: 0px 0 0 7px; }
	#contents .post .textPost p.autor {height: 25px; margin: 10px 0 0 0; padding: 0px 0 0 7px;}
	#contents .post .textPost p.colaborador img, #contents .post .textPost p.autor img {background: transparent; padding: 0 5px 0 0; vertical-align: middle;}
	#contents .post .textPost p.colaborador span, #contents .post .textPost p.autor span {padding: 0px 0 0 0;}
	#contents .post .textPost p.wp-caption-text {margin: 0 8px 0 0; text-align: right;}

	#contents h3#comments {border-bottom: 1px solid #CCC; margin: 0px 0 5px 0; padding:35px 0px 0px 0px;}
	#contents ol.commentlist {list-style: none; margin: 20px 0 0 0; padding: 0;}
	#contents ol.commentlist li {background: #F1F1F1; border-bottom: 1px solid #CCC; margin: 0 0 20px 0; padding: 10px 10px 6px 10px;}
	#contents ol.commentlist li p {margin: 10px 0;}
	#contents #commentform {}
	#contents #commentform textarea {height: 100px; width: 700px;}
	#contents #respond {padding:35px 0px 0px 0px;}

/*** Sidebar ***/
	#sidebar div {margin: 0 0 40px 0;}
	#sidebar p {font-style: italic; font-size: 1.4em; margin: 0 0 5px 0;}
	#sidebar ul {font-size: 0.9em; margin: 5px 0;}
	#sidebar ul li {margin: 0 0 5px 0px;}
	#sidebar ul li h5 {font-size: 1.1em; font-weight: normal; margin: 0 0 10px 0;}
	#sidebar ul li h5 a {color: #000; font-weight: bold; text-decoration: none;}
	#sidebar ul li ul {font-size: 1em; margin: 0px 0 25px 15px;}
	#sidebar ul li ul li {}
	#sidebar ul li a, #sidebar ul li ul li a {color: #000; margin: 0 0 0 5px;}

	#sidebar #categories ul {font-size: 0.9em; margin: 5px 0;}
	#sidebar #categories ul li {margin: 0 0 5px 0px;}
	#sidebar #categories ul li ul {font-size: 1em; margin: 5px 0px 5px 15px;}
	#sidebar #categories ul li ul li {}
	#sidebar #categories ul li a, #sidebar ul li ul li a {color: #000; margin: 0 0 0 5px;}

	#sidebar #flickrrss ul {margin: 0; padding: 0;}
	#sidebar #flickrrss ul li {display: inline; margin: 0px;}
	#sidebar #flickrrss ul li a {margin: 0 0 0 0;}
	#sidebar #flickrrss ul li img {background: #FFF; padding: 3px;}

/*** Footer ***/
#footer ul {font-family: Verdana, sans-serif; margin: 0 auto; width: 960px;}
#footer ul li {color: #fff; display: inline; height: 17px; line-height: 17px; margin: 0px 0px 1px 0px; padding: 0px;}
#footer ul li .category {color: #fff; font-weight: bold;}
#footer ul li a {color: #efebe6; text-decoration: none;}
#footer ul li a:hover {color: #FFF; text-decoration: none;}

/* Clases per a la portada Home */
.home {} 
.home .post-portada {border-bottom: 1px dotted #BBB; margin: 0 0 20px 0; padding: 0 0 20px 0;}
.home .post-portada a {color: #f58500;}
.home .post-portada img {background: #f4f4f4; border: 1px solid #dedede; float: left; margin: 0 15px 15px 0; padding: 6px 6px 26px 6px;}
.home .post-portada h2 {color: #f58500; font-size: 1.5em !important; font-style: italic; font-weight: normal;}
.home .post-portada .textPost {height: 110px; line-height: 21px;}
.home .post-portada ul.categories {height: 15px; font-size: 1.1em; margin: 0 0 10px 0; width: 98%;}
.home .post-portada ul.categories li {display: inline;}
.home .post-portada ul.categories li h3 {font-size: 1.1em; float: left; font-weight: normal;}
.home .post-portada ul.categories li h3 a {color: #000; margin: 0 5px 0 0;}
.home .post-portada p.mes {font-size: 1em; margin: 5px 0 0 0;}

/* Clases per a relacionades */
div.relacionades { margin: 0px 0; width: 340px; float: left; padding: 15px 0px 0px 0px;}

/* Clases per a la sociable */
div.sociable { margin: 0px 0px 16px 360px; width: 340px; padding: 15px 0px 0px 0px;}
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em;}
.sociable span {display: block;}
.sociable ul {display: inline; margin: 0 !important; padding: 0 !important;}
.sociable ul li {background: none; display: inline; list-style-type: none; margin: 0; padding: 1px;}
.sociable ul li:before { content: ""; }
.sociable img {float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0;}
.sociable-hovers {opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40);}
.sociable-hovers:hover {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

/* 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 */