/*
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: 1024x768, fixed width, 2 columns, right sidebar, dark, widgets and various plugins integrated
*/

/* PLANTILLA */
body {
	color: #bbb; 
	font: 13px tahoma, verdana, sans-serif;
	text-align: center; /* per basura IE */
	padding: 0;
	background: url(img/body-bg.jpg) fixed top center;
	}
	
#container {
	margin: 20px auto; 
	width: 960px;
	padding: 0;
	background: url(img/trans.png) repeat;
	text-align: left;
	-moz-border-radius: 20px;
}

* html #container {
	width: 960px;
	}

/* CAP */
#cap {
	width: 960px;
	height: 200px;
	background: url(headers/rotator.php) no-repeat top center;
	border-bottom: 5px solid #222;
	}

* html #cap {
	width: 960px;
	}

#cap h1 {float: left; padding: 44px 0 0 20px;}
#cap #rss {float: right; padding: 10px 44px 10px 0;}

#follow {position: absolute; top: 20px; right: 20px; text-align: center; color:#fff}
	
/* PREDEFINIDES */
p {line-height:1.5em; margin: 10px 0; text-align:left; margin: 10px 20px;}
small {font-size: 75%;}
strong {font-weight: bold;}
em {font-style: italic;}
blockquote {width: 80%; margin: 10px auto; font: 100% sans-serif; background: #000; color: #999; padding: 5px; border-bottom: 5px solid #333; text-align: center;}
abbr {border-bottom: 1px dotted #333; color:#333; cursor: help;}
hr {clear:both; visibility: hidden;}

/*BLOCS */
#sidebar {
	float: right; 
	width: 200px;
	padding: 0;
	margin: 0 10px 0 0;
	}
#sidebar a, #sidebar a:link, #sidebar a:visited {
	color: #bbb;
	text-decoration: none;
	}
#sidebar a:hover {
	color: #dc0;
	}
* 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;}
div#sidebar ul.comentaris li{background: url(img/comentari.png) no-repeat;}

