@media screen {
	/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
		{
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		line-height: 1;
		font-family: inherit;
		text-align: left;
		vertical-align: baseline;
	}
	a img,:link img,:visited img {
		border: 0;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	ol,ul {
		list-style: none;
	}
	q:before,q:after,blockquote:before,blockquote:after {
		content: "";
	}
}

body{background:url(/images/bg.jpg) transparent repeat-x;}
strong{font-weight:bold;}
em{font-style:italic;}
#global-wrapper{width:920px;margin:30px auto 0;padding:0 10px;font-family:Helvetica,Arial,"Trebuchet MS",Verdana,sans-serif; font-size:0.85em; color:#484848; /*background-color:yellow;*/}
a{font-family:Helvetica,"Trebuchet MS",Verdana,Arial,sans-serif; color:#484848;}
a:hover{text-decoration:none; color:black;}
#header{height:150px; width:685px; margin:0 auto;background:url(/images/wall.png) transparent top center no-repeat}
#headline{color:#FEFEFE;}
a#home{display:block;height:149px; width:684px;text-decoration:none;}
#wrapper{padding:30px 0px 0px 122px; /*background-color:green;*/}


#navigation{width:200px; float:left; /*background-color:yellow;*/}
#navigation li.ni {height:65px;}
#navigation li .desc{font-size:0.9em; width:125px; margin-right:5px;padding-right:15px; float:left; text-align:right; /*background-color:blue;*/}
#navigation li .desc-visible{visibility:visible!important;}
#navigation li .picture{width:55px; height:55px;float:left; /*background-color:red;*/}
#navigation li.published .desc{}
#navigation li.published .picture{}
#navigation li.unpublished .desc{visibility:hidden;}
#navigation li.unpublished .picture{}
#navigation li.active .desc{}
#navigation li.active .picture{}
#navigation li.active .picture a{cursor:default;}
#content{width:365px; margin-left:35px; float:left; /*background-color:green;*/}
#content-inner{clear:both;}
#content-inner h1 {font-size:1.3em; font-weight:bold; padding-bottom:2px;}
#content-inner p {font-size:0.9em; font-weight:lighter; line-height:1.4; margin-bottom:0.45em;}
#content-inner div h1 + p {margin-bottom:1.0em;}
#sidebar{margin-top: 2px;margin-left:78px;width:120px;text-align:center;float:left;/*background-color:red;*/}
#comic-project{text-align:center;}
#comic-project-title{height:16px; margin:4px;text-align:center;}
#initiative{width:120px;margin-top:0px; margin-bottom:30px;}
#initiative p {text-align:center; font-size:0.8em; padding-bottom:5px;/*15px;*/}
#viaggio2011{text-align:center;width:120px;margin-top:0px; margin-bottom:30px;} 
#progetto2010{text-align:center; font-size:0.8em; padding-bottom:5px;margin-bottom:25px;}
#progetto2010 h2{text-align:center; font-size:1.0em; margin-bottom:5px;}
#progetto2010 p{text-align:center; margin-top:5px;}
/*#highlight_star,#active_star{position:relative;width:0px; height:0px;z-index:10; background:url(/images/star.png) transparent no-repeat;}*/
#highlight_star,#active_star{position:relative;width:28px; height:28px;z-index:10; background:url(/images/star.png) transparent no-repeat; left:-17px; top:-69px;}
#legal{position:absolute; top:0; width:780px; padding-top:5px;}
#legal p {text-align:right; font-size:0.8em;line-height:1.6em;}
#legal a, #legal a:hover{color:#636363; text-decoration:none;}
#gallery{margin:20px 0 20px 0;}
#image-gallery{margin:0px 0 20px 0;}
#image-gallery li {display:inline;}
#image-gallery a {text-decoration:none;}
div.image-desc{display:none;}

/*div.img-tooltip{z-index:11;position:absolute; height:32px; background:url(/images/star.png) transparent no-repeat left bottom; padding-left:15px;}*/

/*
div.img-tooltip{z-index:11;position:relative; height:32px; background:url(/images/star.png) transparent no-repeat -1px bottom; padding-left:15px;}
div.img-tooltip span {background-color:white;padding:1px; font-weight:bold; font-size:0.8em;}
div#tooltip{margin-top:-10px;height:12px;}
*/

div#tooltip{position:absolute; z-index:50;}
div#tooltip div.img-tooltip{background:url(/images/star.png) transparent no-repeat left bottom; float:left; width:25px; height:28px; margin-bottom:-10px;}
div#tooltip div.tooltip-content{background-color:white;padding:1px; font-weight:bold; font-size:0.8em; float:left;}

#links{margin:15px 0; line-height:1.5;}
#links a{display:block; margin:7px 0; font-size:0.9em; line-height:1.2;}

#footer{clear:both; font-size:0.75em; padding-left:150px; padding-top:20px; margin-bottom:20px; color:#6D6D6D;}
#footer a{color:#6D6D6D;}
#footer #cc,#footer #imprint{float:left; padding-right:20px;}
.clearasil{clear:both; height:20px;}
