/* General styles */
/*------------------------------------------------------------*/
body,html 
{ 
  height:100%;
  margin:0 
}

body 
{
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  background:#ffffff;
  min-width:600px;    /* Minimum width of layout - remove line if not required */
  /* The min-width property does not work in old versions of Internet Explorer */
  font-size:90%;
}


/* Blog */
/*------------------------------------------------------------*/
#BlogTitle 
{
  display:    block;
  position:   relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  top:        0px;
  left:       15px;
  width:      840px;			/* width of whole page */
  height:     40px;			/* width of whole page */
  clear:      both;
  float:      none;
  font-family: "Verdana";
  font-size: 18px;
  font-weight:bold;
  text-align:left;
  letter-spacing:1px;
  color:#006892; 
}

#BlogIntro, BlogIntro_empty 
{
  display:    block;
  position:   relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  top:        0px;
  left:       20px;
  width:      785px;			/* width of whole page */
  height:     40px;			/* width of whole page */
  clear:      both;
  float:      none;
  font-family: "Verdana";
  font-size: 12px;
  font-weight:normal;
  text-align:left;
  letter-spacing:1px;
  line-height: 20px;
  color:#006892; 
}

#BlogIntro_empty
{
  height:     10px;			/* width of whole page */
}

#Blogs 
{
  display:    block;
  position:   relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  top:        0px;
  left:       10px;
  width:      830px;			/* width of whole page */
  height:     335px;			/* width of whole page */
  clear:      both;
  float:      left;
  /*overflow:   auto;	/* This chops off any overhanging divs */
  overflow: auto;
  border: 0px solid #AAAAAA;
}

.Blogs
{
  position: relative;
  width: 810px;
  margin: 0px 0px 0px 0px;
  clear: both;
  border: 0px solid #666666;
  /*border: 1px solid #000000;*/
}

.Blog_Left
{
  position: relative;
  width: 652px;
  margin: 0px 0px 0px 0px;
  clear: both;
  border: 0px solid #666666;
 }
 
.Blog_Article
{
  width: 650px;
  margin: 0px 0px 30px 0px;
  clear: both;
  border: 0px solid #666666;
}

.Blog_Title_Article
{
  position: relative;
  margin: 0px 0px 10px 0px;
  width: 641px;
  border: 0px solid #FF4040;
  font-family: "Verdana";
  font-size: 14px;
  font-weight:bold;
  text-align:left;
  color:#666666;
  padding: 3px;	
}

.Blog_Text_Article
{
  margin: 0px 0px 2px 0px;
  width: 641px;
  border: 0px solid #80FFFF;
  overflow: hidden;
  font-family: "Verdana";
  font-size: 12px;
  font-weight:normal;
  text-align:left;
  line-height: 20px;
  color:#666666;
  padding: 3px;	  
}

.Blog_Data_Article
{
  margin: 0px 0px 0px 0px;
  width: 380px;
  border: 0px solid #80FFFF;
  overflow:   hidden;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:normal;
  text-align:left;
  line-height: 20px;
  color:#BBBBBB;
  padding: 3px;
  float:left;
}

.Blog_Commenti_Article
{
  margin: 0px 0px 0px 0px;
  width: 253px;
  border: 0px solid #80FFFF;
  overflow: hidden;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:normal;
  text-align:right;
  line-height: 20px;
  color:#BBBBBB;
  padding: 3px;	  
}

.Blog_Right
{
  position: absolute;
  top:-10px;
  left:680px;
  width: 130px;
  margin: 1px 0px 0px 0px;
  border: 0px solid #666666;
  /*border: 1px solid #000000;*/
}

.Blog_Right_Anno
{
  position: relative;
  margin: 10px 0px 2px 0px;
  width: 120px;
  border: 0px solid #FF4040;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:bold;
  text-align:left;
  color:#666666;
  padding: 3px;	
}

