/*

Theme Name: CNL - Blogs locals
Description: Tema per als blogs locals del Consorci per a la Normalització Lingüística
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;
	margin: 0;
	padding: 11px 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em; /* 12px */
	color: #333;
	background: #FF9934 url('images/bg.jpg') repeat-x;
}
* { margin: 0; border: none; padding: 0; }
a { outline: 0; color: #9E5E20; text-decoration: none; }
	a:hover { color: #000; text-decoration: underline; text-shadow: 2px 2px 2px #aaa; }
	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; }

/* capçalera */
#header {
	width: 976px;
	margin: 0 auto;
	background: #515151 url('images/bg_header.png') repeat-y 50% 0;
}
	#header a {
		color: #fff;
	}
		#header div.wrapper {
			padding: 0 8px 23px 8px;
			background: url('images/bg_header_top.jpg') no-repeat 50% 0;
		}
	#header h1 {
		margin: 0 300px .25em 35px;
		padding: 65px 0 0 0;
		color: #fff;
		font-size: 2.333em; /* 28px */
		line-height: 1.1em;
	}
	#header h2 {
		margin: 0 300px 0 35px;
		color: #999;
		font-size: 1.333em;
		font-weight: normal;
		line-height: 1.1em;
	}
		#header p#cpnl {
			position: relative;
			display: inline; /* ie6fh */
			clear: right;
			float: right;
			width: 90px;
			height: 121px;
			margin: 0 27px 0 0;
		}
			#header p#cpnl a {
				display: block;
				width: 90px;
				height: 121px;
			}
				#header p#cpnl a span {
					position: absolute;
					top: -9999em;
				}

/* menú principal */
#menu {
	position: relative;
	width: 976px;
	margin: 0 auto;
	background: url('images/bg_page.png') repeat-y 50% 0;
}
		#menu div.search {
			position: absolute;
			top: 11px;
			right: 22px;
			margin: 0 0 0 15px;
			background: none;
		}
			#menu div.search label {
				display: inline;
				padding: 8px 0 8px 30px;
				background: url('images/bg_search_label.jpg') no-repeat 0 50%;
			}
				#menu div.search label input {
					width: 180px;
					margin: 0 8px 0 0;
					border-radius: .333em;
					-khtml-border-radius: .333em;
					-moz-border-radius: .333em;
					-ms-border-radius: .333em;
					-webkit-border-radius: .333em;
					padding: .167em 3px;
					color: #666;
					font-size: 1em; /* 14px */
					background: #fff;
				}
					#menu div.search label input:focus {
						color: #333;
						background: #f0f0f0;
					}
					#menu div.search label input:hover {
						color: #333;
						background: #f4f4f4;
					}
			#menu div.search input {
				vertical-align: middle;
			}
		#menu div.deco {
			padding: 0 8px;
		}
	#menu ul {
		display: block;
		border-bottom: 1px solid #7c7c7c;
		background: #4e4e4e url('images/bg_menu.png') repeat-x;
	}
		#menu ul li {
			display: inline; /* ie6fh */
			float: left;
			padding: 1.154em 23px 1.154em 21px;
			font-size: 1.083em; /* 13px */
			white-space: nowrap;
			background: url('images/bg_menu_li.png') repeat-y 100% 0;
		}
			#menu ul li a {
				float: left;
				padding: 0 0 0 18px;
				color: #e7e7e7;
				background: url('images/bg_menu_a.jpg') no-repeat 0 50%;
			}
				#menu ul li a:hover, #menu ul li.current a {
					color: #fff;
				}

