/* Andrea Olivotto, 2011 */


/***********************************************************************************************/
/* Standard selectors                                                                          */
/***********************************************************************************************/

/* Universal selector */
* {
/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
*/
/*
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	letter-spacing: 1px;
*/	
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 9pt;
/*
	font-family: Georgia, Palatino, Palatino Linotype, serif;
	font-size: 9pt;
*/
/*
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 9pt;
*/
  font-weight: normal;
	text-decoration: none;
	color: #E0E0E0;
}

/* Titles */
h1, h2, h3, h1 a, h2 a, h3 a, h4 a {
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;*/
	font-family: Georgia, Palatino, Palatino Linotype, serif;
	/*font-family: "Courier New", Courier, monospace;*/
	/*font-family: "Times New Roman", Times, serif;*/
	font-weight: bold;
	color: #FFC001;
}
h1, h1 a {
	font-size: 32pt;
	margin-top: 70pt;
	margin-bottom: 70pt;
	margin-left: 10px;
	width: 400px;
}
/*
h1:first-letter {
	font-size: 32pt;
	color: #000000;
	background-color: #FFC001;
	padding-right: 7px;
	padding-left: 7px;
	margin-right: 2px;
	border: solid 2px #AA7001;
}
*/
h2, h2 a {
	font-size: 20pt;
	text-indent: 10px;
	margin-top: 40pt;
	margin-bottom: 15pt;
	width: 100%;	
	padding-bottom: 4px;
	border-bottom: dashed 1px #443300;
}
/*
h2:first-letter {
	font-size: 20pt;
	color: #000000;
	background-color: #FFC001;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 2px;
	border: solid 2px #AA7001;
}
*/
h3, h3 a {
	font-size: 14pt;
	text-indent: 10px;
	margin-top: 30pt;
	margin-bottom: 10pt;
	border: none;
}
/*
h3:first-letter {
	font-size: 14pt;
	color: #000000;
	background-color: #FFC001;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 2px;
	border: solid 2px #AA7001;
}
*/
h2 a {
	text-decoration: none;
	border-bottom: 0px;
}	
h2 a:link {
	text-decoration: none;
	border-bottom: 0px;
}	
h2 a:visited {
	text-decoration: none;
	border-bottom: 0px;
}	
h2 a:hover {
	text-decoration: none;
	border-bottom: 0px;
}	
h2 a:active {
	text-decoration: none;
	border-bottom: 0px;
}
h3 a {
	text-decoration: none;
	border-bottom: 0px;
}	
h3 a:link {
	text-decoration: none;
	border-bottom: 0px;
}	
h3 a:visited {
	text-decoration: none;
	border-bottom: 0px;
}	
h3 a:hover {
	text-decoration: none;
	border-bottom: 0px;
}	
h3 a:active {
	text-decoration: none;
	border-bottom: 0px;
}


/* Links */
/* Ordine corretto: link-visited-hover-active (CSS TMM p.61 e p.227) */

a {
	color: #E0E0E0;
	text-decoration: none;
	/* Per impostare uno stile diverso per l'underline, si puņ usare border-bottom (CSS TMM p.230) */
	border-bottom: dashed 1px #E0E0E0;
}
a:link {
	color: #E0E0E0;
	text-decoration: none;
	border-bottom: dashed 1px #E0E0E0;
}	
a:visited {
	color: #E0E0E0;
	text-decoration: none;
	border-bottom: dashed 1px #E0E0E0;
}	
a:hover {
	color: #FFC001;
	text-decoration: none;
	/* Per impostare uno stile diverso per l'underline, si puņ usare border-bottom (CSS TMM p.230) */
	border-bottom: dashed 1px #FFC001;
}	
a:active {
	color: #FFC001;
	text-decoration: none;
	/* Per impostare uno stile diverso per l'underline, si puņ usare border-bottom (CSS TMM p.230) */
	border-bottom: dashed 1px #FFC001;
}

/* P */
p {
	margin-bottom: 8pt;
}
br {
	margin-bottom: 8pt;
}