.Blog_Right_Mese
{
  position: relative;
  margin: 0px 0px 2px 10px;
  width: 110px;
  border: 0px solid #FF4040;
  font-family: "Verdana";
  font-size: 10px;
  font-weight:normal;
  text-align:left;
  color:#666666;
  padding: 3px;	
}

a.Blog_Mese
{
  color:#666666;;
  text-decoration:none;
}

a.Blog_Mese:hover
{
  color:#666666;;
  text-decoration:underline;
}

a.Blog_Anno
{
  color:#666666;;
  text-decoration:none;
}

a.Blog_Anno:hover
{
  color:#666666;;
  text-decoration:underline;
}



/* Articolo */
/*------------------------------------------------------------*/
#Articolo 
{
  display:    block;
  width: 790px;
  height: 715px;
  margin: 0px 0px 0px 0px;
  clear: both;
  overflow: auto;    
  border: 0px solid #AAAACB;
}

.Articolo_Corpo
{
  overflow:   hidden;
  margin: 0px 0px 0px 0px;
  width: 772px;
  border: 0px solid #000000;
}

.Articolo_Data
{
  position: relative;
  margin: 30px 0px 10px 30px;
  width: 720px;
  height: 20px;
  border: 0px solid #80FFFF;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:normal;
  text-align:left;
  line-height: 20px;
  color:#BBBBBB;
}

.Articolo_Title
{
  position: relative;
  margin: 10px 0px 20px 30px;
  width: 720px;
  border: 0px solid #FF4040;
  font-family: "Verdana";
  font-size: 17px;
  font-weight:bold;
  text-align:left;
  color:#006892;
}

.Articolo_Sinossi
{
  margin: 0px 0px 20px 30px;
  width: 720px;
  border: 0px solid #FF8080;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:normal;
  font-style:italic;  
  text-align:left;
  line-height: 20px;
  color:#666666;
}

.Articolo_Note
{
  position: relative;
  margin: 0px 0px 35px 30px;
  width: 720px;
  border: 0px solid #C0C000;
  font-family: "Verdana";
  font-size: 12px;
  font-weight:normal;
  text-align:left;
  line-height: 20px;
  color:#666666;
}

.Articolo_Lbl_Commenti
{
  position: relative;
  margin: 0px 0px 15px 30px;
  width: 720px;
  border-Top: 1px dotted #666666;
  font-family: "Verdana";
  font-size: 14px;
  font-weight:bold;
  text-align:left;
  line-height: 20px;
  letter-spacing: 2px;
  color:#BBBBBB;
}

.Articolo_Commenti_Autore
{
  position: relative;
  margin: 0px 0px 5px 70px;
  width: 660px;
  border: 0px solid #666666;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:bold;
  text-align:left;
  line-height: 20px;
  color:#006892;
}

.Articolo_Commenti_Testo
{
  position: relative;
  margin: 0px 0px 0px 70px;
  width: 660px;
  border: 0px dotted #666666;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:normal;
  text-align:left;
  line-height: 20px;
  color:#666666;
}

.Articolo_Commenti_Data
{
  position: relative;
  margin: 0px 0px 20px 70px;
  width: 660px;
  border: 0px dotted #666666;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:normal;
  text-align:right;
  line-height: 20px;
  color:#BBBBBB;
}

.Articolo_Commenti_Form_Lbl
{
  position: relative;
  margin: 30px 0px 0px 70px;
  width: 660px;
  border: 0px dotted #666666;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:normal;
  text-align:left;
  line-height: 20px;
  color:#666666;
}

.Articolo_Commenti_Form
{
  position: relative;
  margin: 0px 0px 20px 70px;
  width: 660px;
  height: 360px;
  border: 1px solid #666666;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:normal;
  text-align:left;
  line-height: 20px;
  color:#666666;
  background:#F8F8F8;
}

