/*
Theme Name: Joana Demestre
Theme URI: http://abian.info
Description: Tema especifico para Joana Demestre. Realizado por <a href="http://abian.info">Lluis Miquel Abian</a>, portado a WP por <a href="http://www.eiraworks.com">eiraworks</a>. Versio 14/12/2009
Version: 0.4
Author: Lluis Miquel Abian
Author URI: http://abian.info
Tags: white, colorful, graphic header, fixed width, two columns, widgets
*/

/* Begin Typography & Colors */
html,body{margin:0;padding:0}
body {
	font: 76% arial,sans-serif;
	text-align:center;
	background-color:#009BCB;
}

p {
	margin:0 10px 10px;
}

a {
	color: #009BCB;
}

a:link {
	color: #009BCB;
}

a:visited {
	color: #008EBA;
}

a:hover {
	color: #009BCB;
	text-decoration: underline;
}

/* LOGO i  CAPCALERA ---------------------------------- */
div#header {
	background-image: url(images/capsalera.jpg);
	background-repeat: no-repeat;
	background-position: 310px;
	height:70px;
	line-height:73px;
	margin-top:-16px;
}


div#header h1 {
	padding-left:4px;
	margin-left:15px;
	color: #79B30B;
	background-image: url(images/jooh.png);
	background-repeat: no-repeat;
	background-position: 0em;
	width: 304px;
	height: 80px;
}

div#header h1 a {
	display: block;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
}

div#header2 {
Â	clear:both;
	width:100%; 
	height:25px;
	line-height:35px;
}

div#idiomes {
	float:right;
	color:#009BCB;
	font-size:1em;
	padding:7px 15px 7px 8px;
}

.idiomapunt {
	margin-left: 2px;
	padding-left: 8px;	
	background-image:url('images/puntblau.gif');
	background-repeat:no-repeat;
	background-position:center left;
	font-variant:small-caps;
}

.idiomacistella {
	margin-right: 10px;
	padding-right: 22px;	
	background-image:url('images/cistella.gif');
	background-repeat:no-repeat;
	background-position:center right;
}

div#container{text-align:left; background-color:white;}
div#content p{line-height:1.6; color: #656565; margin-right:40px;}
div#extra{background:white}
div#footer{background: #009BCB;color:#FFF; height:40px;line-height: 2.5em; padding-top: 10px; display: block;}
div#footer p{margin-top:10px;padding-top:10px; text-align:center}

div#footer a{color:white;}

div#container{width:900px;margin:0 auto; /*background-color:orange;*/}
div#content{float:right;width:700px; margin-top:0px; /*background-color:yellow;*/}

div#sidebar {
	float:left;
	width:155px;
	margin-top:-1px;
	padding:0px;
}

.clearing {
	clear: both;
}

div#extra{clear:both;/*width:100%;*/
height:5px;
line-height:5px;
margin-top:-16px;
}


div#destacats {
	float:left;
	width:auto;
	margin:25px 0 0 30px;
}
	
div#bloc {
	padding:5px;
	}
div#intercanvi {
	padding:5px;
	}

/* MENU NAVEGACIO ESQUERRA ---------------------------------- */
#menu {
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	background-color: white;
}

#menu ul {
	list-style: none;
	margin:0;
	padding:0;
}

#menu li a {
	line-height:1.4em;
	margin-left:30px;
	text-decoration:none;
}

#menu li a:hover {
	text-decoration:underline;
}

/* Inici: Sidebar > Projectes */
#menuencarrecs li.page_item { 
	text-transform: uppercase;
	margin: 10px 0 2px 20px;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #009BCB;
}

#menuencarrecs h2 {
	color:#009BCB;
	font-size: 1.5em;
	border-bottom: 1px solid #009BCB;
	margin-top: 20px;
	margin-left: 0px;
	padding-left: 20px;
}

#menuencarrecs li ul li ul {
	list-style:none; 
	margin:0px; 
}

#menuencarrecs li ul li ul li.page_item{
	margin:0px;
}

#menuencarrecs li ul li ul li.page_item a {
    	color:#009BCB;
	text-transform: none;
	margin: 0px;
	padding: 5px 10px;
	font-weight: normal;
	line-height: 0.9em; 
	display: table;

	background-image:url('images/puntblau.gif');
	background-repeat:no-repeat;
	background-position:center left;
}
/* Fi: Sidebar > Projectes */

/* Inici: Sidebar > Info */
#menuinfo li.page_item { 
	text-transform: uppercase;
	margin: 10px 0 2px 20px;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color:#FC7613;
}