/* wrapper */
#page {
	width: 960px;
	margin: 0 auto;
	padding: 0 8px 10px 8px;
	background: #d7d7d7 url('images/bg_page.png') repeat-y 50% 0;
}

	/* introducció plana */
	#page #intro {
		border-bottom: 1px solid #818181;
		padding: 27px 23px 15px 23px;
		background: #fff url('images/bg_intro.png') repeat-x;
	}
			#page #intro div.about {
				display: inline; /* ie6fh */
				clear: left;
				float: left;
				width: 704px;
				margin: 0 19px 0 0;
				border-right: 1px solid #c2c2c2;
				padding: 0 20px 0 0;
			}
				#page #intro div.about img {
					max-width: 110px; width: auto !important; width: 110px;
					border: 0;
					padding: 0;
				}
				#page #intro div.about p {
					margin: 0 0 .5em 0;
					font-family: georgia, serif;
					font-size: 1.167em;
				}

	/* contenidor principal */
	#page #content {
		padding: 27px 23px 1px 19px;
		background: #d7d7d7 url('images/bg_content.png') repeat-x;
	}

		/* contingut central */
		#page #content #content_main {
			display: inline; /* ie6fh */
			float: left;
			width: 714px;
		}
				/* wordpress images */
				#page #content #content_main div.alignleft {
					display: inline; /* ie6fh */
					float: left;
					margin: 0 15px 10px 0;
				}
				#page #content #content_main div.alignright {
					display: inline; /* ie6fh */
					float: left;
					margin: 0 0 10px 15px;
				}
				#page #content #content_main div.wp-caption img {
					border: 1px solid #cdcdcd;
					padding: 4px;
					line-height: 0;
					text-align: center;
					background: #fff;
				}

		/* barra lateral dreta (subcontingut) */
		#page #content #content_sub {
			display: inline; /* ie6fh */
			clear: right;
			float: right;
			width: 185px;
		}
				#page #content #content_sub h4.archive {
					padding: .25em 0 .25em 20px;
					background: url('images/bg_h4_archive.jpg') no-repeat 0 50%;
				}
				#page #content #content_sub h4.blogroll {
					padding: .25em 0 .25em 20px;
					background: url('images/bg_h4_blogroll.jpg') no-repeat 0 50%;
				}
				#page #content #content_sub h4.categories {
					padding: .25em 0 .25em 20px;
					background: url('images/bg_h4_categories.jpg') no-repeat 0 50%;
				}
				#page #content #content_sub h4.latest-comments {
					padding: .25em 0 .25em 20px;
					background: url('images/bg_h4_latest_comments.jpg') no-repeat 0 50%;
				}
				#page #content #content_sub h4.more-popular {
					padding: .25em 0 .25em 23px;
					background: url('images/bg_h4_more_popular.jpg') no-repeat 0 50%;
				}
				#page #content #content_sub h4.tag-cloud{
					padding: .25em 0 .25em 20px;
					background: url('images/bg_h4_tag_cloud.jpg') no-repeat 0 50%;
				}
					#page #content #content_sub p.rss {
						margin: 0 0 .5em 0;
						padding: 0 0 1em 0;
						border-bottom: 1px solid #b5b5b5;
					}
					#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-bottom: 1px solid #aaa;
				border-top: 1px solid #aaa;
				padding: .5em 20px;
				font-size: 1.5em;
				text-align: right;
				background: #ccc;
			}
		#page h3 {
			margin: 0 0 .25em 0;
			color: #9E5E20;
			font-size: 2em; /* 24px */
			font-weight: normal;
			line-height: 1.1em;
		}
		#page h4 {
			margin: 0 0 .75em 0;
			border-bottom: 1px solid #b5b5b5;
			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%;
		}
		/* 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;
		}
		#page img.left {
			display: inline; /* ie6fh */
			float: left;
			margin: 2px 20px 12px 0;
		}
		#page img.right {
			display: inline; /* ie6fh */
			float: right;
			margin: 2px 0 12px 20px;
		}
			/* 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 {
			width: 450px;
			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;
				width: 713px;
				margin: 0 1px 1em 0;
				background: #f0f0f0 url('images/bg_comments.png') repeat-y 50% 0;
			}
					#page #content div.comments div.wrapper-bottom {
						padding: 0 0 10px 0;
						background: url('images/bg_comments_bottom.png') no-repeat 50% 100%;
					}
					#page #content div.comments div.wrapper-top {
						padding: 14px 4px 0 4px;
						background: url('images/bg_comments_top.png') no-repeat 50% 0;
					}
					#page #content div.comments div.comment-form {
						padding: 12px 20px;
						color: #000;
						background: url('images/bg_comment_form.png') repeat-x;
					}
							#page #content div.comments div.comment-form div.left {
								width: 35%;
							}
							#page #content div.comments div.comment-form div.right {
								width: 63%;
							}
						#page #content div.comments div.comment-form label {
							font-size: .917em;
						}
								#page #content div.comments div.comment-form p.rss a {
									padding: .5em 28px .5em .75em;
									background: transparent url('images/bg_comments_rss.gif') no-repeat 100% 50%;
								}
				#page #content div.comments h4 {
					margin: 0;
					padding: 0 20px 10px 44px;
					font-family: georgia, serif;
					font-size: 1.5em;
					background: url('images/bg_comments_label.gif') no-repeat 20px .222em;
				}
					#page #content div.comments h4.write {
						margin: 0 0 1em 0;
						padding-left: 24px;
						background: url('images/bg_comments_write.gif') no-repeat 0 .222em;
					}
					#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: 671px;
								margin: 0;
								border-bottom: 0;
								padding: 15px 17px 15px 17px;
								background: url('images/bg_sep.gif') repeat-x 0 100%;
							}
									#page #content div.comments ol.comments li.comment div.info {
										display: inline;
										overflow: auto;
										clear: left;
										float: left;
										width: 128px;
										margin-right: 12px;
									}
										#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.text {
										margin-left: 140px;
										border-left: 2px solid #ccc;
										padding: 0 0 1px 16px;
									}
								#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.odd {
								background: #fff url('images/bg_sep.gif') repeat-x 0 100%;
							}
							#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-left: 10px;
										padding: 15px 0 0 0;
										background: none;
									}
									#page #content div.comments ol.comments ol.children li.depth-2 {
										width: 661px;
									}
									#page #content div.comments ol.comments ol.children li.depth-3 {
										width: 651px;
									}
									#page #content div.comments ol.comments ol.children li.depth-4 {
										width: 641px;
									}
									#page #content div.comments ol.comments ol.children li.depth-5 {
										width: 631px;
									}
									#page #content div.comments ol.comments ol.children li.depth-6 {
										width: 621px;
									}
		/* paginació */
			#page #content div.nav {
				margin: 0 5px 15px 5px;
			}
				#page #content div.nav span {
					display: inline; /* ie6fh */
					float: left;
					margin: 0 1em 0 0;
					padding: .5em 0 .5em 20px;
					background: url('images/bg_nav_prev.gif') no-repeat 0 50%;
				}
					#page #content div.nav span.next {
						float: right;
						margin: 0 0 0 1em;
						padding: .5em 20px .5em 0;
						background: url('images/bg_nav_next.gif') no-repeat 100% 50%;
					}
				#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;
					}
							#page #content div.nav ul li.current a {
								color: #fff;
								background: #b8b8b8;
							}
						#page #content div.nav ul li a {
							border: 1px solid #b8b8b8;
							padding: .333em .667em;
							background: #fff;
						}
							#page #content div.nav ul li a:hover {
								color: #fff;
								text-decoration: none;
								background: #555;
							}
		/* 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 1em 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;
					border-radius: .5em;
					-khtml-border-radius: .5em;
					-moz-border-radius: .5em;
					-ms-border-radius: .5em;
					-webkit-border-radius: .5em;
					padding: .5em 15px .5em 26px;
					color: #fff;
					background: #9E5E20 url('images/bg_more.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: #9E5E20;
					}
			#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;
			}
		/* 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 {
					border-radius: .5em;
					-khtml-border-radius: .5em;
					-moz-border-radius: .5em;
					-ms-border-radius: .5em;
					-webkit-border-radius: .5em;
					padding: .5em 15px .5em 30px;
					color: #fff;
					background: #9E5E20 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 */
