/*stili per il layout fisso con altezza minima*/
html,body{background-color: #bfcad3;margin: 0;padding:0 5px 0 5px;height:100%;}
body{font-family: verdana;font-size: 11px;}
div#container{position:relative; height: 100%;margin: 0 auto; background-color: #fff; }
body>div#container{height:auto;min-height:100%;}
div#footer{position: absolute;background-color: #bfcad3; background-image: url(../img/my-search-bg.gif); color: #000;bottom:0; width: 100%; height: 56px; margin-top: 15px;padding: 0}
div#footer p {padding: 10px 0px 10px 10px;}

* { margin: 0; padding: 0; }

/*stili generici, su header e footer*/

/*stili specifici per il layout*/
div#content{padding: 1em 1em 5em}


/*stili per la navigazione*/
form, input, select { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
input, textarea, select { margin: 5px; padding: 2px; border: 2px solid #C1CFEC; }
a { color: #003399; text-decoration: none; }
a:hover { color: #27313D; text-decoration: underline; }

div.breadcrumb { background-image: url(../img/m-bg.gif); background-repeat: repeat-x; padding: 7px 5px 10px 10px; }

#navigation { font-family: Verdana, sans-serif; font-size: 11px; background-color: #fff; padding: 10px 0px 10px 40px; }
#befooter { background-color: #fff; padding: 10px 0px 80px 30px; }

div.notification
{
	background: #D0E8D0 url('../img/notify.gif') top left no-repeat;
	border: 2px solid #99CC99;
	font-weight: bold;
	margin: 10px;
	padding: 8px;
}
p.field
{
	font-size: 11px;
	margin: 0 0 5px 0;
}
h1,h2{font-family: Arial, sans-serif;margin: 0;margin-bottom: 0;padding:0;padding-left:20px;padding-top: 15px;background-color: #FFFFFF;color: #0066CC;font-size: 20px;text-decoration:none;}
h2{color: #999;font-size: 1.5em}



#left {

	float: left;
	width: 17px;
	background-image: url(../img/l-rep.gif);
	background-repeat: repeat-y;
}
#right { 
	float: right;
	width: 17px;
	background-image: url(../img/r-rep.gif);
	background-repeat: repeat-y;
	background-position: right;
}

#center { 	background:#ffffff; margin-left: 17px; margin-right: 17px; }

#center-cat { background:#ffffff; padding: 10px 10px 10px 15px; }

div#center p
{padding: 15px 0px 10px 0px;
}

.underline 
{
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 13px;
  border-bottom: 1px solid #8CB6E8;
  margin-top: 1em;
  font-weight: bold;
}

#rssBox img {
	padding-right: 3px;
	padding-bottom: 2px;
	vertical-align: middle;
}


#navigation-bg-left {
	float: left;
}
#navigation-bg-right {
	float: right;
}

img { border:0px; }

.floatleft { float: left; }
.floatright { float: right; }

#center-nav { background-image: url(../img/my-nav-bg.gif); color:#BFCAD3; height: 45px}

div#center-nav p
{padding: 15px 0px 10px 15px;
}

#center-nav p a:link {
	color : #BAD3E9;
	text-decoration : none; 
} 
#center-nav p a:visited {
	color : #BAD3E9;
	text-decoration : none; 
} 
#center-nav p a:hover {
	color : #BAD3E9; 
	text-decoration : underline; 
}
#search {
	color:#bfcad3;
	background-image: url(../img/my-search-bg.gif);
	height: 56px;
	vertical-align: top;
}

div#search p
{padding: 9px 0px 11px 10px;
}

div#search form
{padding: 9px 0px 11px 10px;
}

div.pagerank
{
	border: 1px solid #ccc;
	height: 4px;
	margin: 1px 0px 0px 40px;
	padding: 0;
	width: 40px;
}
div.inner-pagerank
{
	margin-top: -1px;
	background-image: url('../img/pr10.gif');
	float: left;
	height: 5px;
	padding: 0;
}


