﻿/*  
Theme Name: xplosive
Theme URI: http://www.blogohblog.com
Description: A Web 2.0 Wordpress Theme - Widget Enabled, 3 Columns, Blue/Orange
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/
/**************** Body *********************/
* {
	margin: 0;
	padding: 0;
}
body {
	background: #3963C6;
	color: #333;
	font: 0.8em Tahoma;
	text-align: justify;
	margin-bottom: 20px;
	line-height: 20px;
}
#wrapper {
	background: #FFFFFF;
	margin: 10px auto;
	padding: 20px;
	width: 1000px;
}
#header-publi {
	margin: 0;
	padding: 0;
	width: 1000px;
	display: block;
	background: url(images/header-publi-verano.gif) no-repeat left;
	height: 100px;
}
#header {
	margin: 0;
	padding: 0;
	width: 1000px;
}
#header h1 {
	text-indent: -10000px;
	margin: 0;
	padding: 0;
}
#header h1 a {
	display: block;
	background: url(images/noticiasdot-header-verano.gif) no-repeat left;
	height: 120px;
}
h2 a:link, h2 a:visited {
	font-size: 22px;
	color: #003366;
	text-decoration: none;
	font-weight: lighter;
}
h2 a:hover {
	color: #000000;
}
/**************** Entry *********************/
.entry{ float:left;margin-bottom:10px;width:650px;}
.entry h2{padding-bottom:6px;}
.entry p{padding:0 0 10px 0;}

.post {
	padding: 10px;
	text-align: justify;
	margin-bottom: 20px;
	background: url(images/postee.gif) repeat-x top;
}
html > body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}
html > body .entry li {
	margin: 7px 0 8px 10px;
}
.entry ul li:before {
	content: "\00BB \0020";
}
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}
.entry ol li {
	margin: 0;
	padding: 0;
}
/**************** Entry Box *********************/
.content {
	float: left;
	margin-bottom: 10px;
	width: 630px;
	text-align: left;
}
/*   Columnes Content ----------------------------------------------- */
.middle-column-left {
	float: left;
	width: 47.75%;
}
	
.middle-column-right {float: right;width: 47.75%;}

/*   Llistat noticies portada ----------------------------------------------- */

.separador_noticies {text-color: #000000 !important;color: #000000 !important;clear: both;margin: 10px 20px 0 0;}

.separador_noticies ul li {	text-color: #000000 !important;color: #000000 !important;font-size: 90%;list-style: none;border-bottom: 1px dotted #cdcdcd;line-height: 1.3em;padding: 5px 0 5px 0;
}

 .separador_noticies ul li a {

	text-color: #000000 !important;

	color: #000000 !important;

}

.separador_noticies ul li:hover, #sidebar #recentcomments ul li a {

	text-color: #000000 !important;

	color: #000000 !important;

	background-color: #f9f9f9;

	text-decoration: none !important;

}

/* Box backgrounds -  Half width boxes */

/**************************************/


/* Box backgrounds -  left */

/**************************************/


 .middle-column-box-left-white {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
}

 .middle-column-box-left-blue {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(226,238,252);
}

 .middle-column-box-left-yellow {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,240,170);
}

 .middle-column-box-left-green {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(215,244,181);

}

 .middle-column-box-left-red {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,219,219);
}



 .middle-column-box-left-lila {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(242,230,248);
}


 .middle-column-box-left-orange {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(253, 214, 131);
}

 .middle-column-box-left-grey {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(242,240,240);
}


/* Box backgrounds -  right */

/**************************************/


 .middle-column-box-right-white {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
}

 .middle-column-box-right-blue {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(226,238,252);
}

 .middle-column-box-right-yellow {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,240,170);

}

 .middle-column-box-right-green {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(224,244,181);
}

 .middle-column-box-right-red {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,219,219);
}



 .middle-column-box-right-lila {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(242,230,248);

}

 .middle-column-box-right-orange {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(253, 214, 131);

}

 .middle-column-box-right-grey {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(242,240,240);

}



/* Box titlebars */

/*****************/

.middle-column-box-title-grey {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(220,220,220);
	font-weight: bold;
	color: rgb(50,50,50);
}

