@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;*/}
#viaggio2012{text-align:center;width:120px;margin-top:0px; margin-bottom:30px;}
#progetto2010, #progetto2011{text-align:center; font-size:0.8em; padding-bottom:5px;margin-bottom:10px;}
#progetto2010 h2, #progetto2011 h2{text-align:center; font-size:1.0em; margin-bottom:5px;}
#progetto2010 p, #progetto2011 p{text-align:center; margin-top:5px;}
#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#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;}