/***********************************************************************************************/
/* Page sections                                                                               */
/***********************************************************************************************/

/* HTML */
html {
	background-color: #202020;
	background-image: url("img/ao_bg_02.png");
	background-repeat: repeat-y;
	background-position: center top;
}

/* Body */
body {
	background-color: #000000;
	width: 901px;
	margin-top: 20px;
	margin-left: auto;	/* Auto: permette di centrale il body nella finestra */
	margin-right: auto;
	margin-bottom: 20px;
}

/* Menu bar */

/* (CSS TMM p.61 e p.241) */ 
ul.NavBar {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}
ul.NavBar li {
	float: left;
	overflow: hidden;
	zoom: 1;				/* Per IE6 */
	width: 149px;		/* Richiede body width=901 */
	list-style: none;
	text-align: center;
	background-color: #555555;
	border: solid 1px #000000;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-right: -1px;
	text-decoration: none;
}
ul.NavBar a {
	font-size: 10pt;
	border: none;
	font-weight: normal; 
	color: #E0E0E0;
	text-decoration: none;
	border-bottom: 0px;
}
ul.NavBar a:link {
	font-weight: normal; 
	color: #E0E0E0;
}
ul.NavBar a:visited {
	font-weight: normal; 
	color: #E0E0E0;
}
ul.NavBar a:hover {
	font-weight: bold; 
	font-size: 10pt;
	color: #FFCC00;
}
/* (CSS TMM p.61 e p.430) */ 	
#homepage #homelink, #article #articleslink, #bio #biolink, #galleries #photolink, #articles #articleslink, #links #linkslink {	
	background-color: #000000;
}

/* Languages */
#Languages {
	float: right;
	margin: 20px;
}
a.LanguageToChoose {
	text-decoration: none;
	border-bottom: 0px;
}
.LanguageChoosed {
	text-decoration: none;
}

/* Content */
#Content {
	padding: 15px;
	text-decoration: none;
	border: none;
}

/* Footer */
.FooterCopyright {
	font-family: Georgia, Palatino, Palatino Linotype, serif;
	font-size: 8pt;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 2px;
	padding-top: 10px;
	border-top: dashed 1px #443300;;
}
.FooterLastChanged {
	font-family: Georgia, Palatino, Palatino Linotype, serif;
	font-size: 8pt;
	text-align: center;
	padding-bottom: 20px;
}

/***********************************************************************************************/
/* Home page                                                                                   */
/***********************************************************************************************/

/* Home page, change log ID */

/* Random images */
#RandomImages {
	text-decoration: none;
	margin-top: 15px;
}
#RandomImages table {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
#RandomImages td {
	padding: 5px;
}
.RandomImage img {
	padding: 10px;
	border: none;
}
.RandomImage a {
	display: block;
	text-decoration: none;
	padding: 0px;
	margin: 5px;
	border: dashed 1px #404040;
}
.RandomImage a:link {
	text-decoration: none;
}
.RandomImage a:visited {
	text-decoration: none;
}
.RandomImage a:hover {
	text-decoration: none;
	border: dashed 1px #FFC001;
}
.RandomImage a:active {
	text-decoration: none;
	border: dashed 1px #FFC001;
}

/* Change log */
.ChangeLogList {
}
.ChangeLogItem {
}
.ChangeLogDate {
	width: 120px;
	color: #909090;
	font-family: Georgia, Palatino, Palatino Linotype, serif;
	font-size: 14pt;
	background-color: #202020;
	padding: 10px 10px 10px 10px;
	border: solid 1px #303030;
}
.ChangeLogDescr {
	width: 690px;
	background-color: #101010;
	padding: 10px 10px 10px 10px;
	border: solid 1px #202020;
}
#ChangeLogImage {
	text-decoration: none;
	margin-top: 15px;
}
#ChangeLogImage table {
	width: 10%;
	margin-left: auto;
	margin-right: auto;
}
#ChangeLogImage td {
	padding: 5px;
}
#ChangeLogImage img {
	padding: 10px;
	border: none;
}
#ChangeLogImage a {
	display: block;
	text-decoration: none;
	padding: 0px;
	margin: 5px;
	border: dashed 1px #404040;
}
#ChangeLogImage a:link {
	text-decoration: none;
}
#ChangeLogImage a:visited {
	text-decoration: none;
}
#ChangeLogImage a:hover {
	text-decoration: none;
	border: dashed 1px #FFC001;
}
#ChangeLogImage a:active {
	text-decoration: none;
	border: dashed 1px #FFC001;
}

