body { text-align: center; background:#fff url(top.png) repeat-x }

#container { margin:10px auto ; width: 960px; text-align: left }

#header, #navigazione, #main, #sub, #footer { display: inline; float: left; margin-left: 10px; margin-right: 10px } 

#header, #navigazione  { width: 940px } 
#main, #footer  { width: 620px }
#sub { width: 300px }

#header p#titolo { font-size: 4em; color: #bf0000; line-height:1; margin-bottom: 0 }
#header p#titolo span { color: #999 }
#header p#sottotitolo { font-size: 1.25em; line-height:1; margin-bottom: 0.5em }
#adsense { float:right; margin-top:15px }

#main, #navigazione { font-size: 87.5% }
#sub, #footer { font-size: 76% }

h1 { margin-top: 0; color: #777 }
h1, h2, p#titolo, p#sottotitolo { line-height:1; font-family: georgia, serif }
h2, h3, h4, h5, h6 { margin-bottom: 0.5em }
#main h2 { clear:both }
#sub h3 { margin-top: 0; background: #555 url(angolo_info.gif) bottom right no-repeat; color: #fff; font-weight: bold; padding: 0.2em 0 0.2em 0.5em  }

a { color: #000; text-decoration: underline }
a:hover { color: #bf0000; text-decoration: none }

p.info { padding-left:10px; margin-bottom: 0.5em; border-top:1px solid #ddd; background: #eee url(angolo_info.gif) bottom right no-repeat }
p.info a.fonte { font-weight:bold }

img.imgnotizia { float:right; margin-left:10px }

#sub #rubriche, #sub #fonti { width: 140px; display: inline; float: left; margin-bottom: 1.5em }
#sub #rubriche { margin-right: 20px }
	
ul.menu, ul.menu li { margin: 0; padding: 0; list-style: none}
ul.menu li a { display: block; width: 95%; padding-left: 5%; border-bottom: 1px solid #ccc; text-decoration: none }
ul.menu li a:hover { background: #666; color: #fff; text-decoration: none }

#navigazione { background: #888; color: #fff; margin-bottom:1em }
#navigazione ul { margin: 0; padding: 0 }
#navigazione ul li { display: block; float: left; margin: 0; padding: 0; list-style: none; border-right: 2px solid #fff }
#navigazione ul li a { display: block; float: left; padding: 0.2em 1em; color: #fff; text-decoration: none }
#navigazione ul li a:hover { background: #bf0000; text-decoration: none }
#navigazione #datagiorno { float:right; padding:0.2em 1em }

#footer { margin-bottom:1em; text-align: center; padding-top:0.5em; border-top:3px double #aaa; border-bottom:3px double #aaa }
#footer p { margin-bottom:1em }
/* #footer { background:#555; color:#fff; margin-bottom:1em; text-align: center; padding-top:1.5em }
#footer a { color:#ffc180 } */

.paginazione { font-family: Arial, sans-serif; text-align: center; line-height: 21px; clear: both; padding: 3px 0; font-weight: normal; margin: 1em 0 2em 0; } 
.paginazione a:link, .paginazione a:visited { padding: 2px 6px; border: 1px solid #ddd; margin-right: 3px; text-decoration: none; color: #bf0000; width: 22px; font-weight: normal; } 
.paginazione a:hover { background-color: #bf0000; border: 1px solid #BBDDFF; color: #fff;	 } 
.paginazione .active { padding: 2px 7px; border: 1px solid #BBDDFF; margin-right: 5px; text-decoration: none; background-color: #bf0000; color: #fff; cursor: default; } 

#sub div.primopiano { padding:10px; border:1px dashed #aaa; margin-bottom:1em; color:#000; background-color:#fff }
#sub h3.primopiano { background:#bf0000 url(angolo_h3.gif) bottom right no-repeat }
#sub div.primopiano h2 { margin-top:0 }
#sub div.primopiano p { margin-bottom:0 }
#sub div.primopiano p.info { margin-bottom: 0.5em }


/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}