/*
Theme Name: d507m
Theme URI: http://www.joanpique.com/portfolio/d507m
Description: Designed by: <a href="http://www.joanpique.com">Joan Piqu&eacute;</a> 
Version: v0.1b
Author: Joan Pique
Author URI: http://www.joanpique.com
Tags: 800x600, fixed width, 2 columns, right sidebar, head rotator, widgets and various plugins integrated
*/

/*############################### ESTANDARS
*/
body{
	background: #eee url(plantilla/bg_web_masfigueres.jpg) no-repeat fixed;
	margin: 20px 0;
	padding: 0;
	font-family: Verdana, Tahoma, "Lucida Grande", sans-serif;
	font-size: 14px;
	text-align: center;
	color: #333;
	line-height: 1.2;
	}
a img{
	border: 0;
	}
a:link, a:visited {
	color: #333;
	text-decoration: none;
	}
a:hover {
	color: #c00;
	text-decoration: none;
	background: #fff;
	}
strong {
	font-weight: bolder;
	}
small {
	font-size: 77%;
}
abbr {
	border-bottom: 1px dotted #333;
	color:#900;
	cursor: help;
}
em {
	font-style: italic;
}
p {
	margin: 10px 0;
}
hr {
clear: both;
visibility: hidden;
} 
/* CLASSES */
.destacat {font-weight: bold; text-align: center; margin: 10px 0; padding: 8px; background: #fff; border: 2px dotted #d96464;}
.centrat {text-align: center;}
img.aligncenter {text-align: center; margin: 0 auto;}
img.alignleft {text-align: center; margin: 0 auto;} /* evitar errors */
img.alignright {text-align: center; margin: 0 auto;} /* evitar errors */
.float-left {float: left; margin: 0 10px 0 0;}
.float-right {float: right; margin: 0 0 10px 0}
	
/*############################### PLANTILLA
*/
div#inici{
	width: 736px;
	height: 5px;
	background: #333;
	margin: 0 auto;
	padding: 0;
	}
div#contenedor{
	width: 736px;
	background: url(plantilla/bg_cos_masfigueres.jpg);
	background-position: center top;
	background-repeat: repeat-y;
	margin: 0 auto;
	padding: 10px;
	}
	div#rotator {
		width: 710px;
		height: 200px;
		background: url(plantilla/headers/rotator.php) no-repeat;
	}
	div#rotator h1 {	
		float: left;
		margin: 0;
		padding: 50px 0 0 10px;
		text-indent: -9999px;
		}
	div#rotator h1 a {
		display: block;
		width: 350px;
		height: 100px;
		background: url(plantilla/mas-figueres-logo-blog.png) no-repeat bottom left;
		}
div#cap {
	width: 710px;
	height: 200px;
	margin: 0 auto;
	}
	div#cap-contingut {
		position: relative;
		width: 710px;
		height: 200px;
		margin: 0;
		padding: 0;
		}
	div#cap-contingut ul {
		float: right;
		padding: 0;
		margin: 4px 4px 0 0;
		list-style: none;
		font-size: 90%;
		}
	div#cap-contingut ul li {
		display: inline;
		}
	div#cap-contingut ul li a {
		float: left;
		background: url(plantilla/menu-trans.png) repeat 0 0;
		color: #000;
		height: 20px;
		padding: 5px 10px;
		text-decoration: none;
		}
	div#cap-contingut ul li a:hover, div#cap-contingut ul li a.actiu {
		color: #FFF;
		background-position: 0 -30px;
		height: 20px;
		}
div#modul{
	width: 710px;
	margin: 0 auto;
	}
	div#modul-contingut{
		margin-top: 10px;
		padding: 10px;
		text-align: left;
		background: url(plantilla/bg_moduls_masfigueres.jpg);
		background-position: bottom right;
		background-repeat: no-repeat;
		color: #111;
		}
	/* FRASE */
		#frase {clear:both;}
		#frase  blockquote {background-color: #333; padding: 10px; -moz-border-radius: 0 20px 20px 0; margin: 	10px auto; color: #fff;}
		* html #frase  {text-align: center;}
div#peu {
	width: 710px;
	margin: 0 auto;
	}
	div#peu-contingut {
		margin-top: 10px;
		text-align: center;
		color: #fff;
		background: #333;
		padding: 10px;
		}
	div#peu-contingut p {
		font-size: 80%;
		margin: 0;
		padding: 0;
		}
	div#peu-contingut a:link, div#peu-contingut a:visited{
		text-decoration: none;
		color: #fe0;
		}
	div#peu-contingut a:hover {
		color: #c00;
		background: #fff;
		}
