@charset "UTF-8";
/* CSS Document */

*{ margin:0; padding:0}
ul, ol { list-style:none}

body{ 
	color: #363F4F;
	color:#1A364F;
	font-family:  Georgia, Cambria, Times, Times New Roman, serif;
	font-size: 81.25%;
	line-height:1.4;
	background:#ddeef6 url(images/bg.gif) center 0 repeat-x;
}

img{ border:0}

a, .recenti{ color:#0180B4; text-decoration:none}
a.seguilo{ display:block; float:right}
a:hover{text-decoration:underline}


p{ margin:5px 0 10px 0}
p.disclaimer{}

#container{ 
	width:960px;
	margin:0 auto;
}

#header{ 
	position:relative;
	width:960px;
	height:245px;
	margin:0 auto; 
	background: url(images/bg_header.gif) 0 0 no-repeat;
	
	}
	
	#notfound #header{
	
	height:446px;
	background:none}
	
	h1{
		position:absolute;
		top:70px;
		left:360px;
	}
	
	* html h1{display:block;width:244px;height:97px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/twitteritalia.png'); }
	* html h1 img{width:244px;height:91px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }


	
	.description{
		position:absolute;
		top:180px;
		left:355px;
	}
	
	
	* html .description{display:block;width:250px;height:36px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/claim.png'); }
	* html .description img{width:250px;height:36px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
	
	
	#header p{ margin:0} 
	
	
	#follow{
		position:absolute;
		top:45px;
		left:670px;
		font-size:130.73%;
		color:#fff;
		font-style:italic;
		font-weight:bold;
	}
	
	#about{
		position:absolute;
		top:150px;
		left:730px;
		font-size:130.73%;
		color:#fff;
		font-style:italic;
		font-weight:bold;
	}
	
	#follow a{ color:#ddff67}
	#about a{ color:#fff}


#wrapper, #extraMenu{
	margin:0 auto;
	position:relative;
	width:770px;} 
	
#menu{
height:40px;
background-color:#0180b4 ;

}



	#menu ul li{
	font-size:115.38%;
	float:left;
	padding:8px 15px; text-shadow: 1px 1px 0 #3EA4CE;}
	
	#menu ul li a{ color:#fff; font-style:italic; font-weight:bold}
	#notfound #menu ul li a{ color:#ddff67; font-style:italic; font-weight:bold}
	#notfound #menu ul{ margin-left:50px;}
	#menu ul li a:hover, #menu ul li a.current{ color:#ddff67}

#extraMenu ul li{ display:inline;
	margin:10px 5px; font-size:11 px}

#content{
background-color:#fff;
margin:0 0 15px 0;
padding:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}

#twitteritalia #content{padding: 10px 150px;}
.random #content{padding: 50px 135px;}

#notfound #content{ background-color:#0172a0} 

#main_content{ width:500px; float:left; display:inline}
#sidebar{ float:left; width:220px; padding:10px 15px;}


