/* CSS Document */

body {
	background: #232323;
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
    padding: 0px;
    margin: 0px;
	color:#fff;
	letter-spacing:0.01em;
	}
	
#logo {
	position:absolute;
	top:10px;
	right:10px;
}

#scritta {
  position: absolute;
    top: 217px;
	right:14px;
}

#infoline {
	position:absolute;
    left: 20px;
    top: 40px;	
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size:20px;
    color: white;
}

	
#menu {
	position:absolute;
    left: 0px;
    top: 210px;	
	font-family:"Courier New", Courier, monospace;
}

.item_contents { 
	width: 99%;
	font-size: 14px; 
    margin: 0px;
    border-left: 20px solid white;
    padding-top: 10px;
}

.item_contents  a{ 
  text-transform: lowercase;
  display: block;
  width: 100%;
  color: white;
  padding-left: 20px;
}

.item_contents  a:hover,
#selected{ 
  background-color: white;
  color: #232323;
  text-align: right;
  padding-right: 3px;
}


.item {	
  width: 130px;
  margin-bottom: 20px;
}

	
.visible .item_contents { display: block; }
.invisible .item_contents { display: none; }
.hide { display: none; }

/* queste sono le scritte del menu' -> storia, manifesto, hackit06_ */
a.item_headline{
    display: block;
    left: 0px;
	width: 130px;
    margin: 0;
	padding: 0;
    text-align: right;
	font-size: 1.6em;
	font-weight: bold;
    font-family:"Courier New", Courier, monospace;
	text-transform:lowercase;
	color:#2D2A2C;
	background:#FFF;
	text-decoration:none;
    padding: 2px;
    padding-left: 23px;
    padding-top: 0px;
}

a.item_headline:hover {
	color:#232323;
}

#titolo {
	font-size:1.6em;
	color:#FFF;
	margin: 130px 0 0 20%;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	text-transform:lowercase;
	}

#centro {
	position:absolute;
	padding:20px;
	margin: 50px 0 0 20%;
	width:50%;
	background:#333;
	border:2px dashed #444;
	height:auto;
	text-align:justify;
}

#centro h2 {
	font-size:1.6em;
	color:#FFF;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	text-transform:lowercase;
	}

a {
	color:#FF0000;
	font-weight:bold;
	text-decoration:none;
	}

	
a:hover {
	color:#2D2A2C;
	background:#FFF;
}

/****************************/
.seminario .corpo {
	text-align:justify;
} 

.seminario a {
	margin-left: 15px ;
}

.ul_seminario li {
    color: red;
	list-style-image: url(../images/seminario.gif);
}

.main .ul_seminario a {
	color: #f60; !important
}


.main .seminario .title {
	background-image: url(../images/seminario_big.gif);
	background-position: top right;
	background-repeat: no-repeat;
	text-indent:48px;
}


/* FAQ */
.ul_faq li {
	list-style-image: url(../images/faq.gif);
}
.main .ul_faq a {
	color: #f60; !important
}

.main .faq .title {
	background-image: url(../images/faq_big.gif);
	background-position: top right;
	background-repeat: no-repeat;
	text-indent:48px;
}


/* progetti */
.ul_prj li {
	list-style-image: url(../images/project.gif);
}

.storia li 
{
  list-style-image: url(../images/storia.gif);
}

.links li 
{
  list-style-image: url(../images/link.gif);
}

.press li 
{
  list-style-image: url(../images/press.gif);
}

.home li {
  list-style: none;
}

.main .ul_prj a,
.main .storia a,
.main .links a,
.main .press a {
	color: #f60;
}

.prj a {
  margin-left: 15px;
}

.main .prj .title {
	background-image: url(../images/project_big.gif);
	background-position: top right;
	background-repeat: no-repeat;
	text-indent:48px;
}


.commento {
	width: 450px;
	margin: 10px auto;
/*    font-family: times new roman,serif,sans;*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: justify;
	color: #777;
	margin-bottom: 2px;
	padding: 5px 15px 15px 55px;
}


img {
  border: 0px;
}


.title {
  font-weight: bold;
  text-decoration: underline;
}


.img {
  border: 4px solid #111;
}

#calendario td{
  border: 2px solid silver;
  border-spacing: 0px;
  font-weight: bold;
  font-size: 13px;
}

#calendario th {
  border: 2px solid silver;
  font-size: 15px;
  padding: 5px;
  background-color: #737373;
}
    
#calendario { 
  border-collapse: collapse; 
  text-align: center;
  font-size: 11px;
  width: 100%;
  empty-cells: show;
}


#calendario a:hover {
  background-color: transparent;
  color: white;
}

.easy {
  background: #77cc77;
}

.medium {
  background: #eeeeaa;
}
                  
.hard {
  background: #ffbbbb;
}