/*  
Theme Name: Barthelme
Theme URI: http://www.plaintxt.org/themes/barthelme/
Description: A minimalist theme where white space and margins can show culture and aestheticism. For WordPress 2.0+. Widgets-friendly.
Version: 1.1
Author: Scott Allan Wallick
Author URI: http://scottwallick.com/
*/
/*
"Barthelme" (C) 2006 Scott Allan Wallick - http://scottwallick.com/ - and distributed under the terms of the GNU General Public License v2
background: #fff;
	/* color: #444; */
           color: #224366;

}
p.post-date-single, div.post-footer p, h3#comment-count, h4#comment-header, div.nav-left, div.nav-right {
	text-align: center;
}
/* HEADER STUFF */
div#header {
	/* background: #bac8da */
        /* background: #224366; */ /*aquest era el blau modificat que havia posat jo */


  
/* aquest es el header que he afegit*/

 background: url(http://www.frombarcelona.org/JordiTorresHomePage/wp-content/uploads/2008/JordiTorresBanner.jpg); 
background-repeat:no-repeat;


/* repeat-x; */


   

/*url(http://www.frombarcelona.org/JordiTorresHomePage/wp-content/uploads/2008/04/logojorditorresfonstranspar.gif) repeat-x top ; */ /* aixo es alguna cosa que crec que estava originalment */

        /*color: #224366;*/
	 color: #f5f5f5; /* color blanc */
         

	margin: 1em 0;
	/* padding: 1.2em 0 1.2em 3em; */ /* distancia-dalt distancia-baix distancia-esquerra*/
	/* padding: 5.2em 0 1.2em 3em; */
        padding: 6.9em 0 0.5em 1em;
}

h1#title {
      /*font-size: 2.2em; */
	font-size: 2.2em;
	font-weight: normal;
	line-height: normal;
	margin: 0; /* he canviat de 0 a 3 */
}
p#description {
      /*font-size: 1.3em; */
	font-size: 1.5em;
	font-weight: bold; /*aquesta linea ha estat afegida en treure el titol per compatibilitat amb explorar */
	margin: 0;
}
/* WRAPPER - CONTAINER - CONTENT STUFF */
div#wrapper {          
}
div#container, div.post-container {
	float: right;
	width: 100%;
}
div#container {
	margin: 0 0 0 -20em; 
}
div.post-container {
	margin: 0 0 5em -10.5em; /* el 5em es el marge entre posts*/
}
div.narrowcolumn {
	margin: 0 0 0 19.5em;
	padding: 0 2% 0 1%;
}
div.widecolumn {
	margin: 0 0 0 15em; /*originalment a 0 0 0 19em; que es distancia de menu*/
	padding: 0 4% 0 2%;
}
div.post-content {
	margin: 0 0 4em 10.5em;
}
div.post {
	clear: both;
}
h2.post-title {
	font-size: 1.5em; /* TENIA ABANS 2.1em */
	margin: 0;
}
h3.post-date {
	font-size: 1.1em;
	margin: 0 0 1em 0;
}
div.post-header {
visible: false;
	float: left;
	margin: 0 0 3em 0;
	text-align: right;
	width: 1em;
/*      width: 9em;  */

}

/* afegit per mi per capcalera pag principal meva */
div.textmeu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #555555;
}


div.post-header p {
	line-height: 150%;
	margin: 0 0 0.5em 0;
}
p.post-date-single {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}
h2.post-title-single {    /* CATEGORIES */
	font-size: 2.1em; /*abans hi havia 1.7*/
/*	font-weight: normal; */
 	font-weight: bold;
	margin: 0.3em 0 1em 0;
	text-align: center;
color: #224366; /* afegit */
}

/*Afegit*/
h2.post-title-single-2 {    /* CATEGORIES */
	font-size: 2.1em; /*abans hi havia 1.7*/
/*	font-weight: normal; */
 	font-weight: bold;
	margin: 0.3em 0 1em 0;
	text-align: center;
color: #224366; /* afegit */
}



div.post-entry p {
	line-height: 150%;
	margin: 1em 0;
}
div.post-entry ul li {
	list-style: square;
}
div.post-entry ul li, div.post-entry ol li {
	line-height: 150%;
}
div.post-entry h1,
/* div.post-entry h2, */
 div.post-entry h3, div.post-entry h4, div.post-entry h5, div.post-entry h6 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 1.2em 0 -0.6em 0;
}
div.post-entry blockquote {
	border-left: 1em solid #cfd5dd;
	font-size: 0.9em;
	padding-left: 1em;
}
div.post-footer {
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	font-size: 1em;
	margin: 0 0 3em 0;
	padding: 0.7em 0.2em;
}
div.post-footer p {
	margin: 0 auto;
}
/* COMMENTS STUFF */
h3#comment-count {
	font-size: 0.9em;
	margin: 0;
}
h4#comment-header {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0.1em 0 1em 0;
}
h4#respond {
	font-size: 1.3em;
	font-weight: normal;
	margin: 2em 0 0 0;
}
div.formcontainer p {
	margin: 0.5em 0 1em 0;
}
div#comments ol li {
	background: #f6f7f9;