/*POSTS */	
.post {float:left; margin: 0 0 10px 10px; padding: 0; width:730px;}
.post-cap {background: #000; color: #999; padding: 8px 10px; margin: 0; -moz-border-radius: 8px 8px 0 0;}
.post-cap a, .post-cap a:link, .post-cap a:visited {color: #dc0; text-decoration: none}
.post-cap a:hover {color: #fff;}
.post-cap h2 {font-size: 140%; font-weight:bold; padding: 0 0 5px 0;}
.post-cap h2 a, .post-cap h2 a:link, .post-cap h2 a:visited {color: #dc0; text-decoration: none}
.post-cap h2 a:hover {color: #fff;}
.post-contingut {background: #222; margin:0; padding: 5px 10px;}
.post-contingut a, .post-contingut a:link, .post-contingut a:visited {color: #fff; text-decoration: none}
.post-contingut a:hover {color: #dc0;}
.post-contingut h3 {color: #dc0; font-size: 110%; font-weight:bold; border-bottom: 4px solid #333; padding: 0 0 5px 10px; margin: 15px 0 10px 0;}
.post-contingut h4 {color: #cb0; font-size: 100%; font-weight:bolder; border-bottom: 4px solid #333; padding: 0 0 5px 10px; margin: 15px 0 10px 10px;}
.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; background: none}
.post-participacio {margin: 15px 20px 5px 20px; height: 20px; color: #bbb;}
.post-participacio a:link, .post-participacio a:visited {color: #dc0; text-decoration: none}
.post-participacio a:hover {color: #fff;}
.post-meta-peu {color: #999; background: #000; 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: #777; text-decoration: none}
.post-meta-peu a:hover {color: #bbb;}
/* 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 10px; padding: 0; width:730px;}
.aside-contingut {color: #bbb; margin:0; padding: 10px; background: #222; -moz-border-radius: 8px 8px 8px 8px;}
.aside-contingut h2 {font-size: 130%; font-weight:bold; padding: 0 0 5px 0;}
.aside-contingut h2 a, .aside-contingut h2 a:link, .aside-contingut h2 a:visited {color: #dc0; text-decoration: none;}
.aside-contingut h2 a:hover {color: #fff; text-decoration: none;}
.aside-contingut a, .aside-contingut a:link, .aside-contingut a:visited {color: #fff; text-decoration: none}
.aside-contingut a:hover {color: #dc0;}

/* PEU */
#peu {
	margin: 10px 0 0 0; 
	width: 930px;
	padding: 0 15px 10px 15px;
	-moz-border-radius: 0 0 20px 20px;
	color: #888;
	}
* html #peu {
	width: 960px;
	}
#peu a, #peu a:link, #peu a:visited {color: #bbb; text-decoration:none}
#peu a:hover {color: #fff;}

/* CLASSES */
.centrat {text-align: center; margin: 0 auto;}
.float-left {float: left; margin: 0 20px 10px 10px;}
.float-right {float: right; margin: 0 10px 10px 20px}
.destacat {background: #333; border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 10px 15px; color: #999;}
.prevnext {color: #fff;}
.prevnext a:link, .prevnext a:visited {color: #39F; text-decoration:none}
.prevnext a:hover {color: #ddd}
.nospoilers {
	width: 600px;
	margin: 0 auto;
	background: #333;
	border: 1px solid #444;
	padding: 5px;
	}
.nospoilers p {
	text-align: justify;
	}
.spoilers  {
	width: 600px;
	margin: 0 auto;
	background: #333;
	color: #666;
	border: 1px solid #444;
	padding: 5px;
	}
.spoilers p  {
	text-align: justify;
	}

/* SOCIAL */
h3#social {
	font-size: 110%; 
	font-weight: bold; 
	padding: 8px 0 8px 15px;
	color: #bbb; 
	background: #000;
	margin-top: 10px;
	-moz-border-radius: 12px 12px 0 0;
	}
.social {
	font-weight: bold;
	padding: 4px;
	color: #bbb; 
	background: #222;
	-moz-border-radius: 0 0 12px 12px;
	margin: 0 auto;
	text-align: center;
	}
.social a:link, .social a:visited {color: #bbb; text-decoration: none}
.social a:hover {color: #ddd;}

/* PARTICIPA */
h3#participa {
	font-size: 110%; 
	font-weight: bold; 
	padding: 8px 0 8px 15px;
	color: #bbb; 
	background: #000;
	margin-top: 10px;
	-moz-border-radius: 12px 12px 0 0;
	}
.participa {
	padding: 8px 10px;
	color: #bbb; 
	background: #222;
	-moz-border-radius: 0 0 12px 12px;
	margin: 0 auto;
	text-align: center;
	}
.participa p {margin: 0;}
.participa a:link, .participa a:visited  {color: #fff; text-decoration: none}
.participa a:hover  {color: #39f;}
	
/* COMENTARIS */
h3#comments {
	font-size: 110%; 
	font-weight: bold; 
	padding: 8px 0 8px 15px;
	color: #bbb; 
	background: #000;
	margin-top: 10px;
	-moz-border-radius: 12px 12px 0 0;
	}
h3#respond {
	font-size: 110%; 
	font-weight:bold; 
	padding: 8px 0 8px 15px;
	color: #bbb; 
	background: #000;
	-moz-border-radius: 12px 12px 0 0;
	margin-top: 15px;
	}
h3#pings {
	font-size: 110%; 
	font-weight:bold; 
	padding: 8px 0 8px 15px;
	color: #f9cf0d; 
	background: #000;
	-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 a:link, .commentlist a:visited {color: #eee; text-decoration:none}
.commentlist a:hover {color: dc0;}
.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 10px;
	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 5px 10px 10px; opacity:0.4; filter:alpha(opacity=40)}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em; margin: 0 0 0 5px;}
.nocomments {background: #222; text-align: center; margin: 0; padding: 10px 0; border-bottom: 5px solid #000; color: #bbb;}
.nocomments a:link, .nocomments a:visited {text-decoration: none; color: #eee;}
.nocomments a:hover {color: #cf0;}
.commentmetadata {margin: 5px 0 0 10px; display: block; font-weight: normal;}

/* FORMULARIS */
#commentform {margin: 0 0 10px 0; background: #222; padding: 10px; -moz-border-radius: 0 0 8px 8px; color:bbb}
#commentform  a, #commentform  a:link, #commentform  a:visited {color: fff; text-decoration: none}
#commentform  a:hover {color: fe0;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 5px 0;}
#author, #email, #url {margin: 0; border: 2px solid #333; padding: 2px; background: #000; color: #bbb; }
#author:focus, #email:focus, #url:focus, #comment:focus { background: #333; border: 2px solid #444; }
#submit {display:block; margin: 15px auto 0 auto; background:#000; color: #999; padding: 6px; border: 2px solid #333;}
#submit:hover {background:#000; color: #dc0; border: 2px solid #dc0; cursor: hand !important; cursor: pointer !important}
textarea {width: 90%; background:#000; color: #bbb; border: 2px solid #333; padding: 4px;}

/*PLUGIN bm-comment-highlight */
.bmcoff {background: #222;}
.reader {background: #222 url(img/reader.png) no-repeat bottom left; color: #666}
.commentlist li.reader {border-bottom: 8px solid #000;}
.user {background: #222 url(img/user.png) no-repeat bottom left; color: #888}
.commentlist li.user {	border-bottom: 8px solid #000;}
.userID_1  {background: #222 url(img/admin.png) no-repeat bottom left; color: #aaa}
.commentlist li.userID_1 {	border-bottom: 8px solid #000;}