.Articolo_Commenti_Form_Msg
{
  position: relative;
  margin: 15px 0px 10px 15px;
  width: 630px;
  height: 120px;
  border: 0px solid #666666;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:bold;
  text-align:left;
  color:#666666;
  background:#FFFFFF;
}
.Articolo_Commenti_Form_Left
{
  position: relative;
  margin: 0px 0px 15px 0px;
  width: 325px;
  height: 200px;
  border: 0px solid #BBBBBB;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:bold;
  text-align:left;
  color:#666666;
  float:left;
}

.Articolo_Commenti_Form_Left_Msg
{
  position: relative;
  margin: 0px 0px 10px 15px;
  width: 310px;
  border: 0px solid #666666;
  line-height: 16px;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:normal;
  text-align:left;
  color:#666666;
}

.Articolo_Commenti_Form_Left_Campi
{
  position: relative;
  margin: 0px 0px 0px 15px;
  width: 310px;
  height: 130px;
  border: 0px solid #666666;
  line-height: 16px;
  font-family: "Verdana";
  font-size: 10px;
  font-weight:normal;
  text-align:left;
  color:#666666;
}

.Articolo_Commenti_Form_Right
{
  position: relative;
  margin: 0px 0px 15px 325px;
  width: 334px;
  height: 200px;
  border-left: 1px solid #BBBBBB;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:bold;
  text-align:left;
  color:#666666;
}

.Articolo_Commenti_Form_Right_Msg
{
  position: relative;
  margin: 0px 0px 10px 15px;
  width: 310px;
  border: 0px solid #666666;
  line-height: 16px;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:normal;
  text-align:left;
  color:#666666;
}

.Articolo_Commenti_Form_Right_Campi_L
{
  position: relative;
  margin: 0px 0px 0px 15px;
  width: 150px;
  height: 130px;
  border: 0px solid #666666;
  line-height: 16px;
  font-family: "Verdana";
  font-size: 10px;
  font-weight:normal;
  text-align:left;
  color:#666666;
  float:left;  
}
.Articolo_Commenti_Form_Right_Campi_R
{
  margin: 0px 0px 0px 175px;
  width: 155px;
  height: 130px;
  border: 0px solid #666666;
  line-height: 16px;
  font-family: "Verdana";
  font-size: 10px;
  font-weight:normal;
  text-align:left;
  color:#666666;
}
.Articolo_Commenti_Form_Left_Button
{
  margin: 0px 0px 15px 15px;
  width: 295px;
  border: 0px solid #666666;
  line-height: 16px;
  font-family: "Verdana";
  font-size: 10px;
  font-weight:normal;
  text-align:right;
  color:#666666;
}

.Articolo_Commenti_Form_Right_Button
{
  margin: 0px 0px 15px 15px;
  width: 305px;
  border: 0px solid #666666;
  line-height: 16px;
  font-family: "Verdana";
  font-size: 10px;
  font-weight:normal;
  text-align:right;
  color:#666666;
}

.Articolo_Commenti_Form_Input_TextArea
{
  width: 630px;
  height: 120px;
  border: 1px solid #666666;
  line-height: 20px;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:normal;
  text-align:left;
  color:#666666;
}

.Articolo_Commenti_Form_Input_Text
{
  width: 150px;
  height: 20px;
  border: 1px solid #BBBBBB;
  line-height: 20px;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:normal;
  text-align:left;
  color:#666666;
}

.Articolo_Commenti_Form_Input_Button
{
  width: 80px;
  border: 1px solid #666666;
  line-height: 16px;
  font-family: "Verdana";
  font-size: 11px;
  font-weight:normal;
  text-align:center;
  color:#666666;
}

.Articolo_Commenti_Form_Save_Msg
{
  position: relative;
  margin: 10px 0px 0px 0px;
  width: 660px;
  border: 0px dotted #666666;
  font-family: "Verdana";
  font-size: 13px;
  font-weight:bold;
  text-align:right;
  line-height: 20px;
  color:#006892;
  letter-spacing: 4px;
}