/*
===== 1: reset =====
*/

*
{
	margin: 0;
	padding: 0;
}

html { height: 100%; }

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { }

/*****************
*
* global selektors
*
******************/

html { height: 100.1%; }

body
{
	font-size: 80%;
	font-family: Arial,sans-serif;
	color: #000;
	text-align: center;
	background: #9a9999 url(http://www.carlescanongia.cat/css/foto-fons.jpg) top center fixed no-repeat;
}

label,
input.submit, input.submit-edit, input.submit-del,
button { cursor: pointer; }
input, select, textarea { }

h2, h3, h4, h5, h6
{
	color: #f16623;
	background: transparent;
}

h2
{
	font-size: 1.4em;
	line-height: 130%;
	padding-bottom: 1em;
}

h3
{
	font-size: 1.5em;
	line-height: 130%;
	padding-bottom: 0.2em;
}

h4
{
	font-size: 1.1em;
	line-height: 130%;
	padding-bottom: 0.2em;
}

h5
{
	font-weight: bold;
	line-height: 130%;
}

h6
{
	font-style: italic;
	line-height: 130%;
}

p, ul
{
	padding: 0 0 0.8em 0;
	font-size: 1em;
	line-height: 130%;
}

pre, code
{
	font-family: "Courier New", Courier, monospace;
	line-height: 120%;
	color: #75111B;
}

pre
{
	width: 100%;
	overflow: auto;
	margin: 0 0 1em 0;
}

strong { font-weight: bold; }

a
{
	color: #f16623;
	text-decoration: none;
}