div#final{
	width: 736px;
	height: 5px;
	background: url(plantilla/final-trans.png) no-repeat;
	margin: 0 auto;
	}

/*BLOCS */
#sidebar {
	float: right; 
	width: 200px;
	padding: 0;
	margin: 0;
	}
#sidebar a, #sidebar a:link, #sidebar a:visited {
	color: #c00;
	}
#sidebar a:hover {
	color: #c00;
	background: #fff;
	}
* html #sidebar {
	width: 200px;
	margin: 0;
	}
#sidebar p {margin: 10px 0;}
#sidebar ol {margin: 10px 5px; text-align: left;}
#sidebar ul{
	margin: 10px 5px;
	text-align: left;
	list-style-type: none;
	}
div#sidebar ul li{
	padding: 0 0 5px 20px;
	background: url(img/predefinit.png) no-repeat;	
	}
div#sidebar ul li li {background: url(img/predefinit_2.png) no-repeat;}
div#sidebar ul.seccions li{background: url(img/seccions.png) no-repeat;}
div#sidebar ul.seccions li li {background: url(img/subseccions.png) no-repeat;}
div#sidebar ul.categories li{background: url(img/categories.png) no-repeat;}
div#sidebar ul.categories li li {background: url(img/subcategories.png) no-repeat;}
div#sidebar ul.afiliats li{background: url(img/afiliats.png) no-repeat;}
div#sidebar ul.afiliats li li {background: url(img/afiliat.png) no-repeat;}


