/* 
Theme Name: EsteveBlanch.CAT
Theme URI: http://www.esteveblanch.cat
Description: Un tema dissenyat exclusivament per al lloc web esteveblanch.cat.
Version: 1.0
Author: Esteve Blanch
Author URI: http://www.esteveblanch.cat
Tags: esteveblanch, two columns, widgets
*/


body {
	background: #F5F5F5 url(imatges/pagina_fons.gif);
	margin: 0;
}

img {
	border: 0;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.alignright { float: right; }

.alignleft { float: left; }

#fonsSuperior {
	width: 100%;
	height: 450px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(imatges/efecteFons.png) no-repeat top center;
}

#contenidorPrincipal {
	width: 80%;
	min-width: 700px;
	position: absolute;
	left: 10%;
	right: 10%;
}

a {
	text-decoration: none;
	color: #009000;
	font-family: Verdana, Geneva, sans-serif;
}

/* CAPÇALERA */

#capcalera {
	background: #FF9900;
	height: 80px;
	width: 100%;
	top: 0;
	position: absolute;
}

#capcalera #logoBloc {
	margin-top: 25px;
	margin-left: 10px;
	float: left;
}

#cercador {
	width: 200px;
	position: absolute;
	top: 10px;
	right: 20px;
	background: #FFF;
	-moz-border-radius: 5px;    /* Mozilla */
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;     /* IE */
	border-radius: 5px;         /* CSS 3 */ 

}

#cercador input[type="text"] {
	width: 160px;
	margin-left: 5px;
	border: none;
	font-style: italic;
	color: #CCC;
}



#cercador input[type="image"] {
	margin-left: 5px;
	margin-top: 1px;
}

#menuWeb {
	position: relative;
	top: 35px;
}

#menuWeb li {
	float: left;
	display: block;
	list-style: none;
	padding: 2px 5px 2px 5px;

}

#menuWeb a, #menuWeb a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	padding: 3px 7px 3px 20px;
	background: #900 url(imatges/menuFx.png) no-repeat 5px 5px;
	text-decoration: none;
	color: #000;
}

#menuWeb a:hover {
	background: #000 url(imatges/menuFx.png) no-repeat 5px 5px;
	color: #FFF;
}

#titulBloc {
	height: 70px;
	margin-top: 90px;
}

#titulBloc h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	margin: 2px 0 10px 2px;
	background: #F00000;
	display: inline;
}

#titulBloc h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	margin: 2px 0 10px 2px;
	background: #F06000;
	display: inline;
}

#principal {
	margin-bottom: 15px;
}

/* SIDEBAR */

#lateral {
	width: 200px;
	float: left;
	display: block;
	padding: 5px 10px 10px 5px;
	text-align: right;
}

#lateral ul {
	padding: 2px 2px 3px 5px;
	margin: 2px;
}

#lateral li {
	list-style: none;
	background: #03F;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#lateral li.llista {
	background: url(imatges/arrow.png) no-repeat right 1px #03F;
	padding-right: 17px;
}

.linkcat {
	border-top: 1px #DDF solid;
}

#lateral h3, #lateral h2 {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 15px;
	padding: 3px;
	text-align: left;
	background: none;
}

#lateral h2 { text-align: right; margin-bottom: 2px; }

#lateral a, #lateral a:visited {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

/* CONTINGUT */
#contingut {
	padding: 5px 5px 10px 0;
	border-left: 2px #FF9900 dashed;
	margin-left: 220px;
}

#espaiContingut {
	margin: 10px 0 30px 10%;
}

#espaiContingut h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #F00000;
}

.entradaBloc h2 {
	font-family: Verdana, Geneva, sans-serif;

	font-size: 16px;
	background: #009000;
	color: #FFFFFF;
	padding: 3px 20px 2px 8px;
	display: inline;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
}

.entradaBloc h2 a, .entradaBloc h2 a:visited, .entradaBloc h2 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.pEntrada {
	margin: 2px 2px 15px 0;

	padding: 5px;
	background: #C6FFC6;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
}

.entradaBloc small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.entradaBloc .category-icon {
	background: url(imatges/iCategoria.png) left center no-repeat;
	padding:5px 5px 5px 20px;
}

.entradaBloc .tags-icon {
	background: url(imatges/iTags.png) left center no-repeat;
	padding:5px 5px 5px 20px;
}

.entradaBloc .comment-icon {
	padding-left: 20px;
	background: url(imatges/iComentaris.png) left center no-repeat;
	height: 15px;
	padding:5px 5px 5px 20px;
}

/* COMENTARIS */

#comentaris {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #000000;
}

#respon h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #009000;
}

#respon label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;	
}

#respon input[type="text"], #respon textarea {
	border: 1px #FF9900 dashed;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}

#respon textarea { width: 100%; }

.llistaComentaris li {
	background: #D0D0F0;
	padding: 3px;
	list-style: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}

.llistaComentaris .avatar {
	float: left;
}

.llistaComentaris .commentmetadata {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}

.llistaComentaris .vCard, .llistaComentaris .fn, .llistaComentaris .says {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.llistaComentaris a, .llistaComentaris a:visited, .llistaComentaris a:hover {
	color: #000000;
	text-decoration: none;
}

/* PEU PAGINA */

#peuPagina {

	border-top: 1px #FF9900 dashed;
	padding-top: 10px;
}



#peuPagina .columna {
	float: left;
	min-height: 100px;
	padding: 4px;
	margin-right: 20px;
}



#peuPagina h5 {
	font-family: Arial, Helvetica, sans-serif;
}



#peuPagina ul {
	padding: 2px 2px 2px 20px;;
}



#peuPagina li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style: none;
	padding: 2px;
}



#peuPagina a, a:hover, a:visited {
	color: #000;
	text-decoration: none;
}

/* SHARER */
.facebook, .twitter, .myspace, .windows_live, .digg, .delicious {
	background-repeat: no-repeat;
	margin-right: 23px;
	padding: 2px 0 2px 20px;
	white-space: nowrap;
	height: 14px;
}

.facebook {	background-image: url(imatges/share_facebook.gif); }

.twitter {	background-image: url(imatges/share_twitter.gif); }

.myspace { background-image: url(imatges/share_myspace.gif); }

.windows_live { background-image: url(imatges/share_windowslive.gif); }

.digg { background-image: url(imatges/share_digg.gif); }

.delicious { background-image: url(imatges/share_delicious.gif); }