@import "reset.css";
@import "960.css";
@import "text.css";

#top1 { background-color: #F2F2F2; height: 70px; }
#top2 { background-color: #AFAFAF; height: 35px; padding-top: 10px; }
#ads1,
#ads2 { background-color: #FFFFFF }
#content { text-align: justify; }
#footer { background-color: #CDCDCD; text-align: center; }

.ofhid {overflow: hidden;}
.ofhid .forumheader div { /* OTHERNEWS */
	font-size: 0.8em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CC0000;
	margin-right: 10px;
}

a { text-decoration: none; color: #666; }
a:hover, h3.title a:hover { color: #C01E24; }
a.signup, a.fpw { color: #444; }
h3.title a { color: #000; }
a img { vertical-align: middle; }

.othernews2 h3.title { font-size: 1.2em; }

.caption  { color: #C01E24; border-bottom: 1px dotted #C01E24; }
.bodytext { text-align: justify; margin-bottom: 2em;}
#ads1 .bodytext { margin-bottom: 0; }

.red {
	background-color: #fff8bd; 
	font-size: 0.8em; 
	padding: 4px; 
}

.left { float: left; margin-right: 5px; margin-bottom:5px; }
.fright { float: right; margin-left: 5px; margin-bottom:5px; }

#menu {
	background-color: #CDCDCD;
	height: 32px;
	position: relative;
}

#menu .mitem {
	display: block;
	float: left;
	padding: 5px 7px;
	height: 20px;
	background-image: url(images/bgmenu.png);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-right: 0;
}

#menu .mitemsel {
	background-image: none;
	background-color: #676767;
	border: 0;
	display: block;
	float: left;
	padding: 6px 7px;
	height: 20px;
}

#menu .mitemsel a { color: white; }

#submenu {
	background-color: #676767;
	height: 32px;
}

#menu .d_sublink {
	position: absolute;
	top: 32px;
	left: 0;
	width: 960px; 
	height: 32px;
}

#menu .d_sublink .mitem {
	color: white;
	background-image: none;
	border: 0;
}

#menu .d_sublink .mitemsel {
	color: white;
	background-image: none;
}

#menu .d_sublink .mitem a { color: white; }
#menu .d_sublink .mitemsel a { color: white; border: 1px solid white;}

#menu .d_sublink a:hover { color: #C01E24; }

.rightborder { border-right: 1px solid #CCC; }

.logo {
	position: absolute;
	top: 13px;
	left: 0;
}

.title { 
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.5em;
	color: #222; 
}

#home_content .title { font-size: 1.2em; }

#page {
	background-image:url('images/bg.jpg');
	background-repeat: repeat-x;
	background-position: top left;
}

.button {
	border: 1px solid #cccccc;
	background-color: #ffffff;
}

.tbox {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

.tbox.login {
	margin-bottom: 5px;
	border: 1px solid #C01E24;
}

.button.login {
	background-image:url('images/triangolo_login.png');
	border: 1px solid #C01E24;
	background-repeat: no-repeat;
	background-position: center center;
	width: 23px;
	margin-bottom: 5px;
}

.button.search {
	background-image:url('images/cerca_ico.png');
	border: 1px solid #C01E24;
	background-repeat: no-repeat;
	background-position: center center;
	width: 40px;
	height: 20px;
}

.tbox.search { border: 1px solid #C01E24; }

#username { width: 141px;}

.newscategorylinks li {
	float:left;
	display:block; 
	width:70px;
	height:1.5em;
	text-align:center;
}

.newscategorylinks a {
	color:#ffffff;
	font-family:Georgia, Times, Times New Roman;
	font-size:0.9em;
	font-weight:bold;
	white-space: nowrap;
}

.nextprev {margin-bottom: 20px;}

#Clock {
	color: #C01E24;
	font-family: Georgia, serif;
	float: right;
}

.primopiano, .othernews2 { background-color: #EEE; }
.primopiano img { float: right; margin-left: 5px; }
.primopiano .caption,
.primopiano .bodytext { padding:10px; }

.othernews2 { border-bottom: 1px solid #CCC; padding: 0 5px 25px 0; }

.area5  { height: 240px; }

table.fborder {
	border: 1px solid #AAA;
	border-collapse: collapse;
}

table.fborder td,
table.fborder .tbox { border: 1px solid #AAA; color: #111; }

.fcaption,
.finfobar {
	background-image: url(images/bgmenu.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	font-size: 0.8em;
	font-weight: bold;
	height: 3em;
	line-height: 2.5em;
	padding-left: 5px;
}

.finfobar { padding: 10px; }

.forumheader {
	background-color: #EEE;
	font-size: 1em;
	text-align: left;
	padding-top: 0.8em;
	padding-bottom: 0.5em;
	padding-left: 10px;
}

.forumheader2 {
	background-color: #EEE;
	text-align: left;
	padding: 5px;
}

.forumheader3 {
	background-color: #EEE;
	padding: 5px;
}

.indent {
	background-color: #f9f9f9;
	font-style: italic;
	padding: 5px;
	color: #666;
	border: 1px dotted #555;
}

.smalltext, .smallblacktext { font-size: 0.8em; }

/*** TABCONTROL ***/
.tabcontrol table {
	margin: 0;
	padding: 0;
	border: 0;
	min-height: 240px;
}

.tabcontrol td {
	font-size: 0.8em;
	width: 73px;
	height: 26px;
	text-align: center;
	border: 0;
	cursor: pointer;
	background-image: url(images/tab0.gif);
	background-repeat: no-repeat;
}

.tabcontrol td.act  { background-image: url(images/tab1.gif); }

#tabpage1,
#tabpage2,
#tabpage3 {
	padding: 10px;
	display: none;
	border: 1px solid #CCC;
	border-top: 0;
}

#tabpage1 { display: block; }

#tabpage1 td,
#tabpage2 td,
#tabpage3 td {
	width: auto;
	height: auto;
	background-image: none;
	text-align: left;
	border: 0;
	cursor: default;
}

/*** SCROLLER MENU ***/
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 145px;
	width: 940px;
	overflow: hidden;
	border: 1px dotted #444;
}
ul.sc_menu {
	display: block;
	height: 110px;
	/* max width here, for users without javascript */	
	width: 5000px;	
	padding: 15px 0 0 15px; 
	/* removing default styling */
	margin: 0;
	background: url('navigation.png');		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}

.sc_menu img {
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	filter:alpha(opacity=50);	
	opacity: 0.5;
}

.sc_menu a:hover img {
	filter:alpha(opacity=100);
	opacity: 1.0;
}