#menuinfo h2 {
	color:#FC7613;
	font-size: 1.5em;
	border-bottom:1px solid #FC7613;
	margin-top: 20px;
	margin-left: 0px;
	padding-left: 20px;
}

#menuinfo li ul li ul {
	list-style:none; 
	margin:0px; 
}

#menuinfo li ul li ul li.page_item{
	margin:0px;
}

#menuinfo li ul li ul li.page_item a {
	color:#FC6C02;
	text-transform: none;
	margin: 0px;
	padding: 5px 10px;
	font-weight: normal;
	line-height: 0.9em;
	display: table;

	background-image:url('images/punttaronja.gif');
	background-repeat:no-repeat;
	background-position:center left;
}
/* Fi: Sidebar > Info */

/* Inici: Sidebar > Botiga */
#menubotiga li.page_item { 
	text-transform: uppercase;
	margin: 10px 0 2px 20px;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color:#D10039;
}

#menubotiga h2 {
	color:#D10039;
	font-size: 1.5em;
	border-bottom:1px solid #D10039;
	margin-top: 20px;
	margin-left: 0px;
	padding-left: 20px;
}

#menubotiga li ul li ul {
	list-style:none; 
	margin:0px; 
}

#menubotiga li ul li ul li.page_item{
	margin:0px;
}

#menubotiga li ul li ul li.page_item a {
	color:#D10039;
	text-transform: none;
	margin: 0px;
	padding: 5px 10px;
	font-weight: normal;
	line-height: 0.9em;
	display: table;

	background-image:url('images/punttaronja.gif');
	background-repeat:no-repeat;
	background-position:center left;
}
/* Fi: Sidebar > Info */

/* CONTINGUT ---------------------------------- */
#content h2 {
	font-family: Helvetica, Arial,sans-serif;
	font-size:1.5em;
	line-height:1.6em;
	font-weight: bold;
	margin:15px 0px 15px 10px;
	color:#656565;
    width:100%;
}

#content img {
    margin:0px 15px 15px 0px;
    background-color:#FC7613;
    border:0px solid red;
}

/* GALERIA ---------------------------------- */
#galeria {
	float:left;
	width:690px;
	margin-bottom:20px;
	/*background-color:#FFCCCC;*/
}
#galeriatenda {
	clear:both;
	margin:0 5px 0 -41px;
}

#galeriatenda li	{
	float: left;
	display: inline;
	height:auto;
	width:202px;
	margin:1px;
	padding:0;
}

#galeriatenda li:hover{
	background-color:#EEEEEE;
	}

#galeriatenda img {
	border: 1px solid #9A9997;
	margin:12px;
}

.peudefototenda{
	font-size:.9em;
	line-height:1em;
	padding:13px;
	margin-top:-25px;
}

.peudefototenda p{
	font-size:1em;
	line-height:1em;
	margin:0;
	padding:0;
}

.peudefototenda h3 a{
	font-family: Helvetica, , Arial, sans-serif;
	color:#99FF00;
	font-size: 1em;
	line-height:1em;
	color: black;
	text-decoration:none;
	margin: 0;
	padding:0;
}

.pricedisplay {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	line-height:1.4em;
	font-weight: bold;
	color:red;
	margin:5px 0 5px 0;
}

.wpsc_buy_button {
background-color:red;
color: white;
border: 1px solid #990000;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size:1em;
margin:0px;
padding:3px;
}


.product_form {
    background-color: transparent;
}

.wpsc_buy_button:hover{
background-color:#E40000;
}

/* BLOC POST ---------------------------------- */
.narrowcolumn{
	float:left;
	width:690px;
	margin-top:-15px;
}

.narrowcolumn h2 {
	font-family: Helvetica, Arial,sans-serif;
	font-size:1.5em;
	line-height:1.6em;
	font-weight: bold;
	margin:15px 0px 15px 0px;
	color:#656565;
	border-bottom:1px solid #009BCB;
}

.narrowcolumn h2 a{
    font-size:1em;
    line-height:1.5em;
    font-weight: bold;
    margin:15px 0px 15px 0px;
    text-decoration: none;
}

.post{
    width:100%;
    margin:-4px 0px 15px 0px;
    padding:1px 0px 1px 0px;
    display:table;
}

.post small{
margin:0px 0px 0px 10px;
font-variant:small-caps;
font-size:.9em;
line-height:.9em;
}

.entry p{
margin:10px;
}

