/*

Theme Name: CNL - Blogs personals 2
Description: Tema per als blogs personals del Consorci per a la Normalització Lingüística (model 2)
Version: 1.0
Author: Can Antaviana
Author URI: http://www.antaviana.cat/
Tags: cpnl, consorci, normalització, lingüística

*/

/* dom */
html { font-size: 100%; } /* WinIE text resize correction */
body {
	display: block;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em; /* 12px */
	color: #333;
	background: #eee;
}
* { margin: 0; border: none; padding: 0; }
a { outline: 0; color: #65A209; text-decoration: none; }
	a:hover { color: #000; text-decoration: underline; }
	a:visited { font-size: inherit; }
p { margin-bottom: 1em; line-height: 1.35em; }
ul { list-style: none; }
		ul li.clear { clear: left; }
/* esquerra, dreta i centrar */
div.left { clear: left; float: left; width: 49%; }
div.right { clear: right; float: right; width: 49%; }
.center { text-align: center; }
/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-block; }
	/* amagar d'IE mac \*/
	.clearfix { display:block; }

/* menú accesibilidad (oculto) */
#acc { position: absolute; top: -999em; }

/* fons */
#wrapper {
	background: url('images/bg.png') repeat-y 50% 0;
}

/* capçalera */
#headerWrapper { width: 100%; margin: 0 auto; background: #65A209 url('images/bg_header_wrapper.png') repeat-x; }
#headerFade { background: url('images/bg_header_fade.jpg') repeat-y 50% 0; }
#header {
	position: relative;
	z-index: 2;
	width: 787px;
	min-height: 67px; height: auto !important; height: 67px;
	margin: 0 auto;
	padding: 30px 20px 10px 160px;
	background: #65A209 url('images/bg_header.png') repeat-x;
}
	#header a {
		color: #fff;
	}
		#header div.search {
			display: inline; /* ie6fh */
			clear: right;
			float: right;
			padding-top: 10px;
		}
			#header div.search label {
				display: inline;
				vertical-align: middle;
				margin: 0;
				padding: 8px 0 8px 27px;
				background: url('images/bg_search_label.png') no-repeat 0 50%;
			}
				#header div.search label input {
					float: none;
					width: 180px;
					margin: 0 4px 0 0;
					border: 1px solid #fff;
					border-radius: .333em;
					-khtml-border-radius: .333em;
					-moz-border-radius: .333em;
					-ms-border-radius: .333em;
					-webkit-border-radius: .333em;
					padding: .25em 3px;
					color: #666;
					font-size: 1em; /* 14px */
					background: #fff;
				}
					#header div.search label input:focus {
						border: 1px solid #111;
						color: #333;
					}
					#header div.search label input:hover {
						color: #333;
					}
			#header div.search input {
				display: inline;
				vertical-align: middle;
			}
	#header h1 {
		margin: 0 0 .143em 0;
		color: #fff;
		font-size: 2.333em; /* 28px */
		font-weight: normal;
		line-height: 1.1em;
	}
	#header h2 {
		color: #000;
		font-size: 1.333em; /* 16px */
		font-weight: normal;
		line-height: 1.1em;
	}
		#header p#cpnl {
			position: absolute;
			left: 23px;
			top: 0;
			width: 115px;
			height: 137px;
			background: url('images/bg_cpnl.jpg') no-repeat;
		}
			#header p#cpnl a {
				display: block;
				width: 115px;
				height: 137px;
			}
				#header p#cpnl a span {
					position: absolute;
					top: -9999em;
				}

/* menú */
#menuWrapper { background: #0f0f0f url('images/bg_menu_wrapper.png') repeat-x; }
#menu {
	position: relative;
	z-index: 1;
	width: 787px;
	margin: 0 auto;
	padding: .75em 20px .75em 160px;
	color: #fff;
	background: #141414 url('images/bg_menu.png') repeat-x;
}
	#menu a {
		color: #fff;
	}
		#menu ul li {
			display: inline; /* ie6fh */
			float: left;
			margin: 0 15px 0 0;
			padding: 3px 0 3px 18px;
			line-height: 1.35em;
			background: url('images/bg_menu_li.gif') no-repeat 0 50%;
		}
		#menu p.rss {
			display: inline; /* ie6fh */
			float: right;
			margin: 0;
		}
			#menu p.rss a {
				display: block;
				padding: 3px 28px 3px 0;
				background: url('images/bg_menu_rss.gif') no-repeat 100% 50%;
			}

