<!--
/**
 * PEG's CSS Library
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		20-05-2008
 * 
 * Style di azzeramento e classi generiche.
 * 
 */


/**
 * Elemento di clear floating.
 * Solitamente utilizzato con uno SPAN a chiusura di layouting
 * multicolonna in floating.
 */
.clr {
	display:			block;
	height:				0;
	overflow:			hidden;
	margin:				0;
	clear:				both;
}


/**
 * Elemento colonna
 */
.col {
	display:			block;
	overflow:			hidden;
	margin:				0;
	float:				left;
}

-->

/**
 * Progetto		ChiesaCorse
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		20-01-2009
 * 
 * Questo file contiene le definizioni di ingombro delle macro-aree della pagina.
 * Stili di dettaglio e contenutistici sono definiti nei css specifici.
 * 
 */


a {
	color:blue;
	text-decoration: none;
}
a:hover {
	color:red;
	text-decoration: underline;
}


html, body {
	margin:					0;
	padding:				0;
	
	font-family:			Verdana;
	font-size:				100%;
	
	background:				#fff url(chiesa/gradiente_sfondo.jpg) top repeat-x;
	color:					#000;
	text-align:				center;
}


/**
 * Scatola contenitore di tutta la pagina.
 * Definisce la larghezza non ridimensionabile e con overflow nascosto.
 */
#main_box {
	display:				block;
	width:					1000px;
	overflow:				hidden;
	
	margin:					0 auto 0 auto;
	
	background:				#fff;
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
}


/**
 * HEADING
 * Menu e titolazioni di pagina.
 */
#heading {
	position:relative;
	display:				block;
	height:					205px;
	overflow:				hidden;
}


/**
 * CONTENT
 * Contenuto effettivo della pagina.
 */
#content {
	min-height:				350px;
	height:					auto !important;
	height:					350px;
	text-align:				left;
	background:url(chiesa/sfondo_content.jpg) repeat-y;
}
#content.splash { background: none; }
#submenu {
	display:block;
	width:188px;
}
#page {
	display:block;
	width:812px;
}


/**
 * FOOTER
 */
#footer {
	display:				block;
	/*
	height:					32px;
	overflow:				hidden;
	*/
	clear:both;
}


/**
 * Progetto		ChiesaCorse
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		20-01-2009
 * 
 * Definizioni della sezione Heading del documento.
 * Definizioni del footing di pagina.
 */

#heading {
	position:				relative;
	text-align:left;
	background:url(chiesa/gradiente_header.jpg) top repeat-x;
}


/**
 * Blocco della titolazione e gestione del logo.
 */
#titling {
}
#titling h1 {
	margin:0;
	font-size:8pt;
}
#titling h2 {
	margin:0;
	font-size:17pt;
}
#titling a {
	position:absolute;
	top:0px;
	left:0px;;
	
	display:block;
	width:320px;
	height:80px;
}
#titling a img {
	border:none;
}


/**
 * Main Menu
 * Barra del menu orizzontale.
 */
#main_menu {
	position:absolute;
	bottom:0px;
	left:188px;
	
	display:block;
	width: 812px;
	height:25px;
	overflow:hidden;
}


/**
 * FOOTER
 */
#footer {
	display:block;
	margin: 30px 50px 10px 50px;
	border-top:1px dotted #aaa;
	
	font-size:8pt;
	color:#666;
}
#footer a {
	color:#666;
}
#credits {
	font-size:8pt;
	color:#888;
}
#credits a {
	color:#888;
	text-decoration:none;
}
#credits a:hover {
	color:black;
}

/**
 * Progetto		ChiesaCorse
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		20-01-2009
 * 
 * Definizioni dei menu inseriti nella pagina.
 *
 */


/**
 * Menu principale dell'applicazione.
 * Menu orizzontale inserito all'interno di Headings.
 */