.twit{margin:10px 0; float:left; padding: 0 0 5px 0; border-bottom:1px solid #f4f4f4}

#classifica tr.twitter{}
#classifica tr.twitter{ width:500px;}
.metadata{ float:left; width:420px;}
.profile_image{float:left; margin-right:10px; width:50px; height:50px;}
#classifica .profile_image{height:30px}
.screen_name{ float:left; font-style:italic; font-weight:bold; background: url(images/bott_profilo_sx.gif) 0 0 no-repeat;height:27px; padding:0 0 0 4px}
.screen_name a{ float:left; background: url(images/bott_profilo_dx.gif) right 0 no-repeat; padding: 5px 9px 5px 5px; text-Shadow:0 1px 0 #fff; }
.date{ float:right;font-style:italic; color:#999}
.status{ float:left; width:100%; color:#333; margin:5px 0; font-size:115.38%;/*font-family: "Lucida Grande", " Lucida Sans Unicode", Arial, Helvetica, sans-serif;*/}

.metaTwit{ float:left; font-size:84.61%; font-style:italic; color:#999}
.metaTwit li { float:left; margin-right:15px;}


.label{ font-style:italic; color:#CCCCCC}



table#classifica{ border-collapse:collapse; width:500px; margin:15px 0;} 
table#classifica th{color:#0180B4;}
#classifica tr.twitter{}
#classifica td.screen_name, #classifica th.screen_name{  width:200px;}
#classifica td.follower, #classifica th.follower{}
#classifica td a.seguilo img {}
#classifica td { border-bottom:1px solid #f4f4f4; padding:5px 0;}


table .prima{ width:50px; text-align:left}
table .seconda{ width:240px; text-align:left}
table .terza{ width:160px;text-align:left}

.follower em, .friends em, .update em, #profilo em{ background-color:#DDFF67; color:#0180B4; padding:0 2px; font-size:115%}

#profilo .twit .metadata{ width:590px;}
#profilo .twit .metaTwit{ width:590px;}



td.butt_segui{ text-align:right; width:150px}


#profilo{margin:0 70px 10px 0; width:590px; float:left; display:inline}
.profilo dt{ width:200px; font-weight:bold}
.profilo dd{ padding: 0 10px 0 0;}
#profilo h2{ width:560px; float:left;}
#profilo .seguilo{ margin-top:20px;}

li.mega{ 
	  display: inline; 
	  position: relative;
	  cursor: pointer;
	  
	  
	} 
	
li.mega div { 
	  display: none; 
} 

li.mega div { 
	  width: 400px; 
	  position: absolute; 
	  top: 0; 
	  left: 75px;
	  
	  padding: 10px;
	  z-index:10;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;

	  
	} 
	
li.mega div.extratweet { border: 3px solid #ccc; background-color:#fff;} 

.extratweet .status{ font-style:normal;}
.extratweet .metaTwit { font-size:100%}
.extratweet ul.metaTwit {margin-bottom: 10px }

li.hovering div { 
	  display: block; 
	} 
	
	
h2{ font-sixe: 24px; text-shadow: 0 1px 0 #D3ECF6; color:#0172A0; margin:20px 0 }

ol#step, ol#principi{}
ol#step li, ol#principi li{ padding:15px 0; border-bottom:1px solid #f4f4f4; margin:20px 0}
ol#principi li{ padding:15px 0 25px 0;}
ol#step li.step_1, ol#principi li.step_1{padding-left:60px; background:url(images/step_1.gif) 0 0 no-repeat}
ol#step li.step_2,ol#principi li.step_2{padding-left:60px; background:url(images/step_2.gif) 0 0 no-repeat}
ol#step li.step_3, ol#principi li.step_3{padding-left:60px; background:url(images/step_3.gif) 0 0 no-repeat}

#footer{
	margin:30px auto;
	position:relative;
	width:770px;
	text-align:center;
	font-size:11px; font-style:italic} 
	

/*li.mega div li { float:none}*/

/* CLEAR FIX
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix { display: inline-block; }   
.clearfix:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clearfix { height: 1%; }
.clearfix { display: block;}


.awesome{
 background: #0180B4 repeat-x;
display: inline-block;
padding: 10px 10px 9px;
text-align:center;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #ccc;
-webkit-box-shadow: 0 1px 3px #ccc;
text-shadow: 0 1px 0 #fff;
border-bottom: 1px solid #ccc;
 position: relative;
cursor: pointer;}


.aggiorna.awesome{
margin:15px 0;
background: #f4f4f4 url(images/alert-overlay.png) repeat-x;}

#moretwit{color:#E1001A }

 
.big.awesome{ width:481px;}
 
.aggiorna.awesome:hover{ text-decoration:none;  background-color:#E1E0E0}


#sidebar.classifiche{ padding-top:130px;}


/*  RICERCA */

#ricerca_area{
background-color:#002233;
padding:15px 10px;
height:100px;
}


#ricerca_q {
float:left;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-topleft:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-left-radius:5px;
background:#FFFFFF none repeat scroll 0 0;
font-family:  Georgia, Cambria, Times, Times New Roman, serif;
line-height:1.2;
border: 1px solid #f4f4f4;
font-size:17px;
margin:0;
padding:8px 10px;
width:300px;
outline-width:0;
color:#666
}




#ricerca_submit {
float:left;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-top-right-radius:5px;
font-family:  Georgia, Cambria, Times, Times New Roman, serif;

background:#EDEDEC url(images/bg_search.jpg) scroll 0 0;
border:1px solid #f4f4f4;
color:#0180B4;
font-size:17px;
line-height:1.2;
margin:0 0 0 -0.5em;
padding:8px 15px 8px 15px;
text-decoration:none;
text-shadow:0 1px 0 #FFFFFF;
height:38px;
}

#ricerca_submit:hover, #ricerca_submit:focus {
background-position:0 -12px;
background-color:#999999;
color:#f3f3f3;
cursor:pointer;
color:#0180B4
}

#ricerca_submit:focus{
color:#002233}

#ricerca label {
color:#3EA4CE;
display:block;
margin:0 0 6px 2px;
}

.ricerche_esempi{color:#f1f1f1; margin-top:15px;}
.ricerche_esempi strong{ float:left; padding:2px 0}
.ricerche_esempi li{ float:left; padding:0 3px;}

.ricerche_esempi li a{
float:left; padding:2px 4px; background-color:#0180B4; color:#D3ECF6;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
box-shadow: 2px 2px 5px #002222;
	-moz-box-shadow: 2px 2px 5px #002222;
	-webkit-box-shadow: 2px 2px 5px #000033;


}

.searched{color:#00B5FF}

.chiave{ color:#E1001A}

ul.lista_trend{
margin:0 0 15px 0
}

ul.lista_trend li{
line-height:1.75}

.share{ background:url(images/share.gif) 0 0 no-repeat; padding:25px 0 15px 0; height:30px;}
.share a{ display:block; padding:10px 0 8px 55px; font-size:13px; font-style:italic; font-weight:bold;} 
.share a:hover{ text-decoration:none; color:#fff}