/* ******************** */
/* global.css           */
/* LoK Portal           */
/* General Style Sheet  */
/* (c) 2003 by Ohmnibus */
/* ******************** */

/* ****************** */
/* LayOut Structure:  */
/* ****************** */
/*
(BODY)
	LayoutTable (TABLE)
		Title: Title bar (TD)
		
		Menu: Left Bar (TD)
   		MenuSection: Overall (DIV)
				MenuHead: Menu Header (P)
				MenuBody: Menu List (DIV)
					MenuLevel1: Menu Entry (P)
					MenuLevel2: Menu Entry (P)
					MenuLevel3: Menu Entry (P)
   		BannerSection: Overall (DIV)

		Body: Page Body (TD)
		
		Footer: Bottom bar (TD)
		
** ****************** */

/* ****************** */
/* General Formatting */
/* ****************** */

body {
	/* Scrollbar formatting is not standard */
	/* scrollbar-face-color: #35617F; */
	/* scrollbar-highlight-color: #6B9EC1; */
	/* scrollbar-shadow-color: #294B63; */
	/* scrollbar-3dlight-color: #4781A9; */
	/* scrollbar-arrow-color: #FFC800; */
	/* scrollbar-track-color: #234055; */
	/* scrollbar-darkshadow-color: #12202A; */

	max-width: 800px;
	margin: 0px auto;
	height: 100%;
	border: 0;
	/* margin: 0; */
	padding: 0;
	font: 10pt "Arial", sans-serif;
	color: #FFC800;
	background-color: #142632;
}

P
	{font: 10pt "Arial", sans-serif; margin: 0.2em 0em;}

H1
	{font: 15pt "Copperplate Gothic Bold", "Arial", sans-serif; margin: 0.7em 0 0.1em 0;}

H2
	{font: bold 11pt "Copperplate Gothic Bold", sans-serif; margin: 0.7em 0 0 0;}

H3
	{font: bold 10pt "Arial", sans-serif; margin: 0.5em 0 0 0;}

