/*  
Theme Name: Ferran Barba Wordpress
Theme URI: http://www.ferranbarba.com/
Description: The Ferran Barba WordPress theme for <a href="http://www.ferranbarba.com/">Ferran Barba</a>.
Version: 1.0
Author: Ferran Barba
Author URI: http://www.ferranbarba.com/
*/

/************************
	 GLOBAL
*************************/

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	color: black;
	background-color: white;
}

a img {
	border: none;
}

#page {
	width: 760px;
	margin: 0px auto;
	text-align: left;
}

/************************
	 HEADER
*************************/

#header {
	width: 100%;
	/*height: 90px;
	margin-bottom: 15px;*/
	color: navy;
	background: white;
}

#header-logo {
	color: black;
	font-variant: small-caps;
	font-size: 26px;
	font-weight: bold;
	margin-top: 15px;
	margin-left: 15px;
}

#header-logo a {
	text-decoration: none;
	color: black;
}

#header-lema {
	font-size: 18px;
	color: #224466;
	font-weight: bold;
	margin-left: 15px;
}

#header-lema h1 {
	font-size: 18px;
	color: #224466;
	font-weight: bold;
	margin: 0;
}

#header-idiomes {
	height: 21px;
	text-align: right;
	margin-top: -50px;
	margin-right: 15px;
}

#header-idiomes a {
	font-size: 11px;
}

#header-buscar {
	height: 21px;
	text-align: right;
	margin-top: 5px;
	margin-right: 15px;
}

#s, #searchsubmit {
	font-size: 11px;
}

/************************
	 FOOTER
*************************/

#footer {
	clear:both;
	text-align:center;	
	/*padding-top:15px;*/
}

#footer-dades {	
	padding-top: 9px;
	padding-bottom: 9px;
	font-size: 12px;
	background: #e4f2fd;
	color: black;
}

/************************
	 MENU
*************************/

#menu {
	background: #e4f2fd;
	height: 38px;
}

#barra-menu	{
	height: 32px;
	margin: 0 0 0 0;
	padding: 3px 0 0 5px;
}

#barra-menu li {
	margin: 0; 
	padding: 0;
  	display: inline;
  	list-style-type: none;
}
	
#barra-menu a:link, #barra-menu a:visited {
	float: left;
	background: #e4f2fd;
	line-height: 20px;
	padding: 6px 12px 6px 12px;
	margin-right: 5px;
	text-decoration: none;
	color: #224466;
}

#barra-menu a:link.active, #barra-menu a:visited.active	{
	background: white;
	color: black;
	font-weight: bold;
	border-bottom: 3px solid white;
}

#barra-menu a:hover	{
	background: #d7d7d7;
	color: black;
}


/**************************************
	 CONTENT (HOME I ALTRES POSTS)
***************************************/

#content {
	padding: 10px 15px 10px 15px;
	color: black;
	font-size: 13px;
}

#content_home {
	padding: 10px 15px 10px 15px;
}

#content h1 {
	font-size: 17px;
	color: #224466;
	font-weight: bold;
}

#content h2 {
	font-size: 15px;
	color: #993300;
	font-weight: bold;
}

#content_home h1 {
	font-size: 18px;
	color: #224466;
	font-weight: bold;
}

#content_home h2 {
	font-size: 20px;
	color: white;
	font-weight: bold;
	margin: 0;
}

#content_home ul {
	line-height: 24px;
}

li.arrow {
	list-style-image: url(images/rightarrow.gif);
}

.hl {
	border-top: 2px dotted #993300;
}

.hlm {
	border-bottom: 2px dotted #993300;
}

/**************************************
	 ALTRES
***************************************/

hr {
	display: none;
}