div.prg{
	width: 40px;
	border: 1px solid #999999;
	height: 3px;
	font-size: 1px;
}
div.prb{
	background: #5eaa5e;
	height: 3px;
	font-size: 1px;
}
span.req{
	margin-left: 3px;
	color: #FF0000;
	font-weight: bold;
}
.small, .small a {
	padding: 0px;
	margin: 0px;
	color: #909090;
	font-size: 7pt;
	text-decoration: none;
}
div.url {
	color: #208a0b;
	background-color: #FFFFFF;
	padding: 3px 0px 0px 40px;
}
span.url {
	color: #208a0b;
}
span.count {
	color: #999999;
}
div.errForm, span.errForm {
	margin: 0px 0 0px 5px;
	padding: 2px 3px 2px 3px;
	color: #FF0000;
	background: #FFFFF3;
	border: 1px solid #cccccc;
	text-align: left;
	clear: right;
}
div.err {
	padding: 3px;
	color: #FF0000;
	background: #F7F7F7;
	border: 1px solid #A0A0A0;
	text-align: left;
}

span.active {font-size: 12px; color:black; background-color:#E8E9EC; padding:0.2em 0.5em;}
span.page_number {font-size: 12px; padding:0.0 0.3em;}

div.categories
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	background-color: #FFF;

}
div.categories a
{
	color: #305372;

}
div.categories div.col
{
	float: left;
	text-align: left;
	width: 255px;
	padding-top: 10px;
	position: relative;
}
div.categories div.last
{
	float: left;
	text-align: left;
	width: 265px;
	padding-top: 10px;
}
div.subcategories
{
	padding-left: 30px;
}
div.subcategories a
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #305372;
}
div.divider
{
	clear: left;
	height: 1px;
}
div.categories div.categ
{
	line-height: 16px;
	background-image: url('../img/directory.gif');
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-left: 23px;
}

div.error
{
	background: url('../img/error.gif') top left no-repeat;
	background-color: #FFE9DF;
	border: 1px solid #EB5300;
	font-weight: bold;
	margin: 10px;
	padding: 10px 10px 10px 50px;
}
div.error ol {
	padding: 0px 0px 0px 10px;
}
div.payment
{
	border: 2px solid #D1D1D1;
	background-color: #EBEBEB;
	padding: 10px 0 0 10px;
}
div.link
{
	background-color: #FFFFFF;
	padding: 1px 60px 15px 0px;
}
div.title
{
	font-size: 1.2em;
	background-color: #FFFFFF;
	padding: 1px 0px 0px 0px;

}
div.title a:hover
{
	text-decoration: none

}
span.highlight
{
	background-color: #FFFF9A;
	color: #000;
	font-weight: bold;
}
div.msg
{
	background-color: #FFFFFF;
	padding: 10px 5px 10px 20px;
}
div.info
{
	color: #000;
	padding: 0;
	font-size: 1.0em;
	padding: 0px 15px 0px 0px;
	line-height: 16px;
}
div.description
{
	color: #333;
	background-color: #FFFFFF;
	padding: 0;
	font-size: 1.0em;
	padding: 3px 15px 0px 40px;
}
div.rss
{
	padding: 0;
	font-size: 1.0em;
	padding: 3px 5px 0px 40px;
}
div.tags
{
	color: #666;
	background-color: #FFFFFF;
	padding: 0;
	font-size: 1.0em;
	padding: 3px 5px 0px 40px;
}
div.tags img
{
	vertical-align: middle;
}
img.rss
{
	vertical-align: middle;
}
div.stat
{
	color: #666666;
	background-color: #FFFFFF;
	padding: 0px 10px 0px 40px;
}
div.link-sorting
{
	color: #666666;
	background-color: #FFFFFF;
	padding: 0px 10px 10px 40px;
}
.permalink
{
	color: #999999;
}
div.preview
{
	background-image: url('img/no-preview.gif');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 15px 5px 0px;
	border: 1px solid #ccc;

}
div.box
{
	background-color: #FFFFFF;
	padding: 0px 10px 10px 20px;
}
div.box-content
{
	padding: 10px;
}
.prinput
{
	border: solid 1px #8CB6E8; background: #FFFFFF; padding-top: 2px; padding-left: 2px; padding-right: 2px; padding-bottom: 2px; margin-top: 8px; margin-bottom: 10px; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #666666;
}
div.google
{
	padding-top: 5px;
	padding-left: 58px;
}
#leftcolumn { 
 padding: 2px 8px 30px 15px;
 float: left;
}
#favicons { 
 padding: 5px 100px 10px 15px;
 margin: 5px 100px 5px 15px;
 line-height: 16px;
}
#favicons img {
 padding: 5px 5px 5px 5px;
}
#tagcloud { float: right; width: 240px; padding: 20px 15px 15px 15px; background: url(../img/tag-clouds.gif) top no-repeat; }