/* wrapper */
#page {
	width: 967px;
	margin: 0 auto;
	background: #fff;
}

	/* contenidor principal */
	#page #content {
		margin: 0 auto;
		padding: 25px 16px 20px 25px;
	}

		/* contingut central */
		#page #content #content_main {
			display: inline; /* ie6fh */
			clear: left;
			float: left;
			width: 710px;
		}
				#page #content #content_main div.intro {
					overflow: hidden;
					position: relative;
					margin: 0 0 20px 0;
					border: 1px solid #d7d7d7;
					padding: 0;
					background: url('images/bg_intro.png') repeat-x;
				}
					#page #content #content_main div.intro h3 {
						margin: 0 15px .25em 175px;
						padding: 15px 0 0 0;
						color: #65A209;
						font-size: 2em;
					}
					#page #content #content_main div.intro img {
						display: inline;
						clear: left;
						float: left;
						max-width: 152px; width: auto !important; width: 152px;
						margin: 0 23px 0 0;
						padding: 0;
					}
					#page #content #content_main div.intro p {
						margin: 0 15px 1em 175px;
						font-family: georgia, serif;
						font-size: 1.167em; /* 14px */
					}
						#page #content #content_main div.intro p.image {
							display: block;
							margin: 0;
							padding: 0;
							line-height: 0;
						}
							#page #content #content_main div.intro p.image img {
								margin: 0;
								border: 0;
								padding: 0;
							}

		/* barra lateral dreta (subcontingut) */
		#page #content #content_sub {
			display: inline; /* ie6fh */
			clear: right;
			float: right;
			width: 195px;
			background: url('images/bg_content_sub.png') repeat-x;
		}
			#page #content #content_sub h4 {
				color: #555;
			}
				#page #content #content_sub h4.archive {
					padding: .25em 0 .25em 20px;
					background: url('images/bg_h4_archive.gif') no-repeat 0 50%;
				}
				#page #content #content_sub h4.blogroll {
					padding: .25em 0 .25em 20px;
					background: url('images/bg_h4_blogroll.gif') no-repeat 0 50%;
				}
				#page #content #content_sub h4.categories {
					padding: .25em 0 .25em 20px;
					background: url('images/bg_h4_categories.gif') no-repeat 0 50%;
				}
				#page #content #content_sub h4.latest-comments {
					padding: .25em 0 .25em 20px;
					background: url('images/bg_h4_latest_comments.gif') no-repeat 0 50%;
				}
				#page #content #content_sub h4.more-popular {
					padding: .25em 0 .25em 23px;
					background: url('images/bg_h4_most_popular.gif') no-repeat 0 50%;
				}
				#page #content #content_sub h4.tag-cloud{
					padding: .25em 0 .25em 20px;
					background: url('images/bg_h4_tag_cloud.gif') no-repeat 0 50%;
				}
					#page #content #content_sub p.rss {
						margin: 0 0 .5em 0;3
						padding: 0 0 1em 0;
						border-bottom: 1px solid #b5b5b5;
					}
				#page #content #content_sub ul {
					margin: 0 0 1.5em 4px;
				}
					#page #content #content_sub ul li {
						padding-left: 14px;
						line-height: 1.2em;
						background: url('images/bg_content_sub_ul_li.gif') no-repeat 0 .167em;
					}

		/* capçaleres */
		#page h2 {
			margin: 0 0 .5em 0;
			font-size: 2.167em; /* 26px */
			font-weight: normal;
			line-height: 1.2em;
		}
			#page h2.pagetitle {
				margin: 0 0 1em 0;
    border: 1px solid #d7d7d7;
				padding: .75em 15px;
				font-size: 1.5em;
				text-align: right;
    background: url('images/bg_pager.png') repeat-x;
			}
		#page h3 {
			margin: 0 0 .5em 0;
			color: #65A209;
			font-size: 2em; /* 24px */
			font-weight: normal;
			line-height: 1.1em;
		}
		#page h4 {
			margin: 0 0 .583em 0;
			border-bottom: 1px solid #cdcdcd;
			padding: 0 0 .25em 0;
			font-size: 1.5em; /* 18px */
			font-weight: normal;
			line-height: 1.2em;
		}
		#page h5 {
			margin: 0 0 .75em 0;
			border-top: 1px solid #999;
			border-bottom: 1px solid #999;
			padding: .625em 3px;
			color: #819607;
			font-size: 1.333em; /* 16px */
			font-weight: normal;
			line-height: 1.2em;
		}
		#page h6 {
			margin: 0 0 .75em 0;
			padding: 0 0 0 14px;
			color: #819607;
			font-size: 1.25em; /* 15px */
			font-weight: bold;
			line-height: 1.2em;
			background: url('images/bg_h6.gif') no-repeat 0 50%;
		}
		/* imatges */
			/* icona rss */
				#page p.rss a {
					padding: 3px 0 3px 26px;
					background: url('images/bg_rss.jpg') no-repeat 0 50%;
				}

		/* DOM */
		/* cita */
		#page #content blockquote {
			margin: 0 0 12px 15px;
			color: #000;
			font-size: 2em; /* double */
			letter-spacing: -.025em;
		}
			#page #content blockquote p {
				margin: 0 0 .5em 0;
				line-height: 1.167em;
			}
		/* contenidors */
			/* comentaris */
			#page #content div.comments {
				display: block;
				margin: 0 0 0 1px;
				background: #ebebeb url('images/bg_entries.png') repeat-y;
			}
					#page #content div.comments div.comment-form {
						padding: 0 5px;
						color: #000;
						background: url('images/bg_comment_form.png') repeat-x;
					}
								#page #content div.comments div.comment-form div.textarea label {
									display: block;
									float: none;
									width: auto;
									margin: 0 0 .5em 0;
								}
						#page #content div.comments div.comment-form label {
							display: inline; /* ie6fh */
							float: left;
							width: 164px;
							margin: 0 15px 10px 0;
							color: #666;
							font-size: .917em;
						}
							#page #content div.comments div.comment-form label input {
								width: 150px;
								padding: .333em 4px;
							}
							#page #content div.comments div.comment-form label.nomargin {
								margin-right: 0;
							}
					#page #content div.comments div.block {
						background: #d3d3d3 url('images/bg_comments_block.png') repeat-y;
					}
							#page #content div.comments div.block div.left {
								width: 129px;
								padding: 20px 12px 12px 12px;
								background: url('images/bg_comments_block_left.png') repeat-x;
							}
							#page #content div.comments div.block div.right {
								float: right;
								width: 532px;
								padding: 20px 12px 10px 12px;
								background: url('images/bg_comments_block_right.png') repeat-x;
							}
				#page #content div.comments div.nav {
					width: 100%;
					margin: 0;
					border: 0;
					padding: 0;
					background: none;
				}
						#page #content div.comments div.nav span {
							width: 49%;
							margin: .25em 0 .75em 0;
							padding: 0;
							font-size: 1.083em; /* 13px */
							line-height: 1em;
						}
							#page #content div.comments div.nav span.next a {
								display: block;
								padding: 1px 22px 1px 0;
								background: url('images/bg_next.png') no-repeat 100% .154em;
							}
							#page #content div.comments div.nav span.previous a {
								display: block;
								padding: 1px 0 1px 22px;
								background: url('images/bg_previous.png') no-repeat 0 .154em;
							}
				#page #content div.comments h4 {
					margin: 0;
					border: 0;
					padding: 0 0 0 23px;
					color: #fff;
					font-size: 1.25em; /* 16px */
					font-weight: bold;
					line-height: 1.1em;
					background: url('images/bg_comments_h4.gif') no-repeat 0 50%;
				}
					#page #content div.comments h4.write {
						margin: 0 0 1em 0;
						padding-left: 0;
						font-size: 1.5em; /* 18px */
						background: none;
					}
					#page #content div.comments ol.comments {
						margin: 0;
						padding: 0;
						list-style: none;
						font-size: 1.083em;
					}
							#page #content div.comments ol.comments li.comment {
								display: inline; /* ie6fh */
								clear: left;
								float: left;
								width: 709px;
								margin: 0;
								background: #ebebeb url('images/bg_entries.png') repeat-y;
							}
									#page #content div.comments ol.comments li.comment div.info {
										display: inline;
										overflow: auto;
										clear: left;
										float: left;
										width: 135px;
										padding: 12px 9px 1px 9px;
										color: #fff;
										background: #65A209 url('images/bg_comments_info.png') no-repeat 100% 0;
									}
										#page #content div.comments ol.comments li.comment div.info a {
											color: #fff;
											text-decoration: underline;
										}
											#page #content div.comments ol.comments li.comment div.info a:hover {
												text-decoration: none;
											}
										#page #content div.comments ol.comments li.comment div.info img {
											display: inline; /* ie6fh */
											clear: left;
											float: left;
											margin: 0 5px 20px 0;
											border: 3px solid #fff;
										}
										#page #content div.comments ol.comments li.comment div.info p {
											margin: 0 0 .5em 0;
											font-size: .846em;
										}
											#page #content div.comments ol.comments li.comment div.info p.right a {
												text-decoration: none;
												background: #444;
											}
												#page #content div.comments ol.comments li.comment div.info p.right a:hover {
													color: #444;
													background: #f0f0f0;
												}
									#page #content div.comments ol.comments li.comment div.text {
										margin-left: 153px;
										padding: 15px 20px 12px 20px;
										background: #ebebeb url('images/bg_comments_text.png') repeat-x;
									}
								#page #content div.comments ol.comments li.comment p {
									margin: 0 0 .75em 0;
								}
									#page #content div.comments ol.comments li.comment p.right {
										margin: 0;
									}
							#page #content div.comments ol.comments li.last {
								margin: 0;
							}
							#page #content div.comments ol.comments li.odd {
								background: #3C6006 url('images/bg_comments_odd.png') no-repeat;
							}
									#page #content div.comments ol.comments li.odd div.info {
										background: #3C6006 url('images/bg_comments_info_odd.png') no-repeat 100% 0;
									}
							#page #content div.comments ol.comments ol.children {
								margin: 0;
							}
									#page #content div.comments ol.comments ol.children li.comment {
										position: relative;
										height: 1%;
										margin: 0;
										padding: 0 0 0 10px;
										background: none;
									}
									#page #content div.comments ol.comments ol.children li.depth-2 {
										width: 699px;
									}
									#page #content div.comments ol.comments ol.children li.depth-3 {
										width: 689px;
									}
									#page #content div.comments ol.comments ol.children li.depth-4 {
										width: 679px;
									}
									#page #content div.comments ol.comments ol.children li.depth-5 {
										width: 669px;
									}
									#page #content div.comments ol.comments ol.children li.depth-6 {
										width: 659px;
									}
						#page #content div.comments p.rss a {
							display: block;
							color: #fff;
							padding: .25em .75em .25em 28px;
							line-height: 1em;
							background: transparent url('images/bg_comments_rss.gif') no-repeat 0 50%;
						}
		/* paginació */
			#page #content div.nav {
				margin: 0 0 15px 0;
				border: 1px solid #d7d7d7;
				padding: .75em 15px;
				background: url('images/bg_pager.png') repeat-x;
			}
				#page #content div.nav span {
					display: inline; /* ie6fh */
					float: left;
					margin: 0 1em 0 0;
					padding: .333em 0;
				}
					#page #content div.nav span.next {
						float: right;
						margin: 0 0 0 1em;
						text-align: right;
					}
				#page #content div.nav ul {
					display: block;
					margin: 0;
					padding: .333em 0;
					text-align: center;
				}
					#page #content div.nav ul li {
						display: inline;
						margin: 0 3px 0 0;
						padding: .333em 0;
						background: none;
					}
							#page #content div.nav ul li.current a {
								color: #fff;
								background: #65A209;
							}
							#page #content div.nav ul li.transparent a {
								border: 0;
								background: none;
							}
						#page #content div.nav ul li a {
							border: 1px solid #c0c0c0;
							padding: .333em .667em;
							color: #666;
							background: #fff;
						}
							#page #content div.nav ul li a:hover {
								color: #fff;
								text-decoration: none;
								background: #444;
							}
			/* separador */
			#page #content div.sep {
				margin: 0 0 1em 0;
				padding: 0 0 5px 0;
				background: url('images/bg_sep.gif') repeat-x 0 100%;
			}
		/* formularis */
			#page #content form code {
				font-family: verdana, helvetica, sans-serif;
				font-size: .917em;
				font-style: italic;
			}
				#page #content form div.textarea {
					margin: 0 0 6px 0;
				}
					#page #content form div.textarea label {
						margin: 0 0 .5em 0;
					}
				#page #content form input.send {
					overflow: visible; /* iefix*/
					cursor: pointer;
					width: auto;
					margin: 10px 0;
					padding: .5em 15px .5em 26px;
					color: #fff;
					background: #65A209 url('images/bg_send.gif') no-repeat 10px 50%;
				}
					#page #content form input.send:hover {
						color: #000;
					}
			#page #content form label {
				display: block;
				margin: 0 0 1em 0;
			}
				#page #content form label span {
					display: block;
					margin: 0 0 .5em 0;
				}
				#page #content form label input, #page #content form label select, #page #content form textarea {
					display: block;
					width: 90%;
					border: 1px solid #b2b2b2;
					padding: .417em .5em;
					font-family: arial, helvetica, sans-serif;
					font-size: 1em;
					background: #fff;
				}
					#page #content form label input:focus, #page #content form label select:focus, #page #content form textarea:focus {
						color: #000;
						border-color: #444;
					}
					#page #content form label input.error, #page #content form label select.error, #page #content form textarea.error {
						border-color: #64A00A;
					}
			#page #content form textarea {
				width: 96%;
				height: 125px;
			}
		/* llistats de definicions */
		#page #content dl {
			margin: 0 0 1em 0;
		}
			#page #content dl dt {
				clear: left;
				float: left;
				margin: 0 .25em 0 0;
				font-weight: bold;
			}
		/* images */
		#page img.aligncenter, #page a img.aligncenter {
			display: inline; /* ie6fh */
			float: left;
			margin: 2px 20px 1em 0;
			border: 1px solid #d7d7d7;
			padding: 9px;
			background: #fff;
		}
		#page img.alignleft, #page a img.alignleft {
			display: inline; /* ie6fh */
			float: left;
			margin: 2px 20px 1em 0;
			border: 1px solid #d7d7d7;
			padding: 9px;
			background: #fff;
		}
		#page img.alignright, #page a img.alignright {
			display: block;
			margin: 0 auto 1em auto;
			border: 1px solid #d7d7d7;
			padding: 9px;
			background: #fff;
		}
		/* llistes ordenades */
		#page #content ol {
			margin: 0 0 1.25em 30px;
		}
			#page #content ol li {
				margin: 0 0 .167em 0;
			}
		/* paràgrafs */
			/* més... */
			#page #content p.more {
				padding: .5em 0;
				line-height: 1em;
			}
				#page #content p.more a {
					padding: .5em 15px .5em 30px;
					color: #fff;
					background: #333 url('images/bg_more.gif') no-repeat 10px 50%;
				}
			/* flotant dreta */
			#page #content p.right {
				display: inline; /* ie6fh */
				float: right;
				margin: 0 0 1em 1em;
			}
				#page #content p.right a {
					display: block; /* ie6fh */
					padding: .333em .75em;
					background: #fff;
				}
					#page #content p.right a:hover {
						color: #fff;
						text-decoration: none;
						background: #444;
					}
			/* botó social */
			#page #content p.social {
				position: absolute;
				clear: left;
				width: 120px;
				bottom: .75em;
				left: 15px;
				color: #fff;
				background: #d8d8d8 url('images/bg_social.gif') no-repeat 6px 50%;
			}
				#page #content p.social a {
					display: block;
					padding: .5em 10px .5em 30px;
				}
			/* text petit */
			#page #content p.small {
				font-size: .917em; /* 11px */
			}
			/* sense marge (¡no moure!) */
			#page #content p.nomargin {
				margin: 0;
			}
		/* taules */
		#page #content table {
			width: 100%;
			margin: 0 0 1.25em 0;
			border-spacing: 4px;
		}
			#page #content table td, #page #content table th {
				vertical-align: top;
				padding: .5em 1em;
				line-height: 1.2em;
				text-align: left;
				background: #e6eacd;
			}
			#page #content table th {
				color: #fff;
				background: #819607;
			}
		/* llistes desordenades */
		#page #content ul {
			margin: 0 0 1.25em 0;
		}
			#page #content ul li {
				height: 1%;
				margin: 0 0 .417em 0;
				padding: 0 0 0 15px;
				background: url('images/bg_ul_li.gif') no-repeat 3px .25em;
			}
				#page #content ul li ul {
					margin: .5em 0 0 0;
				}
			/* llistat genèric editores */
			#page #content ul.entries {
				margin: 0 0 1em 0;
			}
				#page.single #content ul.entries {
					margin: 0;
				}
					#page #content ul.entries li.entry {
						position: relative;
						display: block;
						height: 1%;
						margin: 0 0 20px 0;
						border: 1px solid #e3e3e3;
						padding: 0 0 2px 0;
						background: #fff url('images/bg_entries.png') repeat-y;
					}
						#page.single #content ul.entries li.entry {
							margin: 0;
							border-bottom: 0;
							padding: 0;
						}
							#page #content ul.entries li.entry div.entry-content {
								display: inline;
								clear: right;
								float: right;
								width: 515px;
								min-height: 275px; height: auto !important; height: 275px;
								margin: 0;
								padding: 20px 20px 5px 20px;
								font-family: georgia, serif;
								font-size: 1.167em; /* 14px */
								background: url('images/bg_entry_content.png') repeat-x;
							}
								#page #content ul.entries li.entry div.entry-content h3 {
									font-family: arial, helvetica, sans-serif;
									font-size: 1.714em; /* 24px */
								}
							#page #content ul.entries li.entry ul.entry-info {
								position: relative;
								display: block; /* ie6fh */
								clear: left;
								float: left;
								width: 140px;
								margin: 0;
								padding: 12px 5px 50px 8px;
							}
								#page #content ul.entries li.entry ul.entry-info li {
									display: block;
									height: 1%;
									margin: 0 0 .75em 0;
									border-bottom: 1px solid #88AC52;
									padding: 0 0 .75em 0;
									font-size: .917em; /* 11px */
									line-height: 1.2em;
								}
									#page #content ul.entries li.entry ul.entry-info li a {
										color: #e6e6e6;
									}
									#page #content ul.entries li.entry ul.entry-info li.author {
										padding-left: 22px;
										background: url('images/bg_author.gif') no-repeat;
									}
									#page #content ul.entries li.entry ul.entry-info li.categories {
										padding-left: 22px;
										background: url('images/bg_categories.gif') no-repeat;
									}
									#page #content ul.entries li.entry ul.entry-info li.comments {
										padding-left: 22px;
										background: url('images/bg_comments.gif') no-repeat;
									}
									#page #content ul.entries li.entry ul.entry-info li.date {
										color: #000;
										line-height: 1.4em;
									}
										#page #content ul.entries li.entry ul.entry-info li.tags {
											padding-left: 22px;
											background: url('images/bg_tags.gif') no-repeat;
										}
									#page #content ul.entries li.entry ul.entry-info li span {
										display: inline;
										float: left;
									}
										#page #content ul.entries li.entry ul.entry-info li span.big {
											margin: 0 6px 0 0;
											color: #fff;
											font-family: georgia, serif;
											font-size: 2.909em;
											line-height: 1em;
										}
			/* dos columnes */
			#page #content ul.twoCols {
				margin: 0;
				padding: 0 0 .75em 0;
			}
				#page #content ul.twoCols li {
					display: inline; /* ie6fh */
					float: left;
					width: 45%;
					margin: 0 3% .417em 0;
				}
					#page #content ul.twoCols li.nomargin {
						margin-right: 0;
					}
			/* sense marge */
			#page #content ul.nomargin {
				margin-right: 0;
			}

/* peu de plana */
#footer {
	width: 937px;
	margin: 0 auto;
	padding: 15px 15px 25px 15px;
	color: #999;
	background: #0d0d0d url('images/bg_footer.png') repeat-x;
}
	#footer a {
		color: #fff;
	}
	#footer ul {
		display: block;
		text-align: center;
	}
		#footer ul li {
			display: inline;
			border-right: 1px solid #999;
			padding: 0 .75em;
		}
			#footer ul li.last {
				border: 0;
			}