/* CSS Document */

body {
    background: #FFCC00;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size:15px;
    padding: 0px;
    margin: 0px;
    color:#000;
    letter-spacing:0.01em;
  }
	
#logo {
  position:absolute;
  top:0px;
  left:0px;
  background-color:#000;
  width:100%;
  height:150px;
  padding:0px;
  border-bottom:1px solid black;
  z-index:6;
}

#logo img {
  border:none;
  width:100%;
}

#leonde {
  float:right;
  margin:20px 45px 0px 0px;
  display:none;
}
	
#menu {
  position:absolute;
  left: 0px;
  top: 146px;
  list-style-type:none;	
}

#rightMenu {
  position:absolute;
  right: 0px;
  top:146px;
  list-style-type:none;
  background-color:#FFCC00;
  padding-bottom:10px;
  
}



.item_contents  a:hover,
#selected{ 
   font-weight:bold;
   background:#FFCC00 url('../images/arrow-right.gif') left no-repeat;
}

.item {	
  margin-bottom: 0px;
}

.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;
    width: 8em;
    margin: 0;
    margin-right:0px; 
    text-align: left;
    font-size: 1em;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    text-transform:lowercase;
    color:black;
    background:#FFCC00;
    padding: 5px 20px 2px 20px;
}
#rightMenu a.item_headline{
  width: 8.1em;
  padding: 5px 20px 5px 20px;
  border-left:1px solid #FFCC00;
}

a.item_headline:hover {
        background:#FFCC00 url('../images/goto.gif') right no-repeat;
        text-decoration:none;
        font-weight:bold;
}


#titolo {
	
	}

#centro {
  z-index:5;
  position:relative;
  padding:150px 20px 20px 20px;
  margin: 0px 0 0 15.2%;
  width:65%;
  background-color:#990b00; 
  border:1px solid black;
  border-width:0px 1px 1px;
  height:auto;
  text-align:left;
}
#centro p{
  margin:0px;
  padding:0px;
  text-align:justify;
}

#centro h2 {
        font-size:1.3em;
        margin: 15px 0 20px 0;
	margin-bottom:10px;
	padding:0px 10px;
	color:#FFCC00;
 	border-bottom:1px solid #ffCC00;
        background:black;
	text-align:left;
        line-height:27px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
	
h3 {
  font-size:1.0em;
  font-weight:normal;
  margin:10px 0px 0px;
  text-align:left;
  color:black;
  line-height:20px;
  padding:1px 10px;
  border-bottom:1px solid black;
  background:#FFCC00 ;
}


h4 {
  font-size:1.0em;
  margin:10px 0px 0px;
  text-align:left;
  color:#FC0;
}

.subsection {
  text-align:center;
  margin-top:2px;
  width:100%;
  border-collapse:collapse;
  margin-bottom:10px;
  margin-top:10px;
}

.subsection td {
  display:inline;
  width:100px;
 
}
.subsection td a{
  color:black;
   background-color:#ffCC00;
  padding:2px 30px;
   
}
.subsection td a:hover{
  text-decoration:none;
  color:#FFCC00;
  background:#000;  
}

.subsection td a.selected{
  background-color:#000;
  
  padding:5px 30px;
  width:120px;
  color:#FFCC00;
  font-weight:bold;
}
.subsection td a.selected:hover{
}


 h5 {
  font-size:1.1em;
  margin:5px 0px 10px 0px ;
  padding:1px 15px;
  background:url('../images/h5.gif') no-repeat right;
  color:#FC0;
  border-bottom:1px solid #FFCC00;
}
h5.outside {
margin-right:0px;
margin-bottom:0px;
border-bottom:none;
line-height:25px;
background:black ;
color:#FFCC00;
}

	
.center {
  text-align:center;
  margin:10px 0px;
}

a {
	color:#FFCC00;
	text-decoration:none;
}

	
a:hover {
        text-decoration:underline;
}

/****************************/
.entry {
  margin:10px 0px;
  padding:0px;
  
}

.title {
  font-size:1em;
  font-weight: bold;
  padding:2px 10px;
  
  color:black;
  border:1px solid black;
  border-width:1px 1px 0px 1px;
  background-color:#FFCC00;
}

.subtitle {
  border:1px solid black;
  border-width:0px 1px 0px 1px;
  font-size:0.9em;
  height:15px;
  color:#FFCC00 ;
  padding:1px 10px 2px;
  background-color:black;
  
}

.entry .p {
  border:1px solid black;
  border-width:0px 1px 1px 1px;
  padding:5px 10px;
  background-color:#FFCC00;
  font-size:0.95em;

}
.entry .p a{
  color:#990b00;
  font-weight:bold;
}

.attachments {
  margin: 10px 0px 10px;
  padding:0px 0px 5px;
  border:1px solid gray;
  height:auto;
  background-color:black;
  text-align:justify;
}

.attachments img{
  margin:5px;
}


/************* ADMIN ***************/
.formatTable {
  width:100%;
  font-size:1em;
  border-collapse:collapse;
}
.formatTable td{
  padding:2px 5px;
}

.formatTable td a{
  color:red;
}


.formatTable tr:hover{
  background-color:orange;
}

.formatTable th{
  padding:2px 5px;
  text-align:left;
  background-color:#ffCC00;
  border-bottom:1px solid black;
}


.commands {
  padding:10px;
  font-weight:bold;
  margin:5px 0px 15px;  
  text-align:center;
  
}

.commands a{
  margin:0px 20px;
  color:black;
  background-color:#FFCC00;
  
  border:1px solid black;
  border-left:1px solid #ffdc4e;
  border-top:1px solid #ffdc4e;
  padding:5px 15px;
}

.commands a:hover{
 text-decoration:none;
 border:1px solid black;
 border-right:1px solid #ffdc4e;
 border-bottom:1px solid #ffdc4e;
}

.inputTable {
  width: 100%;
  vertical-align:top;
}

.inputTable th{
  width:120px;
  text-align:right;
  padding:5px 5px;
  color:#Fc0;
  vertical-align:top;
  font-size:0.8em;
}

.inputTable select {
  width:80px;
}
.inputTable input {
  width:400px;
}
.inputTable textarea {
  width:400px;
  height:300px;
}

textarea.big {
  width:450px;
  height:150px;
}

input.big {
  width:450px;
}

#msg {
  width:14em;
  position:absolute;
  top:200px;
  left:13em;
  background-color:#990b00;
  text-align:center;
  font-size:1em;
  padding:15px 20px 20px;
  border:1px solid gray;
}
#msg img {
  float:right;
  margin:-10px -10px 0px 0px;
}
#msg img:hover {
  cursor:pointer;
}


/****************************/
img {
  border: 0px;
}

.dark{
  background-color:#f7c600;
}
.light{
  background-color:yellow;
}