@import "global.css";

body#home #container {padding:0 5px 10px 10px;line-height:15px;}


/*------------------------------------------------------------------ 
[Structure] */


#content-center #top .center-left {width:380px; float:left; margin:0 10px 20px 0;}
#content-center #top .center-right {float:left; padding-left:5px; margin-bottom:20px; width:260px!important; width/**/:265px;}
#content-center #bottom .center-left {width:320px; float:left; margin-right:20px;}
#content-center #bottom .center-right {width:320px; float:left;}



/*------------------------------------------------------------------ 
[Headings] */

.xl h2 a {font-size:30px;line-height:30px;margin:0 0 5px 0;}
ul.luogo li h3 a, ul.luogo li h3 a:visited {font-size: 14px; line-height:15px; margin:0;padding:0;letter-spacing:0;}

.center-right h3,
.center-right h3 a,
.center-right h3 a:visited,
ul.luogo li ul.graphic-bullet li h3 a, 
ul.luogo li ul.graphic-bullet li h3 a:visited,
ul.blogger li h3 a, 
ul.blogger li h3 a:visited {font-size: 13px; line-height:15px; margin:0;padding:0;letter-spacing:0;}

h5 a, h5 a:visited {color:#666;}
	.blog h5 a, .blog h5 a:visited {font-size:12px;line-height:15px;}
	h5 a div.author, h5 a:visited div.author {text-transform:none;}
	
h6 a, h6 a:visited, h6 a:hover {float:left;padding:2px 20px 5px 28px; margin:8px 15px 0 0;color:#fff;font-weight:normal;text-decoration:none;border:none;cursor:pointer;background-position: 5px 3px!important;}
	.ie6 h6 a, .ie6 h6 a:visited, .ie6 h6 a:hover {font-weight:bold;}
h6 a:hover {text-decoration:underline;color:#fff;padding:2px 20px 5px 28px;background-position: 5px 3px!important;}
	h6.last a {magin-right:0;padding-right:5px;}
		.ie6 h6.last a:hover {magin-right:0;padding-right:5px;}
	h6.last .tag {float:left; margin-left:-15px;padding:2px 20px 5px 0; color:#fff; font-size:11px; font-weight:normal;}
	h6.last .tag a, h6.last .tag a:visited {float:none;display:inline;padding:0; margin-right:0; margin-bottom:0; background:none;text-transform:none;font-weight:bold;text-decoration:none;border-bottom:1px dotted #fff;}
	h6 .tag a:hover {border-bottom:1px solid #fff;text-decoration:none;padding:0!important; margin-right:0!important; }
	

/*---- [ Ticker jquery per i titoli di Repubblica.it ] ------------------------------------------------- */
ul#listticker {position:relative;margin-bottom:10px;height:50px;overflow:hidden;}
ul#listticker li {padding:0 0 5px 8px;margin-bottom:50px;line-height:15px;background-position:0 -400px!important;}
ul#listticker li a, ul#listticker li a:visited {font-weight:bold;text-decoration:none;}

/*---- [ Box ] ------------------------------------------------- */
.box {display:block; margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ccc;}
	.box img.thumb {float:left;margin:2px 5px 5px 0;}
	#content-center #top .center-right .box {margin-bottom:10px;border-bottom:0;}
	#content-center #top .center-right .summary ul li {font-size:11px;line-height:12px!important;padding:3px 0 0 14px;}
	
	.box .box  {margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #ccc!important;}
	.publiredazionale {padding:5px;background-color:#f5f5f5;}
		.publiredazionale h5 {text-align:right;color:#999;margin-bottom:5px;}
		.publiredazionale img {max-width: 249px;width: expression(this.width > 249 ? 249: true);}
	
	.blog {padding:10px 0 10px 10px;background-color:#f5f5f5;margin:20px 0;border-bottom:0;}
	span.date {padding:5px 0 0;font-size:11px;font-style:italic;color:#666;}

/* blogger nella colonna centrale */
.box.blogger-container {padding:5px 0 10px 0!important;margin:-10px 0 0 0!important;}
.box.blogger {padding:4px 0!important;margin:0!important;}
.box.blogger h3 a, 
.box.blogger h3 a:visited {font-size: 12px; line-height:13px; margin:0;padding:0;letter-spacing:0;}
.box.blogger h5 a, .box.blogger h5 a:visited {color:#666;}
	.box.blogger h5 a, .box.blogger h5 a:visited {font-size:11px;line-height:12px;}
	.box.blogger h5 a div.author, .box.blogger h5 a:visited div.author {text-transform:none;}
	.box.blogger h5 span {text-transform:none;font-style:italic;margin-left:5px}
	          

/*---- [ Multimedia Carousel ] ------------------------------------------------- */
.stepcarousel, .stepcarousel2 {position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ padding:15px 10px; margin-bottom:2px;width: 640px; min-height:200px;height:auto !important;height:200px;}
.stepcarousel3, .stepcarousel4 {padding:15px 10px; margin-bottom:2px;width: 640px; min-height:200px;height:auto !important;height:200px;}
.stepcarousel2, .stepcarousel4 {margin-bottom:20px;min-height:130px;height:auto !important;height:130px;}

	.stepcarousel .belt, .stepcarousel2 .belt {position: absolute; /*leave this value alone*/ left: 10px; top: 50px;}
	.stepcarousel .panel, .stepcarousel3 .panel {float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/text-align:center; padding:20px 5px 0; margin: 0 27px 20px 27px; border:1px solid #fff; width:88px!important; width/**/:88px;min-height:140px;height:auto !important;height:140px;}
	.stepcarousel2 .panel, .stepcarousel4 .panel {float: left; overflow: hidden; margin: 0 21px 20px 27px; width:70px; height: 70px;}
	.stepcarousel3 .panel {display:inline;margin: 10px 8px 20px 20px;}
	.stepcarousel4 .panel {display:inline;margin: 0 0 20px 20px;}
		.stepcarousel4 .panel a .ugcthumb {width:70px;height:70px;cursor:pointer;}

	
	.stepcarousel p.navigation, .stepcarousel2 p.navigation {float:right;display:inline;margin-right:20px;text-align:right;width:200px;}
	.stepcarousel2 p.contribute, .stepcarousel4 p.contribute {float:left;display:inline;margin:3px 0 0 40px;}	
	.stepcarousel .panel img, .stepcarousel3 .panel img {margin-bottom:5px;position:relative;}
	.stepcarousel .panel h4 a, .stepcarousel .panel h4 a:visited, .stepcarousel3 .panel h4 a, .stepcarousel3 .panel h4 a:visited {font-size:11px;line-height:11px!important}	
	
	

/*---- [ Box persone e argomenti ] ------------------------------------------------- */
.border, .necro {padding:10px 9px 30px!important;margin-bottom:15px;border:1px solid #999;position:relative;}
.necro {padding-bottom:15px!important;margin-bottom:0;height:100px;overflow:auto;}

	ul.persone li {float:left; margin-bottom:5px; width:150px;}
	ul.argomenti li {float:left; margin:0 10px 5px 0;white-space:nowrap;}
	
	.border .rightlink {position:absolute;bottom:10px;right:10px;}
	.border .line {width:100%;text-align:right;padding-top:0;border-top:none;}
	
	ul.persone li a, ul.persone li a:visited, 
	ul.argomenti li a, ul.argomenti li a:visited, 
	ul.necrologie li a, ul.necrologie li a:visited {font-weight:bold;text-decoration:none;}
	
	ul.argomenti li a, ul.argomenti li a:visited {border-bottom:1px dotted #036;}
	ul.argomenti li a:hover {border-bottom:1px solid #900;}

/*ul.blogger li {float:left; margin-bottom:15px; width:310px;} 2 blogger per riga */
ul.blogger li {float:left; margin-bottom:15px; width:215px;}



/*---- [ TUTV ] ------------------------------------------------- */

/* box dx */
.box.tutv {border:0!important; background-color:#005e84/* url(../../../images/common/tutv_bg.gif) repeat-x left bottom*/;}
.box.tutv h4.tutv {margin:0 0 10px 0!important;}
.box.tutv h4.tutv a, .box.tutv h4.tutv a:visited {color:#fff!important;font-size:20px!important;line-height:20px!important;font-weight:normal;}
.box.tutv h4.tutv span {float:left;background: url(../../../images/common/tutv_sprite.gif) no-repeat left top;text-indent:-9999px;width:70px;height:22px;}
.box.tutv h4.tutv em {font-style:normal;}
.box.tutv a h5, .box.tutv a:visited h5 {text-transform:none;color:#fff!important;}	
.box.tutv ul.annunci li {border:0!important;background:transparent url(../../../images/common/tutv_sprite.gif) no-repeat left bottom;}
.box.tutv .right a, .box.tutv .right a:visited {color:#fff;font-size:11px;text-decoration:none;}
.box.tutv .right a:hover {text-decoration:underline;}
.box.tutv ul.annunci li.pubblicita {padding:0 10px 10px 10px;margin-bottom:5px!important;background:#00435f;}
.box.tutv ul.annunci li.pubblicita a h5 {font-size:11px!important;line-height:13px!important;font-weight:normal!important;}
.box.tutv ul.annunci li.pubblicita a:hover h5 {color:#80afc1!important;}
.box.tutv ul.annunci li.pubblicita h6 {text-align:right;padding:5px 0;font-size:10px;color:#80afc1;font-weight:normal;}

/* box multimedia */
.stepcarousel3 .panel.tutv {background: url(../../../images/common/tutv_bg.gif) repeat-x left bottom;}
.stepcarousel3 .panel.tutv h5 {position:absolute;left:0;top:0;text-indent:-9999px;background: url(../../../images/common/tutv_sprite.gif) repeat-x 2px -38px;width:45px;height:13px;}
.stepcarousel3 .panel.tutv h4 a, .stepcarousel3 .panel.tutv h4 a:visited {color:#fff!important;}	

/* 150 anni */
.striscia {position:relative;background: url(../../../images/common/striscia_coccarda.gif) repeat-x;margin:5px 0;width:980px;height:15px;z-index:10000!important;}
.coccarda {position:absolute;top:-23px;left:346px;text-indent:-9999px;background: url(../../../images/common/coccarda.png);width:68px;height:89px;z-index:10001!important;}
	.ie6 .coccarda {background: url(../../../images/common/coccarda.gif);}