/***********************************************************************************************/
/* Articles                                                                                    */
/***********************************************************************************************/

.ArticleAvatar {
	float: right;
	margin-top: -146px;
}
.ArticleLastUpdate {
	margin-top: -40px;
	margin-left: 5px;
}
/* (CSS TMM p.255) */ 	
.ArticlePDF {
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 100px;
}
.ArticleLinkToHome {
	margin-top: 40px;	
	margin-bottom: 40px;
	text-align: right;
}
.ArticleIndex li {
	list-style: square;
}
.ArticleIndex li a {
	text-decoration: none;
}
.ArticleIndex li a:link {
	text-decoration: none;
}
.ArticleIndex li a:visited {
	text-decoration: none;
}
.ArticleIndex li a:hover {
	text-decoration: none;
}
.ArticleIndex li a:active {
	text-decoration: none;
}


/***********************************************************************************************/
/* Photo galleries                                                                             */
/***********************************************************************************************/

a.GalleryTitle {
	color: #FFC001;
	font-family: Georgia, Palatino, Palatino Linotype, serif;
	font-weight: bold;
	font-size: 12pt;
	margin-top: 30pt;
	margin-bottom: 10pt;
	padding-left: 5px;
	border: none;
}
.GalleryImage img {
	padding: 10px;
	border: none;
}
.GalleryImage a {
	display: block;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	border: dashed 1px #404040;
}
.GalleryImage a:link {
	text-decoration: none;
}
.GalleryImage a:visited {
	text-decoration: none;
}
.GalleryImage a:hover {
	text-decoration: none;
	border: dashed 1px #FFC001;
}

/***********************************************************************************************/
/* Articles                                                                                    */
/***********************************************************************************************/

.ArticleTable {
	width: 850px;
	border: solid 1px #303030;
	background-color: #202020;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}
a.ArticleTitle {
	color: #FFC001;
	font-family: Georgia, Palatino, Palatino Linotype, serif;
	font-weight: bold;
	font-size: 10pt;
	margin-top: 30pt;
	margin-bottom: 10pt;
	border: none;
}
.ArticleImage img {
	padding: 0px;
	border: none;
}
.ArticleImage a {
	display: block;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	border: none;
}
.ArticleImage a:link {
	text-decoration: none;
}
.ArticleImage a:visited {
	text-decoration: none;
}
.ArticleImage a:hover {
	text-decoration: none;
}
p .ArticleBoldText {
	font-weight: bold;
}
.ArticleTextList li {
	padding-bottom: 10px;
}

.SourceCode {
	font-family: courier, monospace; 
	font-size: 8pt; 
	font-weight: normal; 
	text-decoration: none;
	color: #e0e0e0;
}

/***********************************************************************************************/
/* First page                                                                                  */
/***********************************************************************************************/

#firstpage {
	padding-top: 50px;
	padding-bottom: 50px;
}
#firstpage a {
	font-size: 14px;
	border:none;
}
#firstpage a:link {
	border:none;
}
#firstpage a:visited {
	border:none;
}
#firstpage a:hover {
	border:none;
}
#firstpage a:active {
	border:none;
}

/***********************************************************************************************/
/* Links                                                                                       */
/***********************************************************************************************/

#LinkList dl h3 {
	font-size: 14pt;
	margin-left: 0px;
	text-indent: 0px
}

#LinkList dl dl h3 {
	font-size: 12pt;
	margin-left: 10px;
  text-indent: 10px
}

#LinkList dl dl dt a {
	margin-left: 10px;
  text-indent: 10px
}

#LinkList dl dl dl dt a {
	margin-left: 20px;
  text-indent: 20px
}