/* 					float: right; */
					border-radius: .5em;
					-khtml-border-radius: .5em;
					-moz-border-radius: .5em;
					-ms-border-radius: .5em;
					-webkit-border-radius: .5em;
					padding: .333em .75em;
					background: #dfdfdf;
				}
					#page #content p.right a:hover {
						color: #fff;
						text-decoration: none;
						background: #444;
					}
			/* 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 #content ul.entries li.entry {
						display: block;
						height: 1%;
						margin: 0 0 15px 0;
						padding: 0;
						background: #fff url('images/bg_entries_li.png') repeat-y 50% 0;
					}
							#page #content ul.entries li.entry div.entry-content {
								font-family: georgia, serif;
								font-size: 1.167em;
							}
							#page #content ul.entries li.entry div.entry-info {
								padding: 10px 0 4px 0;
								background: url('images/bg_sep.gif') repeat-x;
							}
									#page #content ul.entries li.entry div.entry-info p.social {
										display: inline; /* ie6fh */
										clear: right;
										float: right;
										margin: 0 0 0 1em;
									}
										#page #content ul.entries li.entry div.entry-info p.social a {
											float: right;
											border-radius: .5em;
											-khtml-border-radius: .5em;
											-moz-border-radius: .5em;
											-ms-border-radius: .5em;
											-webkit-border-radius: .5em;
											padding: .5em .75em .5em 32px;
											background: #e0e0e0 url('images/bg_entry_social.gif') no-repeat 10px 50%;
										}
								#page #content ul.entries li.entry div.entry-info ul {
									display: inline; /* ie6fh */
									float: left;
									margin: 0 1em 0 0;
								}
									#page #content ul.entries li.entry div.entry-info ul li {
										display: inline; /* ie6fh */
										float: left;
										margin: 0 20px 0 0;
										padding: .5em 0;
									}
										#page #content ul.entries li.entry div.entry-info ul li.categories {
											padding: .5em 0 .5em 22px;
											background: url('images/bg_entry_categories.gif') no-repeat 0 50%;
										}
										#page #content ul.entries li.entry div.entry-info ul li.comments {
											padding: .5em 0 .5em 22px;
											background: url('images/bg_entry_comments.gif') no-repeat 0 50%;
										}
							#page #content ul.entries li.entry div.wrapper-bottom {
								padding: 0 0 10px 0;
								background: url('images/bg_entries_li_bottom.png') no-repeat 50% 100%;
							}
							#page #content ul.entries li.entry div.wrapper-top {
								padding: 20px 25px 0 20px;
								background: url('images/bg_entries_li_top.png') no-repeat 50% 0;
							}
						#page #content ul.entries li.entry h3 {
							margin: 0 0 .333em 0;
							padding: 0 0 .5em 0;
							background: url('images/bg_sep.gif') repeat-x 0 100%;
						}
							#page #content ul.entries li.entry p.author {
								margin: 0 0 1em 0;
								padding: 0 0 .75em 0;
								background: url('images/bg_sep.gif') repeat-x 0 100%;
							}
						#page #content ul.entries li.entry ul {
							margin: 0 0 1.25em 0;
						}
			/* 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: 960px;
	margin: 0 auto;
	padding: 30px 8px 10px 8px;
	color: #fff;
	background: url('images/bg_footer.png') no-repeat 50% 0;
}
	#footer a {
		color: #fff;
		text-decoration: underline;
	}
		#footer a:hover {
			color: #000;
			text-decoration: none;
		}
	#footer ul {
		display: block;
		text-align: center;
	}
		#footer ul li {
			display: inline;
			border-right: 1px solid #ccc;
			padding: 0 .75em;
		}
			#footer ul li.last {
				border: 0;
			}