/* Pianeta Ciclismo CSS */



/*-------Regole generali-------*/
html,body 	{margin:0; padding:0;}
body		{font: normal 100.01%/1.5 "Trebuchet MS","Lucida Sans Unicode","Lucida Grande",Lucida,Arial,sans-serif;
		text-align:center; /* centra in IE5.x */
		background:url(../img/bg.gif) repeat-x;
		color:#333;
		padding-top:8px;} /* font al 100.01% per IE */
body>html	{font-size: 16px; line-height: 24px;}/* font a 16px per safari e gli altri browser*/
img 		{margin:0;
		padding:0;
		border: none;
		display: block;}/*DisplayBlock serve a togliere lo spazio sotto a img per IE*/
a 		{margin:0;
		padding:0;
		border: none;
		color:#666;
		text-decoration:none;}
a:visited	{color:#666;text-decoration:none;}
a:hover		{color:#333;text-decoration:underline;}
a:active	{color:#333;text-decoration:none;}
h2		{font-size: 2.4em;line-height: 1.25;margin: 0.625em 0;font-weight:400; color:#c60;}
h3		{font-size: 1.2em;line-height: 1.25;margin: 1.25em 0;font-weight:400; color:#666;font-family: Georgia,"Times New Roman",serif;}
h4		{font-size: 0.75em; line-height: 2;margin: 2em 0;color:#666;}
p, blockquote, pre, form, label, ol, dl, ul {line-height:1.5;}
address, blockquote, dl, form, label, fieldset, ol, table, p, pre, ul{margin-top: 0;margin-bottom: 1.5em;}
table 	{margin-left: 55px;}
td,th 	{background-color:#99ffff; border-color:#999999;padding:4px;}
caption {background-color:#ffffff; border-color:#999999;padding:4px; font-style:italic;}



/*-------Header-------*/
div#header	{background:#003366;
		padding:4px;
		margin:0;}
div#headerint	{border: 1px dotted #666666;
		padding:0;
		margin:0;}
div#masthead	{width:880px;
		overflow:hidden;/* per contenere i float h1 e ul */
		padding:0;
		margin:0 auto;
		background:#003366;}
div#masthead h1 {width:270px;
		position: relative;
		height: 70px;
		overflow: hidden;
		margin:0px;
		padding:0px 0px 0px 55px;
		float:left;
		font-size: 2.4em;
		line-height:1;
		color:#fff;
		text-transform: lowercase;}
div#masthead  h1 span {			/*image replacement inizio*/
		position: absolute;
		left: 55px;
		top: 0;
		width: 100%;
		height: 100%;
		background-image: url(../img/brand.gif);
		background-repeat: no-repeat;
		cursor:pointer;}/*image replacement fine*/

div#masthead ul {margin:0px;
	float: right;
	text-align: right;
		padding:0px 80px 0px 0px;
		line-height:1;
		list-style: none;}
div#masthead ul li {display:inline;
		margin:0px;
		padding:28px 0px 0px 15px;
		float:left;
		letter-spacing:1px;}
div#masthead ul li a {text-decoration:none;
		margin:0px;
		padding:15px 0;
		font-size: 11px;
		color:#fff;
		background:url(../img/rollover_nav.gif) no-repeat center top;}
div#masthead ul li a:hover {text-decoration:none;
		color:#fff;
		background-position:center -46px;}



/*------- Big Image -------*/ 
div#big_image 	{margin:0 auto;
		padding:0px;
		width:880px;
		height:296px;	
		background-image:url(../img/big_image.gif);}
div#big_image span{margin:0 auto;
		padding:0px;
		width:880px;
		line-height:175px;
		font-style:italic;
		color:#999;}



/* ------- Container ------- */
div#container 	{margin:0 auto;/*centra negli altri browser*/
		padding:0px;
		position:relative;
		top:-96px;
		text-align:left;/*allineamento a sx*/
		width:880px;
		background: transparent url(../img/dotted_gray_v.gif) repeat-y scroll 470px 0px;}



/* ------- Content ------- */
div#content 	{width:470px;
		float:left;}
