/* 01cssPillole_fotogiornalismo.css */
.allpage {
		width: 1000px;		
		height: 1200px;		
		margin-left: auto;
		margin-right: auto;
		background-color:#fafafa;
		border: 1px solid #990000;
		}
		
/* struttura pagina */		
.grid-container {
	display: grid;
	grid-template-columns: 600px 200px 200px ;
	grid-template-rows: 250px 300px 300px 300px 50px;
  	margin-left: auto;
	margin-right: auto;
	}

/* spazi x "pillole" (3 spazi) */
.item1 {
	grid-column:1;
	grid-row:1;  
	border-right: 1px solid #990000;
	border-bottom: 1px solid #990000;
	}
.item2 {
	grid-column:2/span 2;
	grid-row:1;
	border-bottom: 1px solid #990000;
	}
.item3 {
	grid-column:1/span 2;
	grid-row:2;
	border-right:1px solid #990000;
	border-bottom: 1px solid #990000;	
	}
.item4 {
	grid-column:1/span 2;
	grid-row:3;
	border-right:1px solid #990000;
	border-bottom: 1px solid #990000;   
	}
.item5 {
	grid-column:1/span 2;
	grid-row:4;
	border-right:1px solid #990000;
	border-bottom: 1px solid #990000;
	}

/* colonna links */	
.item6 {
	grid-column:3;
	grid-row:2/span 3;
	border-bottom: 1px solid #990000;
	}

/* footer */	
.item7 {
	grid-column:1/span 3;
	grid-row:5;
	}	

/* ****************************************************************** */
#sfondoItem1 {
	background-image:url("bkgTestata.jpg")
}
/* stili x testata - riga 1 */
#titoloPagina {
	font-size:40px;
	font-weight:bold;
	letter-spacing:2px;
	color:#990000;
	text-shadow:1px 1px 0px #000000;
	text-align:center;
	}

#testo1 {
	font-size:24px;
	font-weight:normal;
	letter-spacing:2px;
	color:#990000;
	text-shadow:0px 0px 0px #555555;
	text-align:center;
	}
#testo2 {
	font-size:22px;
	font-weight:normal;
	letter-spacing:2px;
	color:#990000;
	text-shadow:0px 0px 0px #555555;
	text-align:center;
	}

#testoItem2	{
	position:relative;
	top:-250px;
	left:20px;
	font-size:40px;
	font-weight:bold;
	color:#fafafa;
	text-shadow:3px 3px 2px #555555;	
}

#didascaliaFoto {
		position:relative;
		top:0px;
		left:10px;
		font-size:12px;
		color:#000000;
	}

/* ****************************************************************** */ 	
/* posizione foto piccole */
#doveFoto {
	position:relative;
	top:30px;
	left:5px;
	margin-right:5px;
	margin-bottom:55px;
	float:left;
}
.titoloBreve {
	position:relative;
	top:-10px;
	left:10px;
	font-size:20px;
	font-weight:bold;
}
.testoBreve {
	position:relative;
	top:-20px;
	left:10px;
	font-size:18px;
	font-weight:normal;
	padding:10px;
}
/* ****************************************************************** */ 	
/* colonna LINK */
#xLink {
	position:relative;
	top:160px;
	left:15px;
	width:150px;	
	font-size:24px;
	font-weight:bold;
	color:#fafafa;
	text-align:center;
	background-color:#990000;
	box-shadow:2px 2px 2px #555555;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;
	padding-top:3px;
	text-decoration:none;
	cursor:pointer;	
	}
/* ########################################## */
#didascaliaFoto {
		position:relative;
		top:-60px;
		left:30px;
		font-size:12px;
		font-weight:200;
		color:#ffffff;
	}
/* ****************************************************************** */ 	
/* x link a struttura Sito in ARCHIVIO */


#testoBox3 {
	font-size:16px;
	font-weight:bold;
	color:#000000;
	text-shadow:0px 0px 0px #555555;
	}
#xLink {
	position:relative;
	top:160px;
	left:15px;
	width:150px;	
	font-size:24px;
	font-weight:bold;
	color:#fafafa;
	text-align:center;
	background-color:#990000;
	box-shadow:2px 2px 2px #555555;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;
	text-decoration:none;
	cursor:pointer;	
	}
/* ****************************************************************** */
/* stili x pillole - righe 2, 3, 4 */
.stileTestoArchivio {
	font-family:tahoma;
	font-size:24px;
	color:#000000;
}
.boxSxTestata {
	position:relative;
	top:-110px;
	left:0px;
	width:150px;
	height:175px;
	font-size:30px;
	font-weight:600;
	color:#ffffff;
	text-shadow:4px 4px 5px #000000;
	line-height:120%;
	text-align:center;
}
#titolo {
	position:relative;
	top:-0px;
	left:0px;
	width:420px;
	height:320px;
	font-size:20px;
	font-weight:600;
	line-height:120%;
	text-align:left;
}
/* Sottotitolo o inizio articolo */
/* rimane fisso sullo schermo */		
#inizioArticolo {
	position:relative;
	top:-30px;
	left:10px;
	width:780px;
	height:30px;
	margin-bottom:20px;
	font-size:16px;
	font-weight:500;
	letter-spacing:1px;
	font-style:italic;
	line-height:120%;
	color:#000000;	
}

#autore {
	position:relative;
	top:0px;
	left:35px;
	width:800px;   /* spazio orizzontale x l'autore*/
	height:30px;	
	font-size:14px;
	font-style:italic;
	text-align:left;	
}
#leggiLink {
	position:relative;
	top:-280px;
	left:35px;
	font-size:16px;
	border:1px solid #990000;
	text-decoration:none;
	cursor:pointer;
}

/* testo dell'articolo */
.articolo {		
		position: relative;
		top:-5px;
		left:0px;
		width:750px;
		height:630px;		
		padding-top: 10px;
		padding-left:20px;
		padding-right:10px;
		font-size:17px;		
		font-family: tahoma;
		font-style: normal;
		font-weight:200;
		letter-spacing:0.3px;
		line-height:150%;
		overflow:auto;
		}