a:hover, a:focus { color: #6E5946; }

.clear
{
	line-height: 0;
	height: 0;
	visibility: hidden;
	clear: both;
}

/*******
*
* blocks
*
********/

#head
{
	width: 100%;
	background: transparent url(http://www.carlescanongia.cat/css/top-negre.png) repeat-x;
	height: 48px;
	top: 0;
	text-align: center;
}

.menu-top
{
	width: 900px;
	margin: 0 auto;
	height: 48px;
	top: 0;
}

h1#site-name, h2#site-slogan, h3#site-rss
{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	height: 48px;
	line-height: 48px;
	position: relative;
}

h1#site-name
{
	margin-left: 60px;
	width: 348px;
	font-size: 1.9em;
	text-align: left;
}

h1#site-name a span { color: #f16623; }

h2#site-slogan
{
	width: 240px;
	margin: 0;
	font-size: 1.1em;
	text-align: right;
}

h2#site-slogan a span { color: #f16623; }

h3#site-rss
{
	width: 210px;
	margin: 0;
	padding: 0 30px 0 0;
	font-size: 1em;
	font-weight: normal;
	text-align: right;
	background: transparent url(http://www.carlescanongia.cat/css/rss.jpg) center right no-repeat;
}

h1#site-name a, h2#site-slogan a, h3#site-rss a
{
	height: 48px;
	color: #fff;
	border: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.g1 { width: 60px; }
.g2 { width: 140px; }
.g3 { width: 220px; }
.g4 { width: 300px; }
.g5 { width: 380px; }
.g6 { width: 460px; }
.g7 { width: 540px; }
.g8 { width: 620px; }
.g9 { width: 700px; }
.g10 { width: 780px; }
.g11 { width: 860px; }
.g12 { width: 940px; }

.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
}

#container
{
	width: 900px;
	margin: 24px auto 12px auto;
	position: relative;
}

#contingut, #sidebar
{
	display: inline;
	text-align: left;
}

#contingut
{
	float: left;
	width: 660px;
}

#sidebar
{
	float: right;
	width: 228px;
}

#sidebar a
{
	color: #fff;
	text-decoration: underline;
}

#sidebar span { color: #f16623; }
#contingut a { text-decoration: underline; }

.entry-post
{
	background: transparent url(http://www.carlescanongia.cat/css/fons-content.png) repeat;
	display: inline;
	float: left;
	text-align: center;
	width: 600px;
	margin: 0 0 12px 0;
}

.entry-article
{
	background: transparent url(http://www.carlescanongia.cat/css/fons-content.png) repeat;
	color: #000;
	display: inline;
	float: left;
	text-align: center;
	width: 600px;
}

.entry-post h3
{
	padding: 24px 24px 3px 24px;
	text-align: left;
}

#contingut .entry-post h3 a
{
	text-decoration: none;
	border: 0;
}

.entry-post address
{
	padding: 3px 24px 12px 24px;
	text-align: left;
	font-style: normal;
}

.entry-post address span { color: #f16623; }

.entry-post p, .entry-post ul, .entry-post ol
{
	padding: 6px 24px 6px 24px;
	text-align: left;
}

.entry-post ul li { margin-top: 12px; }
.entry-post embed { margin: 12px; }

p.comentaris
{
	padding: 0 0 0 30px;
	font-size: 1.1em;
	margin: 0 12px 24px 24px;
	height: 20px;
	line-height: 20px;
	background: transparent url(http://www.carlescanongia.cat/css/comentaris.png) center left no-repeat;
	font-weight: bold;
}

.entry-post img { margin: 6px auto; }

h2.recerca {padding: 10px; margin: 0; color: #000;}

h3.post-month
{
	color: #000;
	margin: 0;
	padding: 10px 0 0 0;
	text-transform: uppercase;
}

h1.error-status
{
	margin: 20px;
	font-size: 6em;
}

p.error-msg
{
	margin: 20px;
	font-weight: bold;
	font-size: 2em;
}

.no-data
{
	display: inline;
	float: left;
	text-align: center;
	width: 60px;
}

.entry-data
{
	background: transparent url(http://www.carlescanongia.cat/css/top-negre.png) repeat-x;
	color: #fff;
	display: inline;
	float: left;
	text-align: center;
	width: 60px;
}

.entry-data p
{
	margin: 6px;
	padding: 0;
	font-size: 80%;
	line-height: 120%;
}

.entry-data span
{
	font-size: 3em;
	line-height: 120%;
	font-weight: bold;
}

.entry-comment
{
	background: transparent url(http://www.carlescanongia.cat/css/fons-content.png) repeat;
	text-align: left;
	width: 600px;
	margin: 0 0 12px 60px;
	padding-top: 12px;
	clear: both;
}

.comments
{
	width: 560px;
	margin: 12px auto 0 auto;
	background: #fff;
	padding-bottom: 12px;
}

.comments p { padding: 12px 12px 0 12px; }

.comment-bottom
{
	width: 560px;
	height: 20px;
	margin: 0 auto;
	background: transparent url(http://www.carlescanongia.cat/css/comments.png) top no-repeat;
}

#txpCommentInputForm
{
	position: relative;
	width: 560px;
	margin: 12px auto;
	background: #666666;
	color: #fff;
}

.comments-wrapper { padding: 12px; }
#txpCommentInputForm label { padding: 5px 0; }

#txpCommentInputForm input
{
	margin-top: 12px;
	padding: 2px 5px;
	width: 170px;
}

#txpCommentInputForm textarea
{
	margin-top: 12px;
	padding: 2px 5px;
	width: 375px;
	height: 70px;
	overflow: auto;
}

#txpCommentInputForm input.button
{
	cursor: pointer;
	width: 120px;
	padding: 0;
	height: 24px;
	line-height: 24px;
	background: #f16621;
	color: #fff;
	border: 0;
	text-transform: uppercase;
}

#txpCommentInputForm input.button:hover
{
	background: #33cc00;
	color: #fff;
	border: 0;
}

.c-nom
{
	width: 200px;
	float: left;
}

.c-mail
{
	width: 200px;
	float: left;
}

.c-msg
{
	width: 400px;
	clear: both;
	padding-top: 12px;
}

.c-enviar
{
	text-align: center;
	width: 120px;
	position: absolute;
	bottom: 12px;
	right: 12px;
}

#form-busca
{
	height: 44px;
	width: 228px;
	float: left;
	background: transparent url(http://www.carlescanongia.cat/css/sidebar.png) repeat-y;
}

#form-busca span.form-espai
{
	height: 20px;
	width: 10px;
	background: transparent url(http://www.carlescanongia.cat/css/form-espai.png) left no-repeat;
	float: left;
	display: inline;
	border: 0;
	margin: 12px 0 12px 12px;
	padding: 0;
}

#form-busca input.form-text
{
	height: 20px;
	width: 172px;
	background: transparent url(http://www.carlescanongia.cat/css/form-text.png) right no-repeat;
	float: left;
	display: inline;
	border: 0;
	margin: 12px 0 12px 0px;
	padding: 0;
}

#form-busca input.form-submit
{
	display: inline;
	float: right;
	border: 0;
	height: 20px;
	margin: 12px 12px 12px 0;
	padding: 0;
	width: 20px;
	cursor: pointer;
	background: transparent url(http://www.carlescanongia.cat/css/form-lupa.png) no-repeat;
}

.altres-articles
{
	background: transparent url(http://www.carlescanongia.cat/css/fons-content.png) repeat;
	text-align: center;
	width: 600px;
	margin: 12px 0 10px 60px;
	clear: both;
	height: 24px;
}

#contingut .altres-articles p a { text-decoration: none; }

.altres-articles p
{
	margin: 0;
	padding: 0 12px;
	line-height: 24px;
}

span.to-prev { float: left; }
span.to-next { float: right; }

.lateral
{
	margin: 12px 0;
	padding: 12px;
	height: 100%;
	background: transparent url(http://www.carlescanongia.cat/css/sidebar.png) repeat-y;
	color: #fff;
}

.lateral h3
{
	color: #fff;
	background: transparent;
	font-weight: normal;
	margin-top: 12px;
	clear: both;
}

#sidebar p.carles-c
{
	margin: 0;
	padding: 0;
	height: 145px;
	width: 200px;
	background: transparent url(http://www.carlescanongia.cat/css/carles-c.png) top center no-repeat;
}

#sidebar .articles-recents li { padding-top: 12px; }

#footer
{
	width: 900px;
	margin: 0px auto;
	color: #fff;
	position: relative;
	clear: both;
	height: 48px;
	line-height: 48px;
}

p.legalitat
{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 48px;
	line-height: 48px;
	position: relative;
	background: transparent url(http://www.carlescanongia.cat/css/top-negre.png) repeat-x;
}

p.design
{
	display: inline;
	float: left;
	margin: 0 240px 0 0;
	padding: 0;
	width: 200px;
	height: 48px;
	line-height: 48px;
	position: relative;
	background: transparent url(http://www.carlescanongia.cat/css/top-negre.png) repeat-x;
}

p.info
{
	display: inline;
	float: left;
	margin: 0 0 0 60px;
	padding: 0;
	width: 200px;
	height: 48px;
	line-height: 48px;
	position: relative;
	background: transparent url(http://www.carlescanongia.cat/css/top-negre.png) repeat-x;
}