#main_menu ul {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	
	font-size:8pt;
	font-family:verdana;
}
#main_menu ul li {
	display:inline;
	background:#fff;
}
#main_menu ul li a {
	display:block;
	width:107px;
	height:25px;
	overflow: hidden;
	float:left;
	margin: 0 2px 0 0;
	
	text-align:center;
	color:#546fa6;
	background:#EAEAEA;
	text-decoration:none;
	
	padding-top:5px;
}
#main_menu ul li a:hover,
#main_menu ul li a.selected,
body.home #main_menu ul li a.home,
body.gallery #main_menu ul li a.gallery,
body.news #main_menu ul li a.news {
	background:#546fa6;
	color:white;
}


/**
 * SubMenu
 * Colonna di sinistra.
 */
#submenu h3 {
	font-family:arial;
	font-size:15pt;
	color:#666;
	font-weight: normal;
	padding:5px 0 0 5px;
	margin:0;
	border-bottom: 2px solid #aaa;
	display:none;
}
#submenu ul {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
#submenu ul li {
	display:inline;
}
#submenu ul li a {
	display:block;
	width:188px;
	height:22px;
	overflow:hidden;
	float:left;
	
	color:#59b3e4;
	background: #f3f3f3;
	padding: 5px 0 0 5px;
	
	font-size:0.7em;
	
	border-bottom:1px dotted #aaa;
}
#submenu ul li a:hover, #submenu ul li a.selected, #submenu ul li.selected a {
	color:#32638c;
	background:#fff;
	text-decoration: none;
}


/**
 * BreadCrumb Menu
 */
div.breadCrumb {
	display:block;
	height:25px;
	
	font-size:8pt;
	
	padding: 3px 0 0 0;
}
div.breadCrumb h4 {
	display:none;
}
div.breadCrumb ul {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
div.breadCrumb ul li {
	display:inline;
}
div.breadCrumb ul li a {
	display:block;
	float:left;
	margin:0;
	padding:0 5px 0 10px;
	
	color:#666;
	background: url(chiesa/bread_crumb_dot.jpg) 0 1px no-repeat;
	text-decoration: none;
}
div.breadCrumb ul li a:hover {
	color:#900;
	text-decoration: underline;
}
div.breadCrumb ul li.first a {
	background: url(chiesa/bread_crumb_starter.jpg) 0 3px no-repeat;
	padding-left:15px;
}


/**
 * Menu di lingua
 */
.lang_menu {
	display:block;
	clear:both;
	font-family:Verdana;
	font-size:8pt;
}
.lang_menu ul {
	display:block;
	margin:0;
	padding:0;
	list-style: none;
}
.lang_menu ul li {
	display:inline;
}
.lang_menu ul li a {
	color:#59b3e4;
}
.lang_menu ul li a:hover {}

/**
 * Progetto		ChiesaCorse
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		20-01-2009
 * 
 * Definizioni della sezione Content del documento.
 * Contiene le definizioni per le principali formattazioni testuali.
 *
 */ 

em {
	color:#4a70aa;
}


/**
 * COMPONENTI GENERICI DI PAGINA
 */
#page .cnt {
	display:block;
	margin: 20px 80px 10px 30px;
}

#page {
	font-size:0.8em;
	color:#666;
}

#page h1 {
	font-family:arial;
	font-size:20pt;
	font-weight:normal;
	
	margin:0;
}
#page h2 {
	color:#59b3e4;
	font-size:1.2em;
	margin:0;
}
#page h3 {
	color:#59b3e4;
	font-size:1em;
	margin:0;
}
#page h4 {
	color:#000;
	font-size:0.8em;
	margin:0;
}

#page a {
	color: #4b94d4;
}

#page p {
	margin: 0 0 15px 0;
}


/**
 * Gestione di una barra di paginazione
 */
div.pagination {
	clear:both;
	display:block;
	background:#f6f6f6;
	border: 1px solid #ccc;
	
	padding:2px;
	
	color:#000;
	font-size:0.8em;
	font-weight:bold;
}
div.pagination img { border:0; }
div.pagination .results {
	float:left;
	padding-top:2px;
	font-weight:normal;
}
div.pagination .pages {
	float:right;
}
div.pagination .pages .prev {}
div.pagination .pages .list {}
div.pagination .pages .list em {
	display:inline-table;
	border:1px solid black;
	background: #fff;
	color:#900;
	padding: 1px 3px 1px 3px;
}
div.pagination .pages .list a {
	color:#666;
}
div.pagination .pages .next {}