div.rsstitle { margin-left: 30px; padding-top: 5px; }
div.rsstitle img { vertical-align: middle; }

div.snippetitle { margin-left: 30px; padding-top: 20px; vertical-align: top; }
#snippet {
        padding-right:20px;
        margin-top: 5px;
        margin-left: 30px;
        padding-left: 7px;
        background-color:#ffffff;
        line-height:16px;
/* Again, the ugly brilliant hack. */
        voice-family: "\"}\"";
        voice-family:inherit;
        color: #666666;
        font:11px/14px Verdana;
        }
.tag6 { font-size: 12pt; }
.tag5 { font-size: 14pt; }
.tag4 { font-size: 16pt; }
.tag3 { font-size: 18pt; }
.tag2 { font-size: 20pt; }
.tag1 { font-size: 22pt; }
.rank_bar { background: #eee; height: 1px; margin-top: 0px; width: 50px;} 
.rank_stat { background: #D3D3D3; height: 1px;}

.block_box {width:20em;  overflow:hidden; cursor:pointer;}
.block_box #imgtxt {padding:0 0 5px 0;}
#block_topleft {height: 5px; padding:0 0 0 5px; background: url(../img/block_topleft.gif) no-repeat left top;}
#block_topright {height: 5px; background:url(../img/block_topright.gif) no-repeat right top; padding:0 8px 0 0;}
#block_topmid {height: 5px; background: url(../img/block_topbg.gif) repeat-x;}
#block_midright {background: url(../img/block_midright.gif) repeat-y right; padding-right: 4px; border-left: 1px solid #fdd49e;}
#block_mid {background: #fffdf8 url(../img/block_mid.gif) repeat-x bottom; font-family: Verdana, Arial, Helvetica, sans-serif; color: #363636; text-align: left; padding: 4px 4px 4px 8px; height:40px;}
#block_botleft {height: 9px; padding:0 0 0 5px; background: url(../img/block_botleft.gif) no-repeat;}
#block_botright {height: 9px; background:url(../img/block_botright.gif) no-repeat right top; padding:0 8px 0 0;}
#block_botmid {height: 9px; background: url(../img/block_botbg.gif) repeat-x;}

.ultimi {
	float: right; padding-bottom: 5px; color: #DDDDDD;
}

	.clear { clear: left; }
#pagerank {
		width:260px;
		float: right;
		text-align: center;
}
	
	/* End CSS only needed for the demo */
	
	
	#rssBox{ /* The main box for the rss scroller */

		width:260px;
		height: 160px;
		font-size:1.0em;
		background: #FFFFFF;
		margin:3px;
		padding:3px;
		
		/* Never change these two values */
		overflow:hidden;
		position:relative;	

	}		
	
	#rssBox .slide{	/* A specific slide */
		background: #FFFFFF;
	}
	
	.rssBoxDate{
		display:none;	/* I don't want to show the date */
	}
	.rssBoxHeading{	/* Heading of RSS item */
		font-weight:bold;
		margin-top: 15px;
	}
	.rssBoxDescription{	/* Description of RSS item */

	
	}	
	.rssBoxUrl{	/* Read more link */
		color: green;
		text-decoration:none;
	}
	.rssBoxLink:hover{	/* Read more link - mouse over */
		text-decoration:underline;
	}