.entry img{
margin:0px 0px 20px 10px;
}

.post:hover{
	background-color:#EEEEEE;
	}

.postmetadata{
font-size:.9em;
line-height:4em;
font-variant:small-caps;
text-align:right;
margin-top:-16px;
margin-right:25px;
}

.postmetadata a{
    text-decoration: none;
    }

.postmetadata a:hover{
    text-decoration: underline;
    }

.date{
    margin:15px 0px 10px 12px;
    font-variant:small-caps;
    font-size:.9em;
    line-height:.9em;
    }

.act {
    margin:-15px 20px 10px 10px;
    text-align:right;
    font-variant:small-caps;
    text-decoration: none;
    }

.act a{
    text-decoration: none;
    }

.act a:hover{
    text-decoration: underline;
    }

.under{
    margin:20px 0 20px 10px;
    font-variant:small-caps;
    color:grey;
    }

.under a{
    padding:3px;
    text-decoration:none;
    }

.under a:hover{
    text-decoration: underline;
    }

/* COMENTARIS ---------------------------------- */
#comments h3 {
    font-size:1.2em;
    line-height: 1.5em;
    font-weight:bold;
    /*font-family:Georgia, "Times New Roman", Times, serif;*/
    color:#009BCB;
    border-bottom:1px solid #009BCB;
    margin:10px 0 10px 1px;
    padding-left:6px;
    }

#cmtswitcher {
    margin:10px 0 10px 8px;
    }

#cmtswitcher a{
    text-decoration:none;
    }

#cmtswitcher a:hover{
    text-decoration: underline;
    }

#thecomments {
    color:red;
    }

#thecomments li  {
    color:#009BCB;
    margin-left:-10px;
    margin-bottom:10px;
    padding:5px;
    }

#thecomments .date {
    margin-left:0px;
    color:black;
    }

#thecomments p {
    margin-left:0px;
    width:92%;
    }

/* Modifica el color de foncs dels comentaris de jonana */
.comment-author-joanademestre, .comment-author-admin {
background-color:#EEEEEE;
}

/* FORMULARI COMENTARIS ---------------------------------- */
form h3 {
    font-size:1.2em;
    line-height: 1.5em;
    font-weight:bold;
    color:#009BCB;
    border-bottom:1px solid #009BCB;
    margin:10px 0 10px 1px;
    padding-left:6px;
    }

form {
    background-color:#EEEEEE;
    width:690px;
    margin: 20px 0px 25px 0px;
    padding:2px 0px 10px 10px;
    }

form p {
    line-height:2em;
    font-size:11px;
    }

form a {
    padding-left:10px;
    }

input {
    color: black;
    border: 1px solid #009BCB;
    font-size:1em;
    margin:5px;
    padding:3px;
}

input:focus {
    border:1px solid #D10039;
    background-color: #EEEEEE;
    }

.button {
    background-color: #FC7613;
    color:white;
    font-weight:bold;
    border:1px solid #FC7613;
    margin:15px 0px 5px 6px;
    }

.button:hover{
    background-color: red;
    border:1px solid red;
    }

.button:focus {
    border:1px solid #D10039;
    background-color: #E40000;
    }
        
select {
    font-size:11px;
    background-color: #E4E4E4;
    color:#333333;
    border:1px solid #92A8D6;
    background-repeat: repeat-x;
    }

select:focus {
    border:2px solid #D10039;
    background-color: #EEEEEE;
    }

textarea {
    background-color:##EEEEEE;
    color: black;
    border: 1px solid #009BCB;
    font-size:1.1em;
    margin:5px;
    padding:3px;
    font-family: Helvetica, Arial,sans-serif;
    }

textarea:focus {
    border:1px solid #D10039;
    background-color: #EEEEEE;
    }

/* PEU de PAGINA ----------------------------------------------------------*/

.copyright {
	background-image:url('images/copyright.gif');
	background-repeat:no-repeat;
	background-position:center right;
	padding: 0px 20px 0px 10px;
	line-height: 0em;
	width: 65px;
}

.copyright h4 {
	display: block;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
}

.rsscomentaris {
	background-image:url('images/commenticon.gif');
	background-repeat:no-repeat;
	background-position:center right;
	padding: 0px 20px 0px 5px;
	margin-right: 215px;
	float: right;
}


.rss {
	background-image:url('images/posticon.gif');
	background-repeat:no-repeat;
	background-position:center right;
	padding: 0px 20px 0px 5px;
	float: right;
}