/**
 * Varianti per splash screen
 */
#content.splash {
	text-align: center;
}
#content.splash #page {
	width:100%;
}
#content.splash img {
	border:0;
}

/**
 * Progetto		ChiesaCorse
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		21-01-2009
 * 
 * Definizioni per il plugin "News".
 */


/**
 * ELENCO NEWS
 */
.news_item {
	display:block;
	margin: 20px 0 5px 0;
} 
.news_item div.img {
	display:block;
	width:130px;
	overflow: hidden;
	float:left;
	margin: 0 10px 10px 0;
}
.news_item div.img img {
	border:1px solid #444;
}
#page .news_item div.date {
	font-size:0.7em;
	font-weight:bold;
	color:black;
	margin-left: 140px;
}
#page .news_item h2.title {
	display:block;
	margin-left: 140px;
	margin-bottom:10px;
}
#page .news_item h2.title a {
	font-weight: bold;
	color:#4b94d0;
}
.news_item h2.title a:hover {
	text-decoration: none;
}
#page .news_item div.abstract {
	display:block;
	margin-left: 140px;
}
.news_item div.link {clear:left;}
.news_item div.link a {
	display:block;
	background:#d3e7f3;
	color:#000;
	text-decoration: none;
	padding:3px;
	text-align: right;
	font-size:0.8em;
	font-weight:bold;
}


/**
 * LETTURA NEWS
 */
#page .read_news {}
#page .read_news h1.title {
	margin: 0 0 20px 0;
}
#page .read_news h1.title a, #page .read_news h2.title a {
	color:#666;
}
#page .read_news h4.title {
	text-align:left;
	margin: 0 0 0 0;
}
#page .read_news h2 {
	margin-bottom:10px;
}
#page .read_news .img {
	display:block;
	width:130px;
	overflow: hidden;
	margin: 0 10px 10px 0;
	float:left;
}
#page .read_news .img img {
	border:1px solid #666;
}

/**
 * Progetto		ChiesaCorse
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		22-01-2009
 * 
 * Definizioni per il plugin "Gallery".
 */

#page .gallery_desc {
	display:block;
	margin: 10px 0 20px 0;
	border-bottom:1px dotted #aaa;
	padding:5px 0 5px 0;
}

#page .galleryItem {
	display:block;
	width:100px;
	height:130px;
	overflow:hidden;
	float:left;
}
/*#page .galleryItem * { display:none; }*/
#page .galleryItem .image, #page .galleryItem .image * { display:block; } 
#page .galleryItem .image img { border:1px solid black; }

#page .galleryItem h2.title {
	display:block;
	width:80px;
	font-size:8pt;
	font-weight:normal;
}
#page .galleryItem h2.title a { color:black; }

#page .gallery_image {
	display:block;
	width:170px;
	height:190px;
	overflow:hidden;
	float:left;
	margin: 0 0 5px 3px;
}
#page .gallery_image img {
	border:1px solid #666;
}

#page .gallery_image h3 {
	display:block;
	width:170px;
	font-size:8pt;
	font-weight:normal;
	color:black;
}

/**
 * Progetto		ChiesaCorse
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		30-01-2009
 * 
 * Definizioni personalizzate per la splash screen del sito.
 */
 

/* Altezza senza il menu. */
body.splash #heading {
	height:180px;
}

/* Margine ridotto per il footer. */
body.splash #footer {
	margin-top:5px;
}

/**
 * Splash Menu
 */
#splash_menu {
	font-size:0.7em;
}
#splash_menu ul {
	display:block;
	margin:0;
	padding:0;
	list-style: none;
}
#splash_menu ul li {
	display:inline;
}
#splash_menu ul li a {
	color:#666;
	display: inline-table;
	padding: 0 10px 0 10px;
}