@charset "utf-8";
/* CSS Document */
body {
	color: #252525;
	background : #AFAFAF;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 15px;
	text-align: left;
}
#header {
	color: #AFAFAF;
	height: 160px;
	position: relative;
	background-color: #252525;
	background-image: url(images/fonsheader.png);
	background-repeat: no-repeat;
}
#header ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 55px;
	bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#header ul.menu li {
	display: inline;
}
#header ul.menu li a {
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#header ul.menu li a:hover {
	background: #AFAFAF;
	color: #252525;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#feed {
	height: 36px;
	width: 36px;
	position: absolute;
	right: 30px;
	bottom: 20px;
	/* background-image: url(images/feed-gran.jpg);
	background-repeat: no-repeat; */
}
#logo {
	position: absolute;
	left: 20px;
	top: 30px;
	height: 80px;
	width: 250px;
	/* background-image: url(images/desigm-logo-verd.jpg);
	background-repeat: no-repeat; */
}
#busqueda {
	position: absolute;
	right: 20px;
	top: 20px;
	padding-left: 20px;
	background-image: url(icones/magnifier.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}
#separacioheader {
	background: #AFAFAF;
	height: 15px;
}
#content {
	width: 900px;
	background: #AFAFAF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}
#contingut {
	padding: 0px;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	clear: both;
	background-color: #7AC900;
	background-image: url(images/fonsdaltverd.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.title {
	height: 30px;
	color: #FFFFFF;
	font-size:140%; 
	font-weight:bold; 
}
#right {
	font-size: 100%;
	float:right;
	width: 220px;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	right: 0;
}
#right a, #right li a {
	color: #252525;
	font-weight: bold;
}
#right li {
	color: #FFFFFF;
	list-style-image: url(icones/bullet_white.png);
}
#right li a:hover, #right a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#right h2 {
	color:#FFFFFF;
	font-size:140%;
	font-weight:bold;
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
#right h2 a { 
	color: #FFFFFF; 
}
#right h2 a:hover { 	
	color: #FFFFFF; 
	text-decoration: none;
}
.ultimscomentaris {
	padding-left: 5px;
}
p { 
	margin: 0 0 5px 0; 	
	padding: 0; 
	color: #252525; 
}
hr { 
	border: 0; 
	height: 1px; 
	color: #7AC900; 
	background-color: #7AC900; 
}
a { 
	color: #7AC900;  
	text-decoration:none; 
}
a:hover {
	text-decoration: underline; 
}
h1 {
	padding:0;
	margin:0;
	color: #7AC900;
	letter-spacing: -1px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 160%;
	font-weight: bold;
}
h1 a {
	color: #FFFFFF; 
}
h2 {
	color:#7AC900;
	font-size:160%;
	font-weight:bold;
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
h2 a { 
	color: #7AC900; 
}
h2 a:hover { 	
	color: #252525; 
	text-decoration: none;
}
h3 {
	color: #7AC900;
	padding:0;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
h3 a {
	color: #7AC900;
	text-decoration: none;
}
h3 a:hover {
	color: #252525;
	text-decoration: none;
}
ul {
	margin: 0px;
	list-style-image: url(icones/bullet_black.png);
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 25px;
}
li {
	padding-top: 5px;
}
li a { 
	color: #7AC900; 
}
li a:hover {
	color: #7AC900;
	text-decoration: underline;
}
#center {
	float:left;
	width: 640px;
	font-size: 100%;
	left: 0;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	background-color: #FFFFFF;
	background-image: url(images/fonsdaltblanc.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.fonsbaixcenter {
	background-image: url(images/fonsbaixblanc.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 10px;
	float: left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	_margin-bottom: -10px;
	margin-left: 10px;
	_margin-left: 5px;
}
.post {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.post img {
	padding: 3px;
	border: 1px solid #7AC900;
	margin: 5px;
}
.post a img:hover{
	padding: 3px;
	border: 1px solid #252525;
	margin: 5px;
}
img.wp-smiley, .post img.wp-smiley {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin: 0px;
}
#finalcontingut {
	clear: both;
	width: 900px;
	background-image: url(images/fonsbaixverd.png);
	height: 10px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#footer {
	clear: both;
	width: 900px;
	color: #FFFFFF;
	font-size: 90%;
	position: relative;
	height: 70px;
	background-color: #AFAFAF;
	background-image: url(images/fonsfooter.png);
	background-repeat: no-repeat;
}
#separaciofooter {
	clear: both;
	background: #AFAFAF;
	height: 15px;
}
#finalcontingut {
	margin: 0;
}
#footer_text {
	text-align: right;
	color: #FFFFFF;
	margin-top: auto;
	margin-bottom: auto;
	padding: 20px;
}
#footer_text a {
	color: #7AC900;
}
#footer_text a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
fieldset {
	border: 1px solid #AFAFAF;
}
textarea.text {
	height: 150px;
	width: 100%;
	border: 1px solid #7AC900;
	background: #FFFFFF;
	color: #252525;
}
input.field { 
	border: 1px solid #7AC900; 
	background: #FFFFFF; 
	width: 100px; 
	color: #252525;
}
input.text { 
	margin: 0; 
	width: 110px;
	border: 1px solid #7AC900; 
	background: #FFFFFF;
	color: #252525; 
}
input.searchbutton {
	margin: 0;
	font-size: 80%;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	border: none;
	color: #252525;
	padding: 1px;
	font-weight: bold;
}
.date {
	color: #252525;
	text-align: right;
	margin: 0px;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7AC900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7AC900;
	font-size: 11px;
}
.date a {
	color: #7AC900;
}
input.button {
	background: #FFFFFF;
	color: #252525;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #7AC900;
	border-bottom-color: #7AC900;
}
.comments {
	padding: 2px;
	color: #252525;
	background-color: #FFFFFF;
}
.commentsbox { 
	padding: 5px; 
	background: #FFFFFF; 
	color: #252525;
}
.error {
	color: #990000;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
}
.success {
	color: #252525;
	background: #FFFFFF;
	padding: 5px;
	border: 1px dashed #7AC900;
}
.success h2 {
	color: #7AC900;
}
.color {
	color: #7AC900;
}
.frase {
	font-size: 18px;
	font-weight: bold;
	color: #7AC900;
	margin: 5px;
	text-align: center;
}
blockquote {
	background-color: #252525;
	background-image: url(icones/user_comment.png);
	color:#AFAFAF;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}
code {
	font-family: 'Courier New', Courier, monospace;
	font-size: 11px;
	background-color: #252525;
	background-image: url(icones/tag.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #AFAFAF;
	display: block;
}
.post .editlink a img, .editlink a img, #header #logo a img, #header #feed a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.asides, .asides .date {
	font-size: 90%;
}
.navegacio a:hover {
	color: #252525;
	text-decoration: none;
}
/*imatges comentaris*/
.nocomentaris {
	padding: 1px 0 1px 18px;
	background: url('icones/comment_add.png') left center no-repeat;
}
.uncomentari {
	padding: 1px 0 1px 18px;
	background: url('icones/comment.png') left center no-repeat;
}
.mesdeuncomentaris {
	padding: 1px 0 1px 18px;
	background: url('icones/comments.png') left center no-repeat;
}
.comentaristancats {
	padding: 1px 0 1px 18px;
	background: url('icones/comment_delete.png') left center no-repeat;
}
/*fi imatges comentaris*/
.autor {
	padding: 1px 0 1px 18px;
	background: url('icones/keyboard.png') left center no-repeat;
}
.sharethis {
	padding: 1px 0 1px 18px;
	background: url('icones/shareicon.png') left center no-repeat;
}
.tags {
	padding: 1px 0 1px 18px;
	background: url('icones/tag_green.png') left center no-repeat;
}
.gravatar {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	margin: 0;
	float: right;
}
#comentari {
	color: #AFAFAF;
	background-color: #252525;
	margin: 10px;
	padding: 10px;
}
#comentariautor {
	color: #252525;
	background-color: #7AC900;
	margin: 10px;
	padding: 10px;
}
#comentariautor a {
	color: #FFFFFF;
}
#comentari p, blockquote p, code p {
	color: #AFAFAF;
}
#comentari .commentauthor {
	padding: 0 0 0 18px;
	background: url('icones/user_green.png') left center no-repeat;
}
#comentariautor .commentauthor {
	padding: 0 0 0 18px;
	background: url('icones/user_gray.png') left center no-repeat;
}
.trackbacklink {
	padding: 0 0 0 18px;
	background: url('icones/arrow_refresh.png') left center no-repeat;
}
.rsslink {
	padding: 0 5px 0 18px;
	background: url('icones/feed.png') left center no-repeat;
}
/*estils dels links per tipus*/
#center a[href ^="http"] {
	padding: 0 16px 0 0;
	background: url('icones/link_go.png') right center no-repeat;
}
#center a[href ^="http://desigm.es"], #center a[href^="http://www.desigm.es"] {
	padding: 0px;
	background-image: none;
}
#center a[href ^="mailto:"] {
	padding: 0 18px 0 0;
	background: url('icones/email.png') right center no-repeat;
}
#center a[href $='.jpg'], #center a[href $='.png'], #center a[href $='.gif'] {
	padding: 0 17px 0 0;
	background: url('icones/picture.png') right center no-repeat;
}
#center a[href $='.pdf'] {
	padding: 0 16px 0 0;
	background: url('icones/page_white_acrobat.png') right center no-repeat;
}
#center a[href $='.swf'], #center a[href $='.flv'] {
	padding: 0 16px 0 0;
	background: url('icones/page_white_flash.png') right center no-repeat;
}
#center a[href $='.mp3'], #center a[href $='.wma'], #center a[href $='.aac'], #center a[href $='.ogg'] {
	padding: 0 18px 0 0;
	background: url('icones/sound.png') right center no-repeat;
}
#center a[href $='.avi'], #center a[href $='.mpg'], #center a[href $='.mov'], #center a[href $='.wmv'] {
	padding: 0 16px 0 0;
	background: url('icones/film.png') right center no-repeat;
}
#center a[href $='.zip'], #center a[href $='.rar'], #center a[href $='.tar.gz'] {
	padding: 0 18px 0 0;
	background: url('icones/package_green.png') right center no-repeat;
}
#center .commentauthor a {
	padding: 0;
	background:none;
}
/* acaben estils links per tipus */
abbr[title]:hover:after{
/* efecte hover dels acronims */
	content: " (" attr(title) ")";
	font-weight: bold;
	color: #252525;
}
#right ul li ul.children {
	margin: 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 25px;
}