html, body {
  margin:0 auto;
  padding:0;
  text-align:center;
  background-color:#e6e6e6;
}

body {
  width:900px;
  color:#444444;
  font-family:Verdana;
  font-size:13px;
  background:#e6e6e6 url(img/sidepanelBackground.gif) repeat-y;
}

div {
  text-align:left;
}

h1 {
  font-size:16px;
}

h2 {
  font-size:13px;
}

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

a:hover {
  text-decoration:underline;
}

      a#subscribe {
      	position: absolute;
      	top: 151px;
      	right: 27px;
      	padding-right: 18px;
      	background: url(../../pics/rssButton.gif) no-repeat right;
      }

img {
  border:0;
}

table {
	margin:0;
	border-collapse:collapse;
}

td { 
	padding:0;
	border:0;
}

#content {
  float:right;
  width:620px;
  overflow:hidden;
}

      .hilite {
      	background-color: #ff0;
      }

.loginbox {
  margin:0 auto;
}

#postnavigation {
  margin-bottom:10px;
  text-align:center;
  color:#999;
  padding:3px;
}

#postnavigation a {
  text-decoration:none;
  color:#ff3366;
}

#postnavigation a:hover {
  text-decoration:underline;
}

/*----------------------------
					 Header
----------------------------*/

#header {
	text-align:right;
	width:615px;
	margin:10px auto;
}


/*----------------------------
					 Credits
----------------------------*/

.credits {
  margin-top:30px;
  font-size:9px;
  text-align:center;
  color:#aaa;
}

.credits a {
  color:#ff3366;
}



/*----------------------------
					 Pagelist
----------------------------*/
/*
#navmenu {
  font-size:13px;
}

#navmenu .child {
  font-size:11px;
  padding-left:10px;
}

#navmenu .child li {
  padding-left:10px;
}
*/

#HMenuNavMenu ul {
    list-style:none;
    width:250px;
}

#HMenuNavMenu ul a {
    color:#fff;
    text-decoration:none;
    display:block;
    width:250px;
}

#HMenuNavMenu ul a:hover {
    text-decoration:underline;
}

#HMenuNavMenu ul li {
    float:left;
    position:relative;
}

#HMenuNavMenu ul li ul {
    list-style:none;
    position:absolute;
    left:230px;
    top:0;
    display:none;
    padding:0px 4px;
    border:1px solid #fff;
    background-color:#ff3366
}

#HMenuNavMenu ul li ul a {
    margin:0;
    line-height:11px;
    padding:3px;
}

#HMenuNavMenu ul li:hover ul { 
  display:block;
}

#HMenuNavMenu ul li:hover ul li ul { 
  display:none;
}
           
#HMenuNavMenu ul li ul li:hover ul { 
  display:block;
}

.sub {
  float:right;
  margin:-13px 20px 0 0 ;
  width:13px;
  height:13px;
  background:transparent url(img/sub.gif) no-repeat;
}


/*----------------------------
					 Calendario post
----------------------------*/

.calendario { 
  float:left;
  width:32px;
  margin:2px 8px 8px 2px; 
  padding:2px; 
  font-weight:bold; 
  font-size:9px; 
  border:1px solid #ff3366;
  background-color:#fff;
}

.calmese { 
  text-align:center; 
  color:#fff; 
  background-color:#ff3366;
}

.calgiorno { 
  text-align:center; 
  font-size:13px; 
  color:#ff3366;
}

.calanno { 
  text-align:center; 
  color:#fda9ea; 
}


/*----------------------------
            Menu
----------------------------*/

#Benvenuti { 
  background-image:url('img/Benvenuti.gif');
  height:165px;
  padding:5px 20px 0 220px;
  font-size:11px;
  }
  
#Benvenuti h1 {
  font-size:21px;
  font-weight:normal;
  color:#ff3366;
}

#BucaLettere {
  background-image:url('img/BucaLettere.gif');
  height:150px;
  padding:20px 180px 0 160px;
  font-size:11px;
}

#BucaLettere h1 {
  font-size:21px; 
  font-weight:normal;
  color:#ff3366;
}

#ConsigliAcquisti {
  background-image:url('img/Consigli.gif');
  height:165px;
  padding:5px 130px 0 160px;
  font-size:11px; 
}

#ConsigliAcquisti h1 {
  font-size:21px; 
  font-weight:normal;
  color:#ff3366;
}

#GalleriaGolosa {
  background-image:url('img/GalleriaGolosa.jpg');
  height:165px;
  padding:5px 30px 0 330px;
  font-size:11px; 
}

