@charset "utf-8";
/*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

CSS Created by Chialab.it

http://www.chialab.it 2011

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

*/

/*...........................................    

    Reset

...........................................*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin:0;padding:0;outline:0}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}

A {text-decoration:none;}
P {margin:0.313em 0 0.313em 0}
A {outline:0; }
:focus {outline: 0;} 
HR {height:0px; border:0px; margin:10px 0px 10px 0px; border-top:1px solid #666}
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup {bottom: 1ex;}
sub {top: .5ex;}

button {outline:0; }

/*...........................................    

    General, elements

...........................................*/

	BODY {
		font-family: 'TitilliumText22LLight','Droid Sans', arial, serif; 
		font-size:14px;
		background-color: #cc3300;
	}
	
	strong {font-weight:normal; font-family: 'TitilliumText22LBold'; }
	
	article {
		min-width:800px;
	}

	A:hover {
		text-decoration:underline;
	}
	
	footer {
		margin: 0px 0px 0px 355px;
		color:#FFF;
	}

/*...........................................    

    Typography

...........................................*/

	.thin {
		font-family: 'TitilliumText22LThin','Droid Sans', arial, serif;
		font-size:0.8em;
	}


/*...........................................    

    header - id est: first left panel

...........................................*/

	header {
		position:relative;
		float:left;
		width:320px;
		min-height:1200px;
		padding:20px;
		color:#fff;
		font-family: 'TitilliumText22LThin','Droid Sans', arial, serif; 
		overflow:auto;
	}

	header H1 {
		font-size:2em; 
		margin-top:75px;
	}
	
	header UL {
		margin-top:35px;
	}

	header .intro {
		margin:55px 0 60px 0;
		font-size:1.2em;
	}
	
	header A {
		color:#FFF;
	}

/*...........................................    

    panels

...........................................*/
	
	section {
		float:left;
		margin-top:-1px;
		margin-left:-1px;
		width:250px;
		padding:15px 0 30px 0;		
		border:1px solid #dedede;
		min-height:1200px;
		/*
		-moz-box-shadow: 0 0 5px #333;
		-webkit-box-shadow: 0 0 5px #333;
		box-shadow: 0 0 5px #333;
		*/
	}

	section H1 {
		font-size:1.3em; 
		padding:10px; 
		margin-bottom:5px;
		border-bottom:1px solid #dedede;
		color:#dedede;
		font-weight:normal;
	}

	section label {
		display:block; width:25px;
		background-color:#FFF;
		float:left; 
		height:1200px;
		z-index:100;
		top:0px;
		margin-right:-10px;
		opacity:0;
	}
	
	.trigger {cursor:pointer;}
	
	.closed label.trigger:hover {
		opacity:0.1;
	}
	
	section.closed H1 {
		-webkit-transform: rotate(90deg); 
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		margin-top:0px;
		white-space:nowrap;
		color:#333;
		font-size:0.9em;
	}

	section footer {
		mrgin:0px;
		padding:10px;
		border:0px;
		text-align:left;
	}

	section footer A {
		color:#333;
	}

	section.closed {
		width:25px !important;
		overflow:hidden;
		background-image:none !important;
		cursor:pointer;
	}

	section.closed DIV, section.closed UL, section.closed P, section.closed footer,section.closed img, section.closed button {
		display:none;
	}


	section UL {
		margin:10px;
	}
	
	section LI {
		font-size:0.9em;
		color:#dedede;
	}
	
	section A {
		color:#fff;
	}

/*...........................................    

    specific single panels styles
    
...........................................*/

	#giap {
		z-index:50;
		background-color:#669999;
		padding-top:20px;
	}
	#giap label {margin-top:-20px}
	
	#giap H4 {
		font-size:1.35em;
	}

	#giapc {
		z-index:50;
		background-color:#819964;
		padding-top:60px;
	}
	
	#giapc label {margin-top:-60px}
	
	#tweets, #identica {
		z-index:30;
		background-color:#999966;
		padding-top:40px;
	}
	#tweets label, #identica label {margin-top:-40px}

	#tweets div, #identica div {
		padding:10px;
	}

	#tweets UL, #identica UL {
		margin:0px !important;
	}
	
	#tweets .reload, #identica .reload {
		margin-left:210px !important;
		background: transparent url('../img/reload.png') no-repeat;
		border:0px solid silver;
		width:27px;
		height:27px;
	}
	
	.identica_list LI, .tweet_list LI {
		color:#000 !important;
		border-bottom:1px dotted #666;
		padding-bottom:10px;
		margin-bottom:10px;
	}

	.identica_list LI A {
		color:#333;
	}

	.identica_list LI:first-child P {
		font-size:1.5em;
	}

	.identica_list LI time {
		display:block;
		text-align:right; font-size:0.9em;
	}

	.identica_list LI time A {
		color:#fff;
	}

	
	.tweet_text {
		font-size:1em;
		line-height:1.3em;
	}

	.tweet_first .tweet_text {
		font-size:1.3em;
		line-height:1.3em;
	}

	.tweet_first A {
		font-size:0.9em;
	}

	a[title="view tweet on twitter"] {
		display:block;
		color:#333;
		text-align:right;
		font-size:0.85em;
		margin:10px 0px 10px 0px;
		font-style:italic;
	}

	#podcast {
		z-index:20;
		background-color:#d3ad61;
		background-color:#996666;
		padding-top:60px;
	}
	#podcast label {margin-top:-60px}
	
	#archeoming{
		z-index:10;
		background-color:#cc9966;
		padding-top:0px;
	}
	#archeoming label {margin-top:0px}
	
	#archeoming DIV {
		margin:10px;
		font-size:0.85em;
	}

	#archeoming H2, #archeoming H2 A {
		color:#FFF;
	}

	#archeoming H2 {
		margin-top:10px;
		font-size:1.1em;
	}	

	#archeoming A {
		color:#333;
	}

	#archeoming UL {
		margin-top:0px;
	}
	
	#archeoming LI {
		list-style: disc;
		font-size:1em;
	}

	#archeoming LI A {
		color:#000;
	}
		
	#utility {
		padding-top:140px;
		border:0px;
		color:#CCC;
	}
	
	#utility label {margin-top:-140px}
	
	#utility div {
		margin:10px; font-size:1em; line-height:1.2em; border-bottom:0px solid #CCC; padding-bottom:10px;
	}
	
	#utility P:first-child {
		text-indent:0px;
	}	
	
	#utility P {
		text-indent:0px; margin-top:10px; 
	}

	.rssRow {
		padding-bottom:10px;
		margin-bottom:10px;
	}

	.rssRow.odd {
		/*background-color:red;*/	
	}
	
	.rssRow:last-child {
		border-bottom:0px dotted #ccc;	
	}
	
	.rssRow P {
		word-wrap: break-word;
	}

	.desc {
		margin:10px; font-size:0.85em;
	}

.cartiglio {
	position:absolute; left:170px; top:0px;
	background: transparent none center no-repeat;
	
}