div#content h2	{padding-left: 110px;padding-right:15px;}/*titolo news*/
h2		{font-size: 2.4em;line-height: 1.25;margin: 0.625em 0;font-weight:400; color:#c60;font-family:"times new roman";}
div#content h2 a{color:#c60;text-decoration:none;}
div#content h3  {padding-left: 55px;
		background: url(../img/dotted_content.gif) no-repeat left bottom;}/*recenti*/	
div#content h4  {padding-left: 55px;clear:both;}/*categoria e autore news*/
div#content p   {padding-right: 20px; padding-left: 55px;
		clear:both;}		
div.imgnews	{float:left;
		width:85px;
		background: url(../img/imgnews.gif) top left no-repeat;
		height:6em;}/*per mantenere il ritmo della tipografia, altezza del div a 96px con carattere medio*/
.imgnews img	{padding:5px;}



/* ------- Extra ------- */
div#extra	{width:290px;
		margin-right:120px;/* spazio per la pedivella */
		display:inline;/* corregge il bug di IE che raddoppia i margini concordi al float*/
		float:right;}
div#extra h3	{padding-left:20px;
		background: url(../img/dotted_extra.gif) no-repeat left bottom;}/*popular links, categorie, calcolatori*/
div#extra p	{padding-left:20px;font-size: 0.75em; line-height: 2;margin: 2em 0;color:#333;}
div#extra ul	{padding-left:30px;
		list-style: none;
		font-size: 0.75em; line-height: 2;margin: 2em 0;}
div#extra form	{
	padding-left: 20px;
	height: 4.5em;
}
div#extra form input{
		color: #666;
		margin-bottom: 0.75em;
}


/* ------- Footer ------- */
div#footer	{background:#003366;
		padding: 4px;
		margin: 0px;
		clear:both;}
div#footerdot {border: 1px dotted #666666;
		padding:0;
		margin:0;}
div#footerint	{
		width:880px;
		margin: auto;
		text-align: left;
		overflow:hidden;}/* per contenere i float ul */
div#footerint ul 	{
		padding-left: 55px;
		margin-left: 0px;/* toglie lo spazio fra le liste in IE */
		float: left;
		list-style: none;}

div#footerint ul li {
		color:#9cf;
		font-family:Georgia, "Times New Roman", Times, serif}
				
div#footerint ul li a {text-decoration:none;
		color:#fff;
		font-size:0.75em;
		font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande",Lucida,Arial,sans-serif;
		line-height: 2;margin: 2em 0;}
		
/* -------- Bug, Hack e Workaround -----------*/
		
.clearfix:after {/*false colonne per Firefox e Opera inizio*/
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
.clearfix {
display: inline-block; /* Fixes IE/Mac */
}					/*false colonne per Firefox e Opera fine*/

/* -------- classi per stili particolari -----------*/
.sommario {background: url(../img/dotted_content.gif) no-repeat left bottom;padding-bottom:1.5em;}/*aggiunge una linea punteggiata d'intermezzo tra i topic di display_home e display_cat ma NON in display_art*/

.imgleft {float:left;margin-bottom:1.5em;line-height:1.5;}/*immagini a sinistra*/
		  
.imgright {float:right;margin-bottom:1.5em;line-height:1.5;}/*immagini a destra*/

.imgcenter {display: block;
		margin: 0px auto 1.5em;
		text-align: center;
		padding-left: 55px;
}/*immagini al centro*/

.paginazione {padding-right: 20px;text-decoration:none;font-size:0.75em; line-height: 2;margin: 2em 0;float:right;}/*div della paginazione*/
.paginazione a:hover {text-decoration:none;}
.paginazione span	{
font-weight: bold;
	color: #c60;}/*stile della current page nei numeri della paginazione*/
.categorie a{font-size: 1.2em;line-height: 1.25;margin: 1.25em 0;font-weight:400; color:#c60;font-family: Georgia,"Times New Roman",serif;}/*stili dei links del div content per la pagina archive */
.mdrlinks {	padding-left: 55px;}/*stile dei links del motore di ricerca*/
.calc 	  {padding-left: 55px;}