
* {
	margin: 0;
	padding: 0;
}

acron
{
	border-bottom: 1px dotted #000000;
}


body {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color: #222222;
	margin:0;
  padding:0;
  line-height: 1.5em;
  background-color: #dddddd;
  min-width: 900px;
  font-size: 11px;
}

td { font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; }

a
{
  color: #444444;
}

a:hover
{
  color: #dddddd;
  background-color: #444444;
}


/*
	Inici formateig global

*/

#header
{
  background: #142E3E;
  color: #ffffff;
/*  height: 100px; /*Height of top section*/*/
  /*display: block;*/
/*  padding: 10px;*/
  margin: 0;
}

#header h1
{
  padding: 20px 0 0 20px;
}

#header h1 a, #header h1 a:hover
{
  text-decoration: none;
  color: #ffffff;
  background-color: #142E3E;
}

#header p
{
  float: right;
/*  background-color: #999999;*/
  display: block;
  margin: -20px 20px 0 300px;
/*  width: 70%;*/
  height: 30px;
}

#central
{
  float: left;
  width: 75%;
  margin: 0 25% 0 0;
/*  font-size: 0.7em;*/
  
}

#caixacentral
{
  margin: 20px;
  padding: 20px;
  background: #ffffff;
  
}

#dreta
{
  float: left;
  width: 25%;
  margin-left: -25%;
}

#caixadreta
{
  margin-top: 20px;
  padding: 20px 20px 0 0;
}

#footer
{
  clear: left;
  width: 100%;
  background: black;
  color: #FFF;
  text-align: center;
  padding: 4px 0;
}

#footer p
{
  margin: 0;
  color: #dddddd;
}


/* INI TABS */

#tabs
{
  padding: 0;
  width: 100%;
}

#tabs ul
{
  margin:0;
  margin-left: 20px;
  margin-top: 40px;
  padding: 0;
  list-style: none;
}

#tabs li
{
  display: inline;
  margin: 0 2px 0 0;
  padding: 0;
  text-transform:uppercase;
}

#tabs a
{
  float: left;
  display: block;
  margin: 0 3px 0 0;
  padding: 5px 20px;
  text-decoration: none;
  letter-spacing: 1px;
/*  font-size: 0.9em;*/
  background-color: #444444;
  color: #dddddd;
  font-weight: bold;
  
}

#tabs a:hover
{
  background-color: #999999;
  color: #222222;
}

#tabs a.current
{
  background-color: #dddddd;
  color: #222222;
}


#tabsline
{
  clear: both;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 5px;
/*  line-height: 5px;*/
  background: #dddddd;
}

#cerca
{
  padding: 0;

}

#cerca p
{
  font-weight: bold;
}

#cerca input
{
  width: 100%;
}

/* FI TABS */

/*
	Final formateig global

*/


h1
{
	font-size: 2em;
}
h2
{
	font-size: 1.5em;
}
h3
{
	font-size: 1.15em;
}
h4
{
	font-size: 1em;
}

#caixadreta ul
{
  margin-bottom: 25px;
  margin-top: 10px;
}
#caixadreta li
{
  list-style: none;
  margin-left: 10px;
  margin-bottom: 4px;
}



.clear
{
  clear: both;
  padding: 0;
  margin: 0;
}

.icon {
  background-color: #999999;
  background-repeat: no-repeat;
}

.nou
{
  background-color: #C30000;
}

.permanent
{
	border: 1px solid #DDDDDD;
	background-color: #EEEEEE;
}


.article
{
	margin-top: 10px;
	padding: 0px 30px 30px 30px;
}

	.article h3
	{
		margin-bottom: 15px;
	}
	.article h2
	{
		margin-top: 25px;
	}
	.article h2 #FFB3B0
	{
		color: #333333;
		text-decoration: none;
	}
	.article h2 h5:hover
	{
		text-decoration: underline;
		color: #22CC11;
	}
	
	.article p
	{
		text-align: justify;
	}
	
	
	img.right
	{
		float: right;
	    margin: 3px 0px 20px 20px;
	    display: block;
	
	    padding: 1px;
	    border: 1px solid #ccc;
	}
	
	img.left
	{
		float: left;
	    margin: 0px 20px 0px 0px;
	    display: block;
	
	    padding: 1px;
	    border: 1px solid #ccc;
	}
	
	
	
	img.center
	{
/*		float: right;*/
	    margin: 3px 0px 20px 20px;
	    display: block;
	
	    padding: 1px;
	    border: 1px solid #ccc;
	}
	
	