HR
	{width: 80%; height: 4px; border: 2px inset #6B9EC1;}
   
TABLE.LayoutTable 
	{ width: 100%; table-layout: fixed;}

TABLE.LayoutTable TD.Title {
	vertical-align: top;
	height: 100px;
	background: #290101 url(../grafica/b_btitle.gif) repeat-x;
}

TABLE.LayoutTable COL.Menu
	{width: 140px;}
TABLE.LayoutTable COL.Body
	{width: auto;}

TABLE.LayoutTable TD.Menu {
	vertical-align: top;
	background: #290101 url(../grafica/b_blbar.gif) repeat-y;
}

TABLE.LayoutTable TD.Body {
	vertical-align: top;
	padding: 5px 30px 5px 10px;
	/* background: #142632 url(../grafica/b_logo.gif) no-repeat top center;*/
	background: #142632 url(../grafica/b_logo.gif) no-repeat 50% 100px; 
}

TABLE.LayoutTable TD.Footer {
	vertical-align: top;
	height: 70px;
	background: #000000 url(../grafica/b_bfoot.gif) repeat-x top;
}

/* General Purpose */
*.Mark
	{ color: red; background-color: inherit; }

*.Note
	{ font-size: smaller; }

* SPAN.H
	{color: #00C8FF; background: inherit;}

*.Centered,
*.Centered *
	{ text-align: center; }
IMG.MBanner
	{ width: 88px; height: 31px; }

IMG.at
	{ vertical-align: bottom; margin-left: -1px; }

/* Hypertext */
A:link
	{color: #FFD265; text-decoration: underline; background-color: inherit;}
A:visited
	{color: #FFA201; text-decoration: underline; background-color: inherit;}
A:active
	{color: #FFDD8D; background-color: inherit;}
A:hover
	{color: #FFDD8D; text-decoration: underline; background-color: inherit;}

A IMG
	{ border: none; }

/* Mailing List Table */
TABLE.mailist
	{width: 260px; margin: 0; padding: 0; border: 2px solid black;}

TD.mailist
	{padding: 1px 0 3px 0; text-align: center; color: inherit; background-color: #2B516B;}
	
/* *************** */
/* Body Formatting */
/* *************** */

*.Body P
	{font: 10pt "Arial", sans-serif; margin: 0.2em 0em;}

/* Welcome Section */
DIV.Welcome P
	{text-align: justify;}

DIV.Welcome DIV.HomeNews,
DIV.News DIV.NewsEntry {
	/* News' Background and Border */
	color: inherit;
   margin: 0 25px 10px 25px;
	border: 2px solid #2B516B;
   padding: 0 15px 5px 10px;
   background: transparent url(../grafica/b_chfade.gif);
}
DIV.Welcome *.HomeNews P
	{margin-left: 30px; text-align: justify;}
DIV.Welcome *.Centered,
DIV.Welcome *.Centered *
	{ text-align: center; }

/* News Section */
DIV.News P
	{text-align: justify;}

DIV.News *.News
	{margin-left: 30px; text-align: justify;}

/* Gallery Section */
DIV.Gallery P
	{text-align: justify;}
	
DIV.Gallery P.DescGallery
	{margin: 0 2.5% 0 2.5%;}

TABLE.Gallery
	{width: 95%; margin: 0 2.5% 0 2.5%;}

TABLE.Gallery TD {
	width: 50%;
   padding: 0 5px 3px 5px;
   color: inherit;
   /* background-color: #2B516B; */
	border: 2px solid #2B516B;
   background: transparent url(../grafica/b_chfade.gif);
   vertical-align: top;
}

TABLE.Gallery *.Thumb
	{margin: 3px 5px 0 0; padding: 0; float: left;}
TABLE.Gallery *.ImageData
	{font-style: italic; font-size: 9pt; margin: 0;}
TABLE.Gallery *.ImageDataBlock
	{margin: 0 0 5px 0; padding: 0;}
TABLE.Gallery *.ImageDescriBlock
	{clear: both;}

/* Tales Section  */
DIV.Tales P
	{text-align: justify;}
DIV.Tales P.Abstract
	{text-align:right; margin: 0 50% 0 0; font-style: italic;}
DIV.Tales P.Author
	{text-align:right; margin: 0 50% 0 0; font-weight: bold;}
DIV.Tales P.TaleDescription
	{margin: 0 0 0 0px;}
DIV.Tales P.Chapter
	{margin: 0 0 0 20px;}

/* Link & LinkList Section */
DIV.LinkList P
	{text-align: justify;}

DIV.LinkList DT
	{padding: 0.3em 0 0 0; font: italic bold 10pt "Arial", sans-serif;}

DIV.LinkList DD
	{text-align: justify; font: 10pt "Arial", sans-serif;}

DIV.LinkList DIV.LinkNew {
	color: inherit;
	margin: 10px 25px 0 25px;
	border: 2px solid #2B516B;
	padding: 10px 5px 0 5px;
	background: transparent url(../grafica/b_chfade.gif);
	width: 80%;
}

DIV.LinkList TABLE.LinkNew {
	font-size: 10pt;
	width: 100%;
	margin: 0;
	padding: 0;
}
DIV.LinkList TABLE.LinkNew TH {
	text-align: left;
	width: 45%;
}
DIV.LinkList TABLE.LinkNew TD {
	text-align: center;
	width: 55%;
}
DIV.LinkList TABLE.LinkNew TD * {
	width: 100%;
}
DIV.LinkList TABLE.LinkNew TD INPUT {
	border: 2px solid #2B516B;
}
DIV.LinkList TABLE.LinkNew TD.SubmitBar {
	text-align: center;
	width: 100%;
}
DIV.LinkList TABLE.LinkNew TD.SubmitBar INPUT {
	color: #FFC800;
	border: 2px outset #2B516B;
   	background-color: #2B516B;
	width: 70px;
	margin-top: 5px;
	margin-bottom: 5px;
}

DIV.LinkList DIV.BannerList
	{float: left; margin: 4px 2px 2px 0;}

DIV.LinkInfo P
	{text-align: justify;}
	
DIV.LinkListEl
	{clear: both;}

DIV.LinkListEl P
	{margin-left: 30px; text-align: justify;}

DIV.LinkListEl DIV.Banner
	{margin: 4px 4px 2px 15px; float: left;}

DIV.LinkList *.URL,
DIV.LinkListEl *.URL
	{font: 9pt "Courier New", monospace;}

/* Authors Section */
DIV.Author P
	{text-align: justify;}

DIV.Author P.Nome,
DIV.Author P.Ruolo,
DIV.Author P.Pagina,
DIV.Author P.Motto
	{margin-left: 30px;}
	
DIV.Author SPAN.Motto
	{font-style: italic;}

DIV.Author SPAN.Nome
	{font-weight: bold;}
	
DIV.Author P.Descrizione
	{margin-left: 30px;}

DIV.Author TABLE {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
	background: #850B01 url(../grafica/b_flame5.gif);
}

DIV.Author COL.Nick
	{width: 17%;}
DIV.Author COL.Nome
	{width: 31%;}
DIV.Author COL.Ruolo
	{width: 17%;}
DIV.Author COL.Pagina
	{width: 35%;}

DIV.Author TH {
	font: bold 10pt "Copperplate Gothic Bold", "Arial", sans-serif;
	color: #780000;
	background: #FFC800 url(../grafica/b_flame1.gif);
}
DIV.Author TD {
	font: 10pt "Arial", sans-serif;
	color: inherit;
	background: #2B516B;
}

/* Banner Section */	
/* Gallery Section */
DIV.Banner P
	{text-align: justify;}
	
DIV.Banner TABLE.Banner
	{width: 95%; margin: 0 2.5% 0 2.5%;}

DIV.Banner TABLE.Banner P
	{text-align: center;}
	
DIV.Banner TABLE.Banner TD {
   text-align: center;
   vertical-align: middle;
	width: 50%;
   padding: 5px;
   color: inherit;
   /* background-color: #2B516B; */
	border: 2px solid #2B516B;
   background: transparent url(../grafica/b_chfade.gif);
}

/* Archive Section */
DIV.Archive P
	{text-align: justify;}

DIV.Archive DT
	{padding: 0.3em 0 0 0; font: italic bold 10pt "Arial", sans-serif;}

DIV.Archive DD
	{text-align: justify; font: 10pt "Arial", sans-serif;}

DIV.Archive DIV.Navigator,
DIV.Archive DIV.Navigator P
	{width: 100%; text-align: center;}


/* ************************* */
/* Title & Footer Formatting */
/* ************************* */

*.TitleSection {
	padding: 0;
	margin: 0;
	height: 100px;
	background: transparent url(../grafica/b_title.gif) no-repeat top left;
}

DIV.TitleSection
	{text-align: right; vertical-align: middle;}
DIV.TitleSection IMG
	{width: 80px; height: 60px; margin: 20px 30px 0 0;}

*.FooterSection {
	text-align: center;
	margin: 0;
	padding: 12px 50px 0 50px;
	background: transparent url(../grafica/b_botlef.gif) no-repeat top left;
}

*.FooterSection IMG
	{margin-left: 7px;}

*.FooterSection P
	{font: 7.5pt "Arial", sans-serif; margin: 0;}

*.VisitCount 
	{color: #6B9EC1;}

/* *************** */
/* Menù Formatting */
/* *************** */
/*
		Menu: Left Bar (TD)
   		MenuSection: Overall (DIV)
				MenuHead: Menu Header (P)
				MenuBody: Menu List (DIV)
					MenuLevel1: Menu Entry (P)
					MenuLevel2: Menu Entry (P)
					MenuLevel3: Menu Entry (P)
   		   BannerBody: Banner List (DIV)
					BannerPlace: Banner Entry (DIV)
*/
*.MenuSection {
	padding: 7px 9px 5px 7px;
	margin: 0;
	height: 650px;
	background: transparent url(../grafica/b_lbar.gif) no-repeat;
}

*.MenuHead {
	padding: 1px 0; margin: 2px 0 0 0;
	text-align: center;
	font: 16pt "Copperplate Gothic Bold", "Arial", sans-serif;
	color: #780000;
	background: #FFC800 url(../grafica/b_flame1.gif);
}

*.MenuBody {
	padding: 3px 5px; margin: 0 0 3px 0;
	background: transparent url(../grafica/b_blfade.gif);
}

*.MenuLevel1,
*.MenuLevel2,
*.MenuLevel3
	{padding: 0; margin: 0; font-family: "Arial", sans-serif;}
	
*.MenuLevel1 {
	font-weight: bold;
   font-size: 10pt;
}
*.MenuLevel2{
	padding-left: 5px;
	font-weight: bold;
   font-size: 8pt;
}
*.MenuLevel3{
	padding-left: 10px;
	font-size: 7.5pt;
}

*.BannerBody {
	padding: 3px 5px; margin: 0 0 3px 0;
	/* background: transparent url(../grafica/b_blfade.gif); */
}

*.BannerPlace {
	padding-top: 6px;
}

