/* -------  Layout CSS(   Centered Fixed Width) ------ */

#page {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: center; /* IE 5.5 hack */
  background: #FFFFFF; 
 color:#333;
 width:800px;
 	background-image : url(img/grappolo.jpg);
}

#farouter {background: #ffffff;width: 760px; margin: 20px auto 20px auto;text-align: left;  /* IE 5.5 hack part II */

 	background-image : url(img/grappolo.jpg);
	}
#outer {}
#rap {}
#masthead {letter-spacing: 0.2em;margin: 8px 8px 0 8px;padding: 0 10px 10px 60px; font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; height: 180px;
}

#main {padding-left:35px;}
#content {float: left;width: 521px; padding-top: 40px;}
#menu { margin-right: 20px; color:#333;}
#menu a: hover{background:#F0F0F0;}
#nav {padding-left: 10px;}
#logo {padding-top: 25px; padding-left: 12px;}
#hmenu {margin: 8px; height: 30px;}
#hnav {margin: 0;padding: 0;}
#clearer { clear: both; margin: 0; padding: 0;}
#footer { margin: 8px 8px 8px 8px; }


/*----------------- Color CSS    ------------------------*/


body {background: #000;;}
#rap {background: #ffffff;}
div.foot 
{
	background: #6D0B00;color: #FFF;
}
div.footer1 
{
	background: #810005;color: #FFF;width:810px;
}
#hmenu { background: #BAA99F;}
#hnav {
	background: #BAA99F;
}
a {color: #8C0000; text-decoration: none; }
a:visited { color: #8C0000; text-decoration: none; }
a:hover { color: #8C0000; text-decoration: underline; }
acronym, abbr { border-bottom: #333; }
blockquote {border-left: #573D2E; color: #573D2E;}
h2 {	color: #8C0000;
	font-size: 24px;
	font-weight: normal;}
h3 a {color: #8C0000; }
h3 a:hover {color: #8C0000;}
h3 a:visited {color: #8C0000;}
.meta { color: #DCD3CE} 
.feedback a{color: #884400;}



/* --------     Core CSS ---------*/


a{text-decoration: none;}
a img { border: none; }
acronym, abbr { border-bottom: 1px dashed; }
acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em;}
blockquote { border-left: 1px solid #573D2E; border-bottom: 1px solid #573D2E; margin-left: 1.5em; padding-left: 5px;}
cite { font-size: 90%; font-style: normal; }
#header a { color: #F2EEEC; text-decoration: none; }
#header a:hover { text-decoration: none; }
h1 { margin: 0; padding: 20px; text-align: right; }
#hidden {display:none;}

h2 {font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 0.2em; margin: 0 20px 20px 0; padding: 20px 0 0 0; }
h2#tagline {margin:0; margin-right: 25px; padding:0;text-align: right;color: #F2EEEC;border: 0;}

.post h2 { font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 0.2em; margin: 0 20px 0 30px; padding: 20px 0 30px 0; }
h3 {font: 24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; margin-left: 0; margin-top: 30px;color: #8C0000;  
}
h3#comments { margin-left: 20px; }
h3#respond { margin-left: 20px; }
h4 {
	font-size: 16px;
	font-weight: normal;
}
ol#comments li p { font-size: 100%; }
p, .feedback 
{ font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;}
p {}
.textarea { width:200px; margin:0; }
#archvies {
	font: 150% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}



/* ------------------------- Classes used by the_meta() ---------------------*/

/*--------------Comments--------------*/
#intro{
	width: 530px;
	margin-left : 5px;
	margin-right : 5px;
		font-family: Trebuchet MS, Verdana, Helvetica;
	font-size:12pt;
	
}
#intro1{
	width: 450px;
		font-family: Trebuchet MS, Verdana, Helvetica;
	font-size:12pt;
}
#banner{
	width: 70px;
}
#side{
	border: 1px solid #810005;
		width:170px;
	}
/* Menu link styles */
.mainMenuLink{
	display:block;
	width:155px;
	padding:2px 5px;
	text-decoration:none;
	color: #810005;
	margin:4px;
	font-family: Trebuchet MS, Verdana, Helvetica;
	font-size:12pt;
	font-weight:bold;
}

.mainMenuLinkSelected{
   display:block;
   width:155px;
   padding:2px 5px;
   text-decoration:none;
	color: #810005;
   background-color:#F8F665;
   margin:4px;
	font-family: Trebuchet MS, Verdana, Helvetica;
   font-size:12pt;
   font-weight:bold;
}

.mainMenuLink:hover{
   background-color:#810005;
  	color: #FFFFFF;
}

.mainMenuLinkSelected:hover{
   background-color:#810005;
  	color: #FFFFFF;
}

.subMenuLink{
   display:block;
   text-indent:15px;
   width:155px;
   padding:2px 5px;
   text-decoration:none;
	color: #810005;
   margin:4px;
	font-family: Trebuchet MS, Verdana, Helvetica;
   font-size:11pt;
}

.subMenuLinkSelected{
   display:block;
   text-indent:15px;
   width:155px;
   padding:2px 5px;
   text-decoration:none;
	color: #810005;
   background-color:#F8F665;
   margin:4px;
	font-family: Trebuchet MS, Verdana, Helvetica;
   font-size:11pt;
}

.subMenuLink:hover{
   background-color:#810005;
  	color: #FFFFFF;
}

.subMenuLinkSelected:hover{
   background-color:#810005;
  	color: #FFFFFF;
}
#mainMenuLink1{
	display:block;
	width:150px;
	padding: 5px 5px 4px;
	text-decoration:none;
	color:#0f83bb;
	margin:4px;
	border:1px solid #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

#mainMenuLink1 li{
	padding: 2px 0 2px;
}
	
#mainMenuLinkSelected1{
	display:block;
	width:150px;
	padding: 2px 5px 2px;
	text-decoration:none;
	color:#0f83bb;
	background-color:#f5f5f5;
	margin:4px;
	border:1px solid #ffffff;
	font-family: Trebuchet MS, Verdana, Helvetica;
	font-size:12pt;
	font-weight:bold;
}



#mainMenuLink1 a:hover{
   background-color:#f1f1f1;
}

#mainMenuLinkSelected1:hover{
   background-color:#f1f1f1;
}
#mainMenuLink1{
	display:block;
	width:400px;
	padding: 5px 5px 4px;
	text-decoration:none;
	color:#0f83bb;
	margin:4px;
	border:1px solid #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
#mainMenuLink2{
	width:130px;
	padding: 5px 5px 4px;
	text-decoration:none;
	margin:4px;
	font-family: Trebuchet MS, Verdana, Helvetica;
	font-size:12pt;
}
#mainMenuLink2 a:hover{
   background-color:#f1f1f1;
}
#mainMenuLink2 a:{
	display:block;
	width:150px;
	padding: 2px 5px 2px;
	text-decoration:none;
	color:#0f83bb;
	background-color:#f5f5f5;
	margin:4px;
	border:1px solid #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
div.rossodocsingolo{MARGIN:0px 0px 0px 0px;background-color:#f9825b;width:500px;font-size:11pt;font-family:"verdana";  }
div.biancodocsingolo{MARGIN:0px 0px 0px 15px;background-color:#e9f674;width:550px;font-size:11pt;font-family:"verdana" ; }
body.stampa
{
	background-image : url(img/grappolo.jpg);
}