.comentari
{
	background-color: #EEEEEE;
	padding: 10px;

}	
.peucomentari
{
	margin-bottom: 20px;
	margin-top: 7px;
	border-top: 1px dotted #666666;
}
	
#error
{
	padding: 20px;
	display: block;
	background-color: #FFC3C6;
	border: 1px solid #FF0000;
	color:  #FF0000;
	text-align: center;
}

.caixa
{
	padding: 10px;
	display: block;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	color:  #000000;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}

.panelito
{
	padding: 10px;
	display: block;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	color:  #000000;
}

.bloc
{
	padding: 10px;
	margin: 0px;
	display: block;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color:  #000000;
	width: 45%;
	height: 200px;
	float: left;
	font-size: 1.2em;
}

.dreta
{
  float: right;
}
.escrol
{
	overflow: auto;
}
.blocdeblocs
{
	display: block;
	height: 270px;
	width: 100%;
}


.maneta
{
	cursor: pointer;
}

.mes
{
	padding: 10px;
	display: block;
	background-color: #225594;
	border: 1px solid #666666;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	width: 150px;
}
.mes:hover
{
	text-decoration: none;
}
#flash
{
	padding: 20px;
	display: block;
	background-color: #EEEEEE;

	border: 1px solid #CCCCCC;
	color:  #000000;
	text-align: center;
}

#editor_blog
{
	
}

	#editor_blog p
	{
		margin-top: 20px;
	}

	
	
.llarg
{
	width: 100%;
}	
	
.untopic
{
	text-align: center;
}
.untopic:hover
{
	background-color: #EEEEEE;
}
	.untopic td
	{
		border-bottom: 1px solid #CCCCCC;
	}
	
	
.postforum
{
	text-align: left;
}
	.postforum td
	{
		border-bottom: 1px solid #CCCCCC;
	}
	
.postporra
{
	text-align: left;
}
	.postporra td
	{
		border-bottom: 1px solid #CCCCCC;
		padding: 10px;
	}
	
.estat0
{

}
.estat1
{
}
.estat2
{
	background-color: #DDDDDD;
}

.guanyant0
{
	
}
.guanyant1
{
	background-color: #5EFB6E;
}
.guanyant2
{
	text-decoration: line-through;
	background-color: #E77471;
}
.ord
{
	background-color: #FFFF99;
}

.ordh
{
	color: #225594;
}

.info
{
	padding-bottom: 10px;
	font-size: 0.9em;
	font-style: italic;
}


.blogshome
{
	text-align: left;
}
	.blogshome th
	{
		background-color: #DDDDDD;
		height: 15px;
		padding: 5px;
	}
	.blogshome td
	{
		padding-left: 5px;
	}
	
	
.doble
{
	border: 1px solid #666666;
}
	.doble th
	{
		background-color: #EEEEEE;
		height: 30px;
	}
	.doble td
	{
		text-align: center;
		width: 270px;
		height: 270px;
		background-color: #EEEEEE;
	}
	
	.doble td.descripcio
	{
		height: 30px;
		padding-top: 20px;
		padding-bottom: 20px;
		width: 360px;
	}
	
	.doble td.extres
	{
		width: 150px;
	}
	
	.doble td.extres p
	{
		text-align: left;
		margin: 10px;
	}
	
	
.llistadobles
{
	
}
	.llistadobles th
	{
		background-color: #DDDDDD;
		height: 30px;
	}
	
	.llistadobles td
	{
		height: 20px;
			border-bottom: 1px solid #CCCCCC;
	}
	.llistadobles tr:hover
	{
		background-color: #EEEEEE;
	}
	
	.llistadobles td.dob
	{
		width: 140px;
	}
	.llistadobles td.mig
	{
		width: 30px;
		text-align: center;
	}
	
	
	
.miniatura
{
	margin-top: 20px;
	margin-bottom: 10px;
}
	.miniatura p
	{
		margin-bottom: 5px;
	}
	
	.mesaladreta
	{
		margin-left: 20px;
	}
	
	
	/* A partir d'aqui CSS de TUMBLR */
	
	
 div.post {
            margin-bottom: 30px;
            position: relative;
        }

	    div.post img.permalink {
            border-width: 0px;
            width: 23px;
            height: 9px;
            position: absolute;
            top: 5px;
            right: 5px;
            display: none;
        }

            div.post:hover img.permalink {
                display: block;
            }

        div.post h2 {
            font-size: 20px;
            color: #444;
            margin: 0px 0px 25px 0px;
        }

        div.post h2 a {
            color: #444;
            text-decoration: none;
        }

		div.post p
		{
			margin-top: 0px;
			margin-bottom: 0px;
		}

/*        a {
            color: #111;
        }*/

        /* Regular Post */
        div.post div.regular {
            font: Normal 11px 'Lucida Grande', Verdana, Arial, sans-serif;
            line-height: 17px;
        }

            div.post div.regular blockquote {
                font-style: italic;
            }

        /* Photo Post */
        div.post div.photo img {
            border-width: 0px;
        }

        div.post div.photo div.caption {
            font-size: 11px;
            margin-top: 5px;
            color: #888;
        }

            div.post div.photo div.caption a {
                color: #888;
            }

        /* Quote Post */
        div.post div.quote {
            padding: 0px 30px 0px 30px;
        }

            div.post div.quote span.quote {
                font-size: 24px;
                color: #444;
            }

                div.post div.quote span.quote a {
                    color: #444;
                }

                div.post div.quote span.quote big.quote {
                    font: Bold 60px Georgia, serif;
                    line-height: 1px;
                    vertical-align: -23px;
                    opacity: 0.4;
                    -moz-opacity: 0.4;
                    filter: alpha(opacity=40);
                }

                    div.post div.quote span.quote big.quote a {
                        text-decoration: none;
                    }

            div.post div.quote div.source {
                font-size: 16px;
                color: #666;
            }

                div.post div.quote div.source a {
                    color: #666;
                }

        /* Link Post */
        div.post div.link {
            color: #666;
            font-size: 24px;
            letter-spacing: -1px;
        }

            div.post div.link a.link {
                color: #666;
                text-decoration: none;
                border-bottom: dotted 1px #666;
            }

            div.post div.link div.description {
                font-size: 15px;
                letter-spacing: 0px;
                line-height: 20px;
            }

        /* Conversation Post */
        div.post div.conversation ul {
            list-style-type: none;
            margin: 0px;
            padding: 0px 0px 0px 1px;
            border-left: solid 5px #555;
        }

            div.post div.conversation ul li {
                font-size: 12px;
                padding: 4px 0px 4px 8px;
                color: #000;
                margin-bottom: 1px;
            }

                div.post div.conversation ul li span.label {
                    font-weight: bold;
                }

                div.post div.conversation ul li.odd {
                    background-color: #f4f4f4;
                }

                div.post div.conversation ul li.even {
                    background-color: #e8e8e8;
                }

        /* Audio Post */
        div.post div.audio div.caption {
            margin-top: 5px;
            color: #888;
            font-size: 11px;
        }

            div.post div.audio div.caption a {
                color: #888;
            }

        /* Video Post */
        div.post div.video div.caption {
            margin-top: 5px;
            color: #888;
            font-size: 11px;
        }

            div.post div.video div.caption a {
                color: #888;
            }

	    #navigation {
	        font-size: 11px;
            font-weight: bold;
	    }

	        #navigation a {
                color: #555;
	            text-decoration: none;
	        }

	        #navigation a:hover {
	            text-decoration: underline;
	        }


			.date {
				        margin: 30px 0px 10px 0px;
				        color: #ccc;
				        font-size: 24px;
				        text-align: right;
				        letter-spacing: -1px;
				        text-transform: uppercase;
				        border-bottom: solid 1px #ccc;
				    }


	div.post .video
	{
		text-align: center;
	}


	#historial
	{
		height: 500px;
		overflow: auto;
		margin-bottom: 1px;

	}

	.missatge
	{
		border-bottom: 1px solid #000000;
	}
	.missb
	{
		background-color: #EEEEEE;
	}

/*	.missatge:hover
	{
		background-color: #DDDDDD;
	}
*/

		.missatge_nom
		{
			display: block;
			width: 100px;
			text-align: right;
			float: left;
			font-weight: bold;
		}

		.missatge_m
		{
			margin-left: 20px;
			padding-right: 100px;
		}
		.missatge_data
		{
			color: #666666;
			text-align: right;
		}