/*  color: #111;
XX */    color: #224366;
	margin: 1em 5%;
	padding: 0.5em 1em;
}
div#comments ol li.alt {
	background: #e7eaed;
	color: #111;
}
div#comments ol li p {
	margin: 0.5em 0;
}
div#comments ol li p.comment-metadata {
	font-size: 0.9em;
}
/* SIDEBAR STUFF */
div#sidebar {
	float: left;
	width: 20em; /*amplada barra lateral */

}
div#sidebar ul {
	margin: 0 0.9em 0 0.9em; /*estava a 0 1.5em 0 3em (es el que m ha permes moure el meu cap ao costat*/


	padding: 0;
}
div#sidebar ul li {
	font-size: 1em;
	line-height: 175%;
	list-style: none;
	margin: 0 0 1.5em 0;  /*estava a 0 0 1.5em 0;  es la distancia entre el rss i les categories*/
	padding: 0;

}
div#sidebar ul li h2 {
	font-size: 1em;
	margin: 0;
	/* text-transform: uppercase; */
          color: #224366; /* XX */


}

div#sidebar ul li p, div#sidebar ul li ul, div#sidebar ul li ul li {
	margin: 0;
	padding: 0;
           color: #224366;  /* XX */


}
div#sidebar ul li ul li ul li {
	font-size: 0.9em;
	margin: 0 0 0 1em;
             color: #224366;  /* XX */
          
}
/* FOOTER STUFF */
div#footer {
	background: #fff;
	clear: both;
	color: #888;
	padding: 5em 0 1em 3em;
}
div#footer p {
	font-size: 0.9em;
	margin: 0;
}
/* GLOBAL ALIGNMENT AND MISC ELEMENTS */
div.navigation {
	clear: both;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
}
div.nav-left, div.nav-right {
	margin: 0 auto;
	width: 49%;
}
.alignleft, div.nav-left {
	float: left;
}
.alignright, div.nav-right  {
	float: right;
}
abbr, acronym {
	border-bottom: 1px dotted #546188;
	cursor: help;
}
code, pre {
	font: 1em/normal "courier new", courier, monospace;
}
.clearer {
	clear: both;
	height: 0;
}
/* IMAGE ELEMENTS, INCLUDING LINKS */
div#content img.center {
	display: block;
	margin: 0.4em auto;
}
div#content img.alignright {
	margin: 0.4em 0 0.4em 1.1em
}
div#content img.alignleft {
	margin: 0.4em 1.1em 0.4em 0;
}
li a img {
	border: none !important;
}
/* FORMS FOR COMMENTS AND SEARCH / INCLUDES STYLES FOR THE WP-CONTACTFORM PLUGIN */
form {
	margin: 0.3em 0 0 0;
	padding: 0;
}
input#s {
	margin: 0 0 0.4em 0;
	padding: 0.2em;
	width: 70%;
}
textarea {
	height: 13em;
	overflow: auto;
	width: 66%;
}
input#searchsubmit, input#submit {
	border: 1px outset #999;
}
input#s, input#author, input#email, input#url {
	width: 66%;
}
input#s, input#author, input#email, input#url, textarea {
	border: 1px inset #999;
	padding: 0.2em;
}
div.formcontainer {
	font-size: 1em;
	margin: 0 0 3em 0;
	width: 100%;
}
div.formright, div.formleft {
	display: inline;
	float: left;
	margin: 0 0 0.5em 0;
}
div.formleft {
	clear: both;
	text-align: right;
	width: 15%;
	margin: 0 2% 0 0;
}
div.formright {
	width: 80%;
}
/* LINK STYLES */
div#header a, div#header a:active, div#header a:link, div#header a:visited {
	background: transparent;
	color: #fff;
	text-decoration: none;
}
div#header a:hover {
	background: transparent;
	color: #e5e5e5;
}
div#content a, div#content a:active, div#content a:link, div#content a:visited {
           color: #546188; 
	background: transparent;
}
div#content a:hover {
	color: #000;
	background: transparent;
}
div.post-header a, h2.post-title a {
	text-decoration: none;
}
div.post-footer a {
	background: #fff;
	color: #888;
}
div#sidebar a, div#sidebar a:active, div#sidebar a:link, div#sidebar a:visited {
	background: #fff;
	/* color: #999; */ /* color lletres sidebar */
	color: #0B1549; 


	text-decoration: none;
}
div#sidebar a:hover {
	background: #fff;
	color: #080E59; /*2f4e6f xxxxxx*/
        
	text-decoration: underline;
}
div#footer a, div#footer a:active, div#footer a:link, div#footer a:visited {
	background: #fff;
	color: #888;
}
div#footer a:hover {
	background: #fff;
	color: #222;
	text-decoration: none;
}