@charset "UTF-8";

/* ****************************************************

	@file:		  style.css
	@cescription: Feuille de style d'écran
	@author:      remi (exomel.com)
	@updated:	  20090704

	@notes:       Vous pouvez vous servir de ce fichier
	              pour créer un nouveau thème pour
				  Pubwich.

******************************************************/

/**
 *	Basic
 ******************************************************************/

@import url(reset.css);

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

hr { display: none; } 
a * { cursor: pointer; }

body{background:#0a0e10 /*url(img/fondo.jpg) repeat-x scroll 0 0*/;color: #fbfbfb;font-size: 63.5%;line-height: 1.5;font-family: "Lucida Grande", "Liberation Sans", Tahoma, Verdana, Arial, sans-serif;}
#wrap{font-size:110%;width:1020px;margin:20px auto 0;}
#skip{position:absolute;left:-999px;}
a{color:#ccc;text-decoration:none;border-bottom:1px dotted #aaa;}
a:hover{color:#fff;border-color:#fff;}
acronym,abbr{cursor:help;}
#footer{text-align:center;color:#777;padding:1.3em 0 1.9em;}
#footer .footer-inner{text-align:center;}
#footer a{color:#aaa;}
#footer a:hover{color:#fff;}
h1{font-size:290%;font-weight:400;color:#202f35;font-family:"Lucida Grande", Arial, sans-serif;height:110px;background:transparent url(img/alber1.png) no-repeat left bottom;line-height:150px;padding-left:130px;}
h1 strong{color:#fafafa;font-weight:400;font-style:normal;font-size:140%;}
h1 a{color:#5c747f;border:none;}
.erreur{background:#111;opacity:0.2px;padding:8px 10px;}
.col1{width:180px;margin-right:20px;float:left;}
.col4{width:180px;float:left;}
/*.inicio{margin-top:10px;}*/
.boite{margin:0 0 18px;}
.boite h2{font-size:120%;background:#202e34;margin-bottom:0.3em;color:#ccc;-moz-border-radius:0.2em;-webkit-border-radius:0.2em;line-height:1.1;font-family:"Lucida Grande", "Arial", sans-serif;padding:8px 10px 9px;}
.boite h2 span{font-size:85%;color:#888;font-weight:400;}
.boite h2 a{text-decoration:none;border:none;}
/*.flickr h2 a{color:#99220F;}*/
.flickr h2 em{color:#FF0084;font-style:normal;}
.lastfm h2 a{color:#DC413A;}
.twitter h2 a{color:#3CF;}
.exomel h2 a{color:#86BAAB;}
.delicious h2 a{color:#3274D0;}
.readernaut h2 a{color:#B6C125;}
.facebook h2 a{color:#5d83d4;}
#intro{margin-bottom:20px;}
#intro div{padding:5px;}
#intro p{margin:0 0 1em;}
#intro2{margin-bottom:20px;}
#intro2 div{padding:5px;}
#intro2 p{margin:0 0 1em;}
#enlaces ul li,#enlaces2 ul li{background:#333;-moz-border-radius:0.4em;-webkit-border-radius:0.4em;margin:0 0 5px;padding:5px 10px 7px;}
#enlaces ul li a,#enlaces2 ul li a{border:0;display:block;}
#enlaces ul li:hover,#enlaces2 ul li:hover{background:#111;}
.flickr ul{padding-top:5px;}
.flickr li{float:left;display:block;margin-right:5px;margin-bottom:5px;}
.flickr li a,.flickr li img{float:left;display:block;border:none;padding:3px;}
#CanalPDA h2 span,#cafetera h2 span,#mundobits h2 span,#extraradi h2 span{float:right;}
.twitter li,#status ul li,#CanalPDA ul li,#cafetera ul li,#mundobits ul li,#extraradi ul li,#mencions ul li,#cardedeu ul li{background:#121a1d;-moz-border-radius:0.3em;-webkit-border-radius:0.3em;margin:0 0 5px;padding:5px 10px 7px;}
.twitter li span.date{display:block;float:left;width:95px;margin-right:10px;}
.twitter li span.date a{color:#777;text-decoration:none;border:none;}
.twitter li p{float:left;display:block;width:260px;}
.twitter li em.from{display:none;}
.delicious ul{padding-top:5px;margin:0 0 0 19px;}
.delicious li{line-height:1.4;list-style:circle;margin:0 0 5px;padding:0 0 5px;}
#credits p{margin:0 0 0.3em;padding:5px;}
.col2,.col3{width:300px;margin-right:20px;float:left;}
.flickr li.derniere,.delicious{margin-right:0;}