/*POSTS */	
.post {float:left; margin: 0 0 10px 0; padding: 0; width:480px;}
.post-cap {background: #333; color: #fff; padding: 8px 10px; margin: 0; -moz-border-radius: 8px 8px 0 0;}
.post-cap a, .post-cap a:link, .post-cap a:visited {color: #fe0;}
.post-cap a:hover {color: #000;}
.post-cap h2 {font-size: 130%; font-weight:bold; padding: 0 0 5px 0; color:#fff;}
.post-cap h2 a:hover {color: #fff; background: none}
.post-contingut {background: #f6f6f6; margin:0; padding: 5px 10px;}
.post-contingut h3 {color: #444; font-size: 110%; font-weight:bold; border-bottom: 2px solid #ccc; padding: 0 0 5px 10px; margin: 10px 0 10px 0;}
.post-contingut h4 {color: #444; font-size: 110%; font-weight:bolder; border-bottom: 2px solid #eee; padding: 0 0 5px 10px; margin: 10px 0 10px 0;}
.post-contingut ul {margin: 10px 5px; text-align: left; list-style-type: none;}
.post-contingut ul li{padding: 0 0 5px 20px; background: url(img/predefinit.png) no-repeat;	}
.post-contingut ol {margin: 10px 5px 10px 30px; text-align: left; list-style-type: none;}
.post-contingut ol li{padding: 0 0 5px 0; list-style-type: decimal}
.post-participacio {margin: 15px 20px 5px 20px; height: 20px;}
.post-meta-peu {color: #fff; background: #333; margin:0; padding: 8px 10px; -moz-border-radius: 0 0 8px 8px;}
.post-meta-peu a, .post-meta-peu a:link, .post-meta-peu a:visited {color: #fe0;}
.post-meta-peu a:hover {color: #c00; text-decoration: none}
/* ERROR 404 */
.post-cap-error {background: #c00; color: #fff; padding: 8px 10px; margin: 0; -moz-border-radius: 8px 8px 0 0;}
.post-cap-error h2 {font-size: 130%; font-weight:bold; padding: 0; color:#fff;}
.post-error {background: #fcc; border-top: 2px solid #c00; border-bottom: 2px solid #c00; padding: 10px 15px; color: #c00;}

/*ASIDES */	
.aside {float:left; margin: 0 0 10px 0; padding: 0; width:480px;}
.aside-contingut {background: #f7fce4; color: #000; margin:0; border: 3px solid #6b8512; padding: 10px; -moz-border-radius: 8px;}
.aside-contingut a, .aside-contingut a:link, .aside-contingut a:visited {color: #6b8512;}
.aside-contingut a:hover {color: #000;}
.aside-contingut h2 {font-size: 130%; font-weight:bold; padding: 8px; background: #6b8512; text-align: center}
.aside-contingut h2 a, .aside-contingut h2 a:link, .aside-contingut h2 a:visited {color: #fff;}
.aside-contingut h2 a:hover {color: #000; background: none}
.aside-contingut h3 {margin: 10px 0; padding: 5px; font-size: 110%; font-weight: bold; color: #6b8512; border-bottom: 2px solid #e2f2d2;}

/* SOCIAL */
h3#social {
	font-size: 110%; 
	font-weight: bold; 
	padding: 8px 0 8px 15px;
	color: #fff; 
	background: #ffae00;
	margin-top: 10px;
	-moz-border-radius: 12px 12px 0 0;
	}
.social {
	font-weight: bold;
	padding: 4px;
	color: #000; 
	background: #fbeac5;
	-moz-border-radius: 0 0 12px 12px;
	margin: 0 auto;
	text-align: center;
	}

/* PARTICIPA */
h3#participa {
	font-size: 110%; 
	font-weight: bold; 
	padding: 8px 0 8px 15px;
	color: #fff; 
	background: #3dddf5;
	margin-top: 10px;
	-moz-border-radius: 12px 12px 0 0;
	}
.participa {
	padding: 8px 10px;
	color: #000; 
	background: #d7faff;
	-moz-border-radius: 0 0 12px 12px;
	margin: 0 auto;
	text-align: center;
	}
.participa p {margin: 0;}
.participa a:link, .participa a:visited  {color: #39f; font-weight:bold;}
.participa a:hover  {color: #39f; font-weight:bold;}
	
/* COMENTARIS */
h3#comments {
	font-size: 110%; 
	font-weight: bold; 
	padding: 8px 0 8px 15px;
	color: #fff; 
	background: #d96464;
	margin-top: 10px;
	-moz-border-radius: 12px 12px 0 0;
	}
h3#respond {
	font-size: 110%; 
	font-weight:bold; 
	padding: 8px 0 8px 15px;
	color: #fff; 
	background: #bfd964;
	-moz-border-radius: 12px 12px 0 0;
	margin-top: 15px;
	}
h3#pings {
	font-size: 110%; 
	font-weight:bold; 
	padding: 8px 0 8px 15px;
	color: #fff; 
	background: #f9cf0d;
	-moz-border-radius: 12px 12px 0 0;
	margin-top: 15px;
	}

ol.pinglist {padding: 0; text-align: justify; background: #f5f5f5;}
ol.pinglist li {margin: 0 0 10px 0; padding: 10px 10px 0 10px; list-style: none; border-bottom: 5px solid #eee;}
ol.commentlist li li {border-bottom: 0;}

.commentlist {padding: 0; text-align: justify; margin: 0 auto;}
.commentlist li {margin: 0 0 10px 0; padding: 15px 10px 25px 10px;	list-style: none; min-height: 60px !important; border-bottom: 5px solid #eee;}
.commentlist li li {	border-bottom: 0;}
.commentlist p { 
	margin: 10px 5px 10px 0;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;	margin: -5px 0 10px 10px;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.nocomments {background: #eee; text-align: center; margin: 0; padding: 10px 0; border-bottom: 5px solid #f4667a;}
.commentmetadata {margin: 0;	display: block;	font-weight: normal;}

/* FORMULARIS */
#commentform {margin: 0 0 10px 0; background: #e8f0c9; padding: 10px; -moz-border-radius: 0 0 8px 8px;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 5px 0;}
#author, #email, #url {  margin: 0; border: 2px solid #eee; padding: 2px; background: #f8f8f8; color: #404040; }
#author:focus, #email:focus, #url:focus, #comment:focus { background: #fff; border: 2px solid #dfef9f; }
#submit {display:block; margin: 15px auto 0 auto; background:#dbeb70; color: #333; padding: 6px; border: 2px solid #fff;}
#submit:hover {background:#fff; color: #333; border: 2px solid #dbeb70; cursor: hand !important; cursor: pointer !important}
textarea {width: 90%; background:#f8f8f8; color: #333; border: 2px solid #fff; padding: 4px;}

/*PLUGIN bm-comment-highlight */
.alt {}
.reader {background: #eee url(img/reader.png) no-repeat bottom left; color: #666}
.commentlist li.reader {border-bottom: 5px solid #ccc;}
.user {background: #f7c9cf url(img/user.png) no-repeat bottom left;; color: #444}
.commentlist li.user {	border-bottom: 5px solid #f4667a;}
.userID_1  {background: #cff0fa url(img/admin.png) no-repeat bottom left; color: #333}
.commentlist li.userID_1 {	border-bottom: 5px solid #3399ff;}