#GalleriaGolosa h1 {
  font-size:21px; 
  font-weight:normal;
  color:#ff3366;
}


/*----------------------------
            Menu
----------------------------*/

#menu {
  text-align:right;
}

#menu ul {
  list-style:none;
  margin:0;
  padding:0;
}

#menu ul li {
  display:inline;
}

#menu ul li a {
  padding:10px;
  font-size:11px;
  font-weight:bold;
  color:#ff3366;
}

#menu ul li a.feed img {
  position:relative;
  top:2px;
  margin-right:3px;
}


/*----------------------------
          Side Panel
----------------------------*/

#sidepanel {
  float:left;
  width:265px;
}

#sidepanel .box {
  padding:0 10px 15px 10px;
  color:#eee;
}

#sidepanel .box h1 {
  height:37px;
  margin:0 0 0 -10px;
  padding:10px 0 0 50px;
  background:url(img/catH.gif) no-repeat;
  color:#666666;
}

#sidepanel .box ul {
  list-style-type:none;
  margin:0;
  padding:0;
  text-transform:capitalize;
}

#sidepanel .box ul li {
  margin-bottom:3px;
}

#sidepanel img.rssButton {
  margin-right:3px;
}

#sidepanelHead {
  height:350px;
  background:#e6e6e6 url(img/sidepanelHead.gif);
}

#sidepanelFoot {
  height:140px;
  background:#e6e6e6 url(img/sidepanelFoot.gif);
}

/*----------------------------
           Blogroll
----------------------------*/

#blogroll ul {
  list-style-type:none;
  margin:0 0 3px 0;
  padding:0px;
}

#blogroll ul li ul li a {
  margin-left:25px;
  color:#eee;
  font-size:11px;
}

#blogroll ul li a img {
  border:none;
  margin-right:3px;
}

/*----------------------------
           Posts
----------------------------*/

div.post, .mceContentBody {
  border-bottom:1px solid #999;
  padding:10px;
  margin-bottom:20px;
  background:#e6e6e6 url(img/CornerPost.gif) no-repeat;
}

div.post h1, .mceContentBody h1 {
  margin-bottom:10px;
  top:5px;
  color:#ff3366;
}

div.post .author {
  color:#999;
  font-size:11px;
  float:left;
  text-transform:capitalize;
}

div.post .pubDate {
  color:#999;
  font-size:11px;
  float:right;
}

div.post .text {
  margin-top:30px;
  padding-bottom:20px;
  text-align:left;
  border-bottom:1px solid #999;
  background:transparent url(img/SfondoBody.gif) no-repeat bottom right;
}

div.post .text h2 {
  margin-bottom:-10px;
}

div.post .text h3 {
  font-size:11px;
  margin-bottom:-10px;
  padding:0;
}

div.post .footer {
  text-align:right;
  border-top:1px dashed silver;
  padding-top:4px;
  padding-bottom:2px;
  font-size:11px;
}

div.post .bottom {
  margin:5px 0 35px 0;
}

div.post .categories {
  margin-bottom:5px;
  float:right;
  font-size:11px;
}

div.post .tags {
  float:left;
  margin-bottom:5px;
  font-size:11px;
}

div.post .text a[href^="http:"] {
  background: url(../../pics/remote.gif) right top no-repeat;
  padding-right:10px;
  white-space:nowrap;
}

div.post a {
  text-decoration:none;
  color:#ff3366;
}      

div.post a:hover {
  text-decoration:underline;
}

/*----------------------------
			Related Posts
----------------------------*/

#relatedPosts {
	padding:10px;
	background-color:#e0e0e0;
}

#relatedPosts h1 {
	margin:0px;
}

#relatedPosts a {
	display:block;
	margin:5px 0 0 15px;
  color:#ff3366;
}

#relatedPosts span {
	color:#666;
	margin-left:15px;
	text-indent:10px;
	font-size:10px;
}

/*----------------------------
				Recent posts
----------------------------*/

ul.recentPosts li{
	padding-bottom:5px;
}

ul.recentPosts li a{
	font-weight:bold;
}

ul.recentPosts li span{
	display:block;
	text-indent:10px;
	text-transform:none;
}

/*----------------------------
			Recent comments
----------------------------*/

ul.recentComments li{
	padding-bottom:5px;
	text-transform:none;
}

ul.recentComments li a.postTitle{
	font-weight:bold;
}

      /*----------------------------
      			Social bookmarks
      ----------------------------*/

      .bookmarks {
      	float: left;
      }

/*----------------------------
					Comments
----------------------------*/

.comment {
  border-bottom:1px solid #999;
  padding:3px 10px;
  margin-bottom:10px;
}

.comment .date {
  font-size:11px;
  color:#999;
  text-align:right;
  margin:0;
  padding:3px 0px;
  border-bottom:1px dashed silver;
}

.comment .author {
  margin:0;
  padding:3px 0px;
  border-top:1px dashed #999;
}

.comment .gravatar {
	float:left;
	clear:both;
	margin:5px 10px 5px 0;
	background-color:#d9d9d9;
}

.comment .gravatar img {
	height:80px;
	width:80px;
}

.comment .content {
	margin:10px 10px 10px 85px;
	padding:5px 5px 5px 15px;
	color:#999;
	background:#fff url(img/Comment.gif) no-repeat;
  min-height: 85px;
  height: auto !important;
  height: 85px;
}

.comment cite{
	font-family:Monospace;
	font-style:normal;
}

.comment img.flag {
	position:relative;
	top:2px;
}

.self {
  border:2px dashed #ff3366;
}

.self .content {
  color:#000;
}

.self .gravatar {
  width:80px;
  height:80px;
  background:transparent url(img/Avatar80.gif) no-repeat;
}

.self .gravatar img {
  display:none;
}

.commentForm {
	padding:10px;
	background-color:#d9d9d9;
}

.commentForm label {
	float:left;
	display:block;
	width:80px;
	margin-top:4px;
	color:#ff3366;
	font-weight:bold;
}

.commentForm input {
	width:300px;
}

.commentForm textarea {
	width:100%;
	height:150px;
}

.success {
	color:green;
	font-weight:bold;
}

.commentForm .bbcode {
	font-size:11px;
	float:right;
	position:relative;
	top:3px;
	color:#666;
}

.comment a {
  text-decoration:none;
  color:#ff3366;
}      

.comment a:hover {
  text-decoration:underline;
}
      
      /*----------------------------
      					Archive
      ----------------------------*/

      #archive {
      	background-color: white;
      	border: 1px solid silver;
      	padding: 10px;
      }

      #archive h1 {
      	margin: 0;
      	border-bottom: 1px dashed silver;
      	padding-bottom: 9px;
      }

      #archive h2 {
      	border-bottom: 1px solid silver;
      	padding-bottom: 4px;
      	font-size: 12px;
      	margin-bottom: 10px;
      }

      #archive h2 img {
      	margin-right: 3px;
      }

      #archive ul {
      	list-style-type: square;
      	margin: 0 10px;
      	padding: 10px;
      }

      #archive ul li {
      	margin-right: 20px;
      }

      #archive table{
      	width: 100%;	
      	border-collapse: collapse;
      }

      #archive table td, #archive table th{
      	text-align:left;
      }

      #archive table td{
      	text-align:left;
      	border-bottom: 1px solid #D8D8D8;
      	padding: 2px 0;
      }

      #archive .date{
      	width: 70px;
      }

      #archive .comments{
      	width: 70px;
      	text-align: center;
      }

      #archive .rating{
      	width: 70px;
      	text-align: center;
      }

/*----------------------------
           Search
----------------------------*/

#searchbox {
  font-size:11px;
}

#searchbox input {
  font-size:11px;
}

#searchbox #searchbutton {
  margin-left:5px;
}

#searchbox #searchfield {
  width:150px;
}



      /*----------------------------
      			Search on search
      ----------------------------*/

      #searchonsearch {
      	background: white;
      	padding: 5px 10px;
      	margin-bottom: 20px;
      	border: 1px solid silver;
      }

      #searchonsearch h3 {
      	margin: 3px;
      	font-size: 13px;
      }

      #searchonsearch ol li {
      	margin: 2px 0;
      }

      /*----------------------------
      				Month list
      ----------------------------*/

      ul#monthList{
      	font-weight: bold;
      }

      ul#monthList ul li{
      	margin-left: 20px;
      	font-weight: normal;
      }

      ul#monthList li.year{
        cursor: pointer;
      }

      ul#monthList ul{
      	display: none;
      }

      ul#monthList ul.open{
      	display: block;
      }

/*----------------------------
				 Tag cloud
----------------------------*/

#tagcloud {
	margin-bottom:10px;
	white-space:normal;
}

#tagcloud li {
	display:inline;
}

#tagcloud a {
	margin-right:3px;
	display:inline;
}

#tagcloud a.biggest {
	font-size:20px;
}

#tagcloud a.big {
	font-size:17px;
}

#tagcloud a.medium {
	font-size:13px;
}

#tagcloud a.small {
	font-size:12px;
}

#tagcloud a.smallest {
	font-size:10px;
}

      /*----------------------------
      					 Page
      ----------------------------*/

#page {
  border-bottom:1px solid #999;
  padding:10px;
  margin-bottom:20px;
  background:#e6e6e6 url(img/CornerPost.gif) no-repeat;
}

#page h1 {
  margin-bottom:10px;
  color:#ff3366;
}

      #page #admin {
      	border-top: 1px solid silver;
      	margin-top: 10px;
      	padding: 5px 0;
      }

#page a {
  text-decoration:none;
  color:#ff3366;
}      

#page a:hover {
  text-decoration:underline;
}

/*----------------------------
					 Calendar
----------------------------*/


#CalendarioCat {
  color:#aaa;
  background-color:#e6e6e6;
  margin:0 15px;
  padding:10px;
  border:1px solid #aaa;
}

#calendarContainer {
  text-transform:capitalize;
  margin:0 auto;
}

.calendar {
  border:none;
  margin:0;
  width:100%;
  border-collapse:collapse;
  color:#333;
  background-color:transparent;
}

.calendar td {
  padding:0;
  border:0;
  
}

.calendar .weekend {
  color:#000;
  background-color:#d6d6d6;
}

.calendar .other {
  color:#aaa;
}

.calendar a.exist {
  display:block;
  font-weight:bold;
  background-color:#fff;
}

.calendar td {
  vertical-align:middle;
}

.calendar a {
  color:#ff3366;
}

      /*----------------------------
      					Star rater
      ----------------------------*/

      .rating{
      	margin-bottom: 10px;
      }

      .rating p{
      	display: inline;
      	position: relative;
      	top: 14px;
      	left: 55px;
      }

      .star-rating {
      	position: relative;
      	width: 125px;
      	height: 25px;
      	overflow: hidden;
      	list-style: none;
      	margin: 0;
      	padding: 0;
      	background-position: left top;
      }

      .star-rating li {
      	display: inline;
      }

      .star-rating a, .star-rating .current-rating {
      	position: absolute;
      	top: 0;
      	left: 0;
      	text-indent: -1000em;
      	height: 25px;
      	line-height: 25px;
      	outline: none;
      	overflow: hidden;
      	border: none;
      }

      .star-rating a:hover, .star-rating a:active, .star-rating a:focus {
      	background-position: left bottom;
      }

      .star-rating a.one-star {
      	width: 20%;
      	z-index: 6;
      }

      .star-rating a.two-stars {
      	width: 40%;
      	z-index: 5;
      }

      .star-rating a.three-stars {
      	width: 60%;
      	z-index: 4;
      }
      .star-rating a.four-stars {
      	width: 80%;
      	z-index: 3;
      }
      .star-rating a.five-stars {
      	width: 100%;
      	z-index: 2;
      }
      .star-rating .current-rating {
      	z-index: 1;
      	background-position: left center;
      }

      /* smaller star */
      .small-star {
      	width: 50px;
      	height: 10px;
      }
      .small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
      	background-image: url(../../pics/star_small.gif);
      	line-height: 10px;
      	height: 10px;
      }

      /*----------------------------
      				Search page
      ----------------------------*/

      #searchpage{
      	margin-bottom: 30px;
      }

      #searchpage input#q{
      	width: 300px;
      }

      #searchpage input#comment{
      	clear: both;
      }

      .searchresult{
      	margin-bottom: 20px;
      }

      .searchresult a{
      	font-weight: bold;
      }

      .searchresult span.text{
      	clear: both;
      	display: block;
      	margin: 3px 0;
      }

      .searchresult span.type{
      	display: block;
      }

      .searchresult span.url{
      	color: Gray;
      }

      .searchpage ul.paging{
       list-style-type: none;
       margin:0px;
       margin-bottom: 20px;
       padding:0px;
      }

      .searchpage ul.paging li{
       display: inline;
       border: 1px solid gray; 
       background: #f1f1f1;
       margin-right: 5px;
      }

      .searchpage ul.paging li a{
       padding: 5px 8px;
      }

      .searchpage ul.paging li.active{
       background: #f1f1f1;
       border: 1px solid black;
      }

/*----------------------------
				Contact page
----------------------------*/

#contact{
	padding:10px;
	border-bottom:1px solid #999;
}

#contact h1{
	margin-top:0;
	color:#ff3366;
}

#contact label{
	display:block;
	padding-top:5px;	
}

#contact input.field{
	width:200px;
}

#contact textarea{
	display:block;	
	overflow:auto;
	width:75%;
	height:150px;
	margin:0;
}

      /*----------------------------
      			Syntax highlighter
      ----------------------------*/

      .code
      {
      	font-size: 12px;
      	color: black;
      	font-family: Consolas, "Courier New", Courier, Monospace;
      	background-color: #F1F1F1;
        line-height: normal;
      }

      .code p{
      	padding: 5px;
      }

      .code .rem { color: #008000; }

      .code .kwrd { color: #0000ff; }

      .code .str { color: #006080; }

      .code .op { color: #0000c0; }

      .code .preproc { color: #0000ff; }

      .code .asp { background-color: #ffff00; }

      .code .html { color: #800000; }

      .code .attr { color: #ff0000; }

      .code .alt {	background-color: #f4f4f4; }

      .code .lnum { color: #606060;}

      /*----------------------------
      					XFN tags
      ----------------------------*/

      div.post .text a[rel] {
      	padding-right:11px;
      	background-repeat: no-repeat;
      	background-position: right center;
      }
      div.post .text a[rel="me"] {	
      	background-image:url('../../pics/xfn/me.gif');
      }

      /*-------- [ These should cascade to pick the correct icon for the contact ]--*/

      /*-------- [ Normal contacts ]--*/
      div.post .text a[rel~="contact"] ,
      div.post .text a[rel~="acquaintance"],
      div.post .text a[rel~="friend"] {
      	background-image:url('../../pics/xfn/contact.gif');
      }
      /*-------- [ Normal contacts youve met ]--*/
      div.post .text a[rel~="contact"][rel~="met"] ,
      div.post .text a[rel~="acquaintance"][rel~="met"] ,
      div.post .text a[rel~="friend"][rel~="met"] {
      	background-image:url('../../pics/xfn/contactMet.gif');
      }

      /*-------- [ Colleague and co worker icon more important than contact ]--*/
      div.post .text a[rel~="colleague"] ,
      div.post .text a[rel~="co-worker"] {
      	background-image:url('../../pics/xfn/colleague.gif');
      }
      /*-------- [ Colleague and co worker icon when met ]--*/
      div.post .text a[rel~="colleague"][rel~="met"] ,
      div.post .text a[rel~="co-worker"][rel~="met"] {
      	background-image:url('../../pics/xfn/colleagueMet.gif');
      }

      /*-------- [ Sweethearts are more important than work!!! ]--*/
      div.post .text a[rel~="muse"] ,
      div.post .text a[rel~="crush"] ,  
      div.post .text a[rel~="date"] ,
      a[rel~="sweetheart"] {
      	background-image:url('../../pics/xfn/sweet.gif');
      }
      /*-------- [ ...and if youve met them thats even better ]--*/
      div.post .text a[rel~="muse"][rel~="met"] ,
      div.post .text a[rel~="crush"][rel~="met"] ,  
      div.post .text a[rel~="date"][rel~="met"] ,
      div.post .text a[rel~="sweetheart"][rel~="met"] {
      	background-image:url('../../pics/xfn/sweetMet.gif');
      }


/* galleria golosa */  
.tablegg {
  width:100%;
}

.tablegg td {
  vertical-align:top;
  width:33%;
}

.tdggfoto { 
  height:130px;
  line-height:130px;
  padding:5px;
  border:1px solid #aaa;
  background-color:#fff;
}

.tdggfoto table {
  width:100%;
  height:100%;
}

.tdggfoto td {
  text-align:center;
  vertical-align:middle;
}

.tdggtesto {
  position:relative;
  padding:5px;
  height:100px;
  font-size:11px;
  vertical-align:top;
  border:1px solid #aaa;
  background-color:#eee;
}

.tdggtesto h2 {
  display:inline;
  font-size:13px;
  font-weight:bold;
  color:#ff3366;
}
.tdggtesto h3 {
  display:inline;
  font-size:11px;
  font-weight:bold;
  color:#ff3366;
}



/* presenti anche nel css principale dell'admin */  

.verdeTratteggiato { 
  display:block;
  color:#329A3A;
  font-weight:bold;
  border-top:1px dashed #329A3A;
  border-bottom:1px dashed #329A3A;
}

.verdeEvidenziato { 
  display:block;
  color:#fff;
  background-color:#329A3A;
  font-weight:bold;
}

.rossoTratteggiato { 
  display:block;
  color:#9B0909;
  font-weight:bold;
  border-top:1px dashed #9B0909;
  border-bottom:1px dashed #9B0909;
}

.rossoEvidenziato { 
  display:block !important;
  color:#fff !important;
  background-color:#9B0909 !important;
  font-weight:bold !important;
}

.bordoGrigio {
  margin:3px;
  padding:3px;
  border:2px solid #666;
}

.tabellacodici td {
	padding: 2px;
	border: 1px solid #19a211;
}