.middle-column-box-title-orange {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(253, 192, 45);
	font-weight: bold;
	color: rgb(50,50,50);
}


.middle-column-box-title-blue {

	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(187,211,247);
	font-weight: bold;
	color: rgb(50,50,50);
}

.middle-column-box-title-yellow {

	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(255,236,128);
	font-weight: bold;
	color: rgb(50,50,50);

}

.middle-column-box-title-green {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(196,221,108);
	font-weight: bold;
	color: rgb(50,50,50);
}

.middle-column-box-title-red {
    clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(255,176,176);
	font-weight: bold;
	color: rgb(50,50,50);
}



.middle-column-box-title-lila {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(231,198,239);
	font-weight: bold;
	color: rgb(50,50,50);

}

.middle-column-box-title-techcrunch-green {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(0, 140, 0);
	font-weight: bold;
	color: rgb(255, 255, 255);
}

.middle-column-box-title-flickr-blue {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(64, 150, 238);
	font-weight: bold;
	color: rgb(255, 255, 255);
}



/* Text headings and paragraphs */

/********************************/

 .middle-column-box-left-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	font-size: 1.2em;
}

 .middle-column-box-left-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	font-weight: bold;
}

 .middle-column-box-left-white p {

	margin: 0em 0em 0.6em 0em;

}

 .middle-column-box-left-blue p.heading {

	margin: 1.0em 0em 1.0em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

	font-size: 1.2em;

}

 .middle-column-box-left-blue p.subheading {

	margin: 1.0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

}

 .middle-column-box-left-blue p {

	margin: 0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

}

 .middle-column-box-left-yellow p.heading {

	margin: 1.0em 0em 1.0em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

	font-size: 1.2em;

}

 .middle-column-box-left-yellow p.subheading {

	margin: 1.0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

}

 .middle-column-box-left-yellow p {

	margin: 0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

}

 .middle-column-box-left-green p.heading {

	margin: 1.0em 0em 1.0em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

	font-size: 1.2em;

}

 .middle-column-box-left-green p.subheading {

	margin: 1.0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

}

 .middle-column-box-left-green p {

	margin: 0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

}

 .middle-column-box-left-red p.heading {

	margin: 1.0em 0em 1.0em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

	font-size: 1.2em;

}

 .middle-column-box-left-red p.subheading {

	margin: 1.0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

}

 .middle-column-box-left-red p {

	margin: 0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

}



 .middle-column-box-left-lila p.heading {

	margin: 1.0em 0em 1.0em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

	font-size: 1.2em;

}

 .middle-column-box-left-lila p.subheading {

	margin: 1.0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

}

 .middle-column-box-left-lila p {

	margin: 0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

}





 .middle-column-box-right-white p.heading {

	margin: 1.0em 0em 1.0em 0em;

	font-weight: bold;

	font-size: 1.2em;

}

 .middle-column-box-right-white p.subheading {

	margin: 1.0em 0em 0.6em 0em;

	font-weight: bold;

}

 .middle-column-box-right-white p {

	margin: 0em 0em 0.6em 0em;

}

 .middle-column-box-right-blue p.heading {

	margin: 1.0em 0em 1.0em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

	font-size: 1.2em;

}

.middle-column-box-right-blue p.subheading {

	margin: 1.0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

}

.middle-column-box-right-blue p {

	margin: 0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

}

.middle-column-box-right-yellow p.heading {

	margin: 1.0em 0em 1.0em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

	font-size: 1.2em;

}

.middle-column-box-right-yellow p.subheading {

	margin: 1.0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

}

.middle-column-box-right-yellow p {

	margin: 0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

}

.middle-column-box-right-green p.heading {

	margin: 1.0em 0em 1.0em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

	font-size: 1.2em;

}

.middle-column-box-right-green p.subheading {
	margin: 1.0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

}

.middle-column-box-right-green p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}

.middle-column-box-right-red p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-right-red p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.middle-column-box-right-red p {

	margin: 0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

}



.middle-column-box-right-lila p.heading {

	margin: 1.0em 0em 1.0em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

	font-size: 1.2em;

}

.middle-column-box-right-lila p.subheading {

	margin: 1.0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

	font-weight: bold;

}

.middle-column-box-right-lila p {

	margin: 0em 0em 0.6em 0em;

	padding: 0em 1.0em 0em 0.8em;

}

/* Images */

/**********/

 .middle-column-img-left {

	float: left;

	margin: 0.3em 0.5em 0em 0em;

	border: solid 1px rgb(100,100,100);

}

 .middle-column-img-right {

	float: right;

	margin: 0.3em 0em 0em 0.5em;

	border: solid 1px rgb(100,100,100);

}

 #separador_noticies ul li a {

	text-color: #000000 !important;

	color: #000000 !important;

}

#separador_noticies ul li:hover, #sidebar #information {

	width: 270px;
	margin: 5px 0 0 0;
	float: left;
	padding: 0px;
	clear: right;

}

/**************** Caixa mes noticies***************/

.content2{
	float: left;
	margin-bottom: 10px;
	width: 630px;
	background-color: #FFFFCC;
}
.content2 ul li {
	list-style: disc;
	border-bottom: 1px dotted #cdcdcd;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
}

.content2 li a, a:visited, a:hover, a:active {
	color: #cc0033;
	font-weight: normal;
	text-decoration: none;
}


.content2  ol { padding: 0 0 0 35px; margin: 0; }
.content2  ol li { margin: 0; padding: 0; }


/**************** Links *********************/
a:link, a:visited{color: #003366;text-decoration:none;}
a:hover{color:#000000;text-decoration:underline;}

/**************** Navigation *********************/
#navigation{height:40px;}
#menu{background-color:#333333;padding:10px; }
#menu li{display:inline;list-style:none;background-color:#333333; font-weight:bolder;}
.page_item a:link, .page_item a:visited{color: #FFFFFF; padding:10px;}
.page_item a:hover { background-color: #444444; text-decoration:none;}
.current_page_item a:link, .current_page_item a:visited{color:#ffffff;text-decoration:none;padding:10px;}
.current_page_item a:hover { background-color: #444444; text-decoration:none;}

/**************** Sidebars *********************/
#topbar {background:#D6F8F8; float:right; width:350px;}
#topbar h2{font-weight:normal;}

#sidebar1{ background:#D6F8F8; width:160px; float:left; border-right:1px solid #CCCCCC; padding-right:10px;}
#sidebar1 h2{font-weight:normal;}
#sidebar1 ul{list-style-type:none;}
#sidebar1 ul li{list-style-type:none;margin-left:10px;margin-top:20px;}
#sidebar1 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar1 ul li ul li{border:0;border-bottom:1px solid #ccc;display:block;margin:0 0px 5px;padding:0 0 5px 13px;}
#sidebar1 p{padding:0 5px;}

#sidebar2{ background:#D6F8F8; width:160px; float:left;}
#sidebar2 h2{font-weight:normal;}
#sidebar2 ul{list-style-type:none;}
#sidebar2 ul li{list-style-type:none;margin-left:10px;margin-top:20px;}
#sidebar2 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar2 ul li ul li{border:0;border-bottom:1px solid #ccc;display:block;margin:0 0px 5px;padding:0 0 5px 13px;}
#sidebar2 p{padding:0 5px;}

/**************** Search *********************/
#topsearch{ background-color: #333333; padding:10px; background:url(images/search.jpg); border:1px solid #CC3300;}
#topsearch input[type="text"]{ border:1px solid #CC3300; width:17em; color: #333333;font:1em Trebuchet MS, Arial, sans-serif;padding:2px;}
h2.search {font-weight:lighter;}

/**************** Comments *********************/
#comments {font-weight:lighter; padding-top:10px; border-top:1px solid #CCCCCC; margin-top:10px;}
.commentlist{padding:20px;}
#author, #email, #url {color:#666;width:40%;border:1px solid #CC3300;margin-bottom:0.6em;background:#fcfcfc;margin-top:1px;padding:3px;}
#submit{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:70%;border:1px solid #CC3300;}

/**************** Footer *********************/
#footer{color:#ffffff; background-color:#333333;padding:20px;}
#footer a:link, #footer a:visited{color:#CCCCCC;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
}

