/*==============================
			-- GENERAL -- 
==============================*/
*{margin:0;padding:0;border:0;}
.clear{clear:both;}

html,
body{
font:12px Arial, Verdana, Helvetica, sans-serif;
background:#fafafa;}

a{
color:#586de1;
text-decoration:none;}

li{
list-style:none;}

hr{
height:0;
border-top:1px solid #e1e1e1;}


/*==============================
			-- H1-H6 --
==============================*/
h1{
padding-top:22px;
padding-left:30px;}
h1 a {
height:110px;
width:275px;
display:block;
text-indent:-9999px;}

h2{
font-size:23px;
margin-bottom:6px;}
h2 a{
color:#003082;}
h2 a:hover{
text-decoration:underline;}


h3{
font-weight:normal;
font-size:20px;
color:#ababab;
margin-bottom:15px;}

h2,
h3{
font-family:Arial, Verdana, Helvetica, sans-serif;}


/*==============================
			-- HEADER --
==============================*/
#contenedor{
width:967px;
margin:0 auto;
background:#fff;
border-left:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;}

.contenido{
overflow:hidden;
background:url(img/linea.png) repeat-y top right}


#header{
border-bottom:1px solid #eeeef2;}
#header div{
height:154px;
background:url(img/headerbg.png) no-repeat;}

#header p{
padding-left:43px;
font-size:11px;
font-weight:bold;
color:#686868;
line-height:45px;
background:url(img/datebg.png) repeat-x;
font-family:Arial, Verdana, Helvetica, sans-serif;}

/*==============================
			-- CONTENT --
==============================*/
#content{
float:left;
padding:28px 20px 28px 41px;
width:648px;}


/** POST HEADER **/
.post{
padding-bottom:35px;}
.post p{
margin-bottom:15px}

.post .avatar{
float:left;
margin:0 20px 25px 0;}

.post .date{
font-size:90%;
font-weight:bold;
letter-spacing:0.1em;
color:#003082;
float:left;
margin:0;
margin-bottom:15px;
font-family:Arial, Verdana, Helvetica, sans-serif;}
.post .date span{
padding-left:5px;
border-left:1px dotted #9c9c9c;}

.post img.alignleft{
float:left;
margin:10px 20px 10px 0;}
.post img.alignright{
float:right;
margin:10px 0 10px 20px;}

.post .author{
margin-left:5px;
color:#fff;
font-size:90%;
font-weight:bolder;
padding:0 3px;
background:#9eb1cf;}

.post .icono{
float:right;
margin:-2px 5px 0 0;}
.post .icono.last{
margin-right:15px;}

.post .categories{
margin:5px 0 20px 0;}

.post ul.opciones{
margin-bottom:20px;}
.post ul.opciones li{
display:inline;
padding: 0 15px 0 3px;
background:url(img/bglinkli.png) repeat-y right 0;}
.post ul.opciones li a{
padding-left:15px;}
.post ul.opciones span{
background:url(img/linkunderline.png) repeat-x 0 bottom;}

.comentaris a{background:url(img/linkicon1.png) no-repeat 0 center;}
.trackbacks a{background:url(img/linkicon2.png) no-repeat 0 center;}
.comentar a{background:url(img/linkicon3.png) no-repeat 0 center;}
.enviar a{background:url(img/linkicon4.png) no-repeat 0 center;}
.urltrack a{background:url(img/linkicon5.png) no-repeat 0 center;}



/** Comments **/
.comment{
overflow:hidden;
margin-bottom:15px;}

.comment .postnumber{
color:#ff9000;
float:left;
font-size:20px;
margin:0 0 15px -15px;}

.comment .user{
float:right;
width:50px;
font-size:11px;
text-align:center;
font-weight:bold;
padding-right:28px;
background:url(img/commentbox.png) no-repeat right 10px;}
.comment .user a{
color:#000;}

.comment .entry{
float:right;
padding:15px;
width:460px;
margin:0 50px 0 0;
background:#c9d4d8;}

.comment .entry .date{
font-size:12px;
font-weight:bold;
color:#5b7b76;
margin-bottom:15px;}


/*==============================
			-- FORM --
==============================*/
form{
width:485px;
margin:0 0 30px 75px;}

form h3 {
margin-bottom:10px;}

form p{
overflow:hidden;
margin-bottom:10px;}

label{
font-weight:bold;
color:#ababab;
padding-left:10px;}

input{
padding:2px;
float:left;
width:163px;
border:1px solid #e3e9ef;
border-top-color:#abadb3;}

label,
input{
line-height:20px;}

textarea{
border:1px solid #ccc;
width:483px;
background:url(img/textarea.png) repeat-x;
padding:2px;
margin-bottom:10px;}

button{
text-indent:-9999px;
height:17px;
width:74px;
background:url(img/button.png) no-repeat;}


#commentform{
padding-top:30px}

/*==============================
			-- SIDEBAR --
==============================*/
.sidebar{
float:right;
width:257px;}

.sidebar h2{
color:#003082;
font:15px Arial, Verdana, Helvetica, sans-serif;
font-weight:bolder;
line-height:34px;
border-bottom:1px solid #e1e1e1;
background:url(img/sidebarheader.png) repeat-x;}
.sidebar h2 span{
padding-left:20px;
margin-left:7px;
background:url(img/sidebartitleicon.png) no-repeat 0 center;}

.sidebar h2.firsth2{
border-top:1px solid #e1e1e1;}

.sidebar a:hover{
text-decoration:underline;}

/* NETWORKING */
.sidebar .networking{
text-align:center;
padding:10px 0;}
.sidebar .networking a:last-child{
margin-left:20px;}
.sidebar .networking hr{
margin:5px 0 10px 0;}

/* UL */
.sidebar ul{
color:#4b62dd;
line-height:20px;}
.sidebar ul li:last-child{
margin-bottom:5px;}

.sidebar > ul{
margin:10px 0 0 10px;}

.sidebar > ul li{
padding-left:22px;
background:url(img/listicon.png) no-repeat 0 7px;}

.sidebar ul ul{
margin-left:65px;}

.sidebar ul ul li{
padding-left:7px;
background:url(img/listicon2.png) no-repeat 0 center;}

.sidebar form{
margin:15px 0 5px 14px;
width:auto;}

.sidebar button{
width:43px;
height:19px;
margin-left:2px;
background:url(img/buttonsearch.png) no-repeat;}


.sidebar .hr-cercador{
margin-bottom:40px;}

.sidebar .logo{
display:block;
width:122px;
margin:0 0 8px 33px;}

.sidebar .logo.vert{
width:38px;
float:right;
margin:0 40px 0 0;}


/*==============================
			-- FOOTER --
==============================*/
.footer{
color:#799ce0;
text-align:center;
line-height:34px;
width:100%;
background:url(img/footer.png) repeat-y;}

.footer li{
border-right:1px solid #799ce0;
padding:0 5px;
display:inline;}
.footer li:last-child{
border:none;}