/*
Theme Name: Fasu
Theme URI: http://fasu.es/blog
Description: Disseny per el blog de Fasu
Version: 1
Author: Haureal Web Studio | haureal.com 
Tags: Fasu Granollers

Dissseny de Wordpress per Fasu. Haureal Web Studio | haureal.com 
*/

/* Haureal Web Studio | haureal.com */

body {
	font: 12px Arial;
	margin : 0px 0px 0px 0px;
	background-repeat:repeat-x;
	background-position:bottom;
	background-attachment: scroll; }
	
a {
	text-decoration: none;
	color: #006699;
}

a:hover {color: #66cc00; border-bottom: 1px dotted #66cc00;}
.nohover a, a:hover {text-decoration: none; border: 0;}

h2 { 
	text-decoration: none;
	color: #006699;
	font: bold 24px Arial;
	border-bottom: 1px dotted #006699; }
	
h2 a { text-decoration: none; color: #006699;}
h2 a:hover {color: #66cc00; }

h3 {
	text-decoration: none;
	color: #006699;
	font: bold 18px Arial;
	border-bottom: 1px dotted #006699;
}

.middle {vertical-align: middle;}
.destacat { color:#006699; font-weight: bold; }
.destacat-verd {color:#66cc00; font-weight: bold;}
.clearer {
	height:1px;
	display:block;
	font-size:1px;
	line-height:1px;
	clear:both;
}

/* Web *********************************************************************************************/

#cabecera-titulo {
	background-image:url(images/linea.jpg);
	position: relative;
	width: auto;
	height: 208px;
	text-align:center;
	overflow: auto;
}

#cabecera-imagen {
	width:77px;
	height:17px;
	background-image:url(images/fasu1.jpg);
	margin-left:40px;
	margin-right:783px;
	border-top-color: #003366;
	border-top-style: 1 px solid;
}

#pastilla {
	position:absolute;
	width:910px;
	height:190px;
	top:21px;
	left: 50%;
	margin-left: -450px;
	overflow: auto;
}

#pastilla a, a:hover, a:visited, img {
	text-decoration: none;
	border:0;
}

#container {
	width:900px;
	left: 50%;
	margin-left: -450px;
	background-image: url(images/ombra.png);
	height: auto;
	position: absolute;
}

#wrapper {
	position: relative;
	width:auto;
	height:auto;
}

#linea {
	width:879px;
	height: 22px;
	background-image: url(images/ombra2.jpg);
	margin-left: 11px;
	margin-right: 11px;
	position: relative;
}

#fletxa {
	width:625px;
	height:16px;
	background-image:url(images/flexa_v.jpg);
	margin-left:266px;
	margin-right: 11px;
}

/* Menu *********************************************************************************************/
#sidebar {
	padding-left: 30px;
	padding-bottom: 15px;
	width: 210px;
	float: left;
	height: auto;
	padding-top: 25px;
}

#menu {
	width:210px;
	height: auto;
	float: left;
}
.menu {
	list-style-type:none;
	padding:0;
	margin:8px 0px 0px 0px;
	width:auto;
	top:70px;
	border:1px solid #fff;
	border-width:0 1px 1px;
	z-index:100;
	
}
.menu ul {list-style-type:none; padding:0; margin:0;}
.menu li {float:left;  border-bottom:1px dashed #333333;}

.menu li.sub {
	border-bottom:1px #333333 dashed;
	margin-bottom: 5px;
	color: #003399;
	text-decoration: none;
}

.menu li, .menu li a {
	display:block;
	font-family:arial, sans-serif;
	font-size:11px;
	line-height:24px;
	width:200px;
	text-decoration:none;
	cursor:pointer;
	text-indent:15px;
	color: #333333;	
}

.menu a:hover {
  color: #0053A1; 
  border-left: 2px solid #FFFFFF;
  background-image:url(../imatges/ffelxa2.png);
  background-position:left;
  background-repeat: no-repeat; 
}

/* Footer *********************************************************************************************/

#footer {
	margin-left: 11px;
	float:left;
	width:880px;
	height:90px;
	background-color: #DAD7C7;
	background-position: bottom;
	text-align: center;
	background-image: url(images/lin.gif);
	border-bottom: 1px #666666;
}

#direccio {
	width:650px;
	float: left;
	padding-top: 30px;
	padding-left: 10px;
}

.fasutext, .fasutext a, .fasutext a:hover, .fasutext a:visited {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 3px;
	
}

.dire{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	padding-left: 200px;
	padding-top: 35px;
}

.proplanet{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: right;
	padding-top: 45px;
	
}


A.proplanet:visited {text-decoration:none;color:#333333;} 
A.proplanet:hover {	text-decoration:none;color:#0053A0;} 
A.proplanet:link{
	text-decoration:none;
	color: #666666;
}

.logos{
	float:left;
	width:auto;
	height: 50px;
	top: 0px;
	margin-top: 5px;
	margin-right: 15px;
}

#designby {
	width:175px;
	float: right;
	height: 16px;
	background-image: url(images/peu.jpg);
	margin-right: 15px;
	margin-top: 20px;
}

/* Contactar *********************************************************************************************/

#contactar {
	width:210px;
	height: 85px;
	float: left;
	background-image: url(images/conatctar.jpg);
	background-repeat: no-repeat;
}
	
#contactar a {
	width:210px;
	height:85px;
	margin-top:25px;
	float: left;
}

#contactar a:hover {background-position: 0 -85px;}


/* Blog *********************************************************************************************/

#blog {
	width:605px;
	height:auto;
	float: right;
	padding-right: 10px;
	margin: 15px;
}

.blog-entry {
	text-align: justify;
	font: 13px/1.6em Arial;
}

.postmetadata {
	border-top: 1px dotted #006699;
}

.noticies { list-style-type: none; padding:0px 5px 0px 10px; }
.noticies li {float:left;}
.noticies li.entrada { margin-bottom: 5px; text-decoration: none; }

.links { list-style-type: none; padding:0px 0px 0px 0px; font-weight: bold; }
.links li {margin-bottom: 10px;}
.links li.links { margin-bottom: 6px; text-decoration: none; }

/* Images Styling ******************************************************************************************/

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright { float: right; }
.alignleft { float: left; 	}

/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone, div.alignnone {
	padding:8px;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */