/*======================================
Blogger XML Template  
NAME: My Moleskine
by Gimbola (http://templatescove.blogspot.com)
Date: 2008/10
(C) Keep credits intact, please. 
======================================
| Author Info and Copyright.
| Converted for use with Blogger XML (Blogspot New) layouts 
| by www.templatescove.blogspot.com
| 
| Respect Copyright. 
| All images and graphic designs, used in this work, are propriety of own author.
| This design is released under a Creative Commons License by-nc-nd Italy
| (http://creativecommons.org/licenses/by-nc/3.0/deed.it)
| 
| ATTENTION! you must leave the attribution statements (Credits) 
| within the template in place when you use this theme. 
| Especially the link to graphic designer and header image! 
| We spent a lot of time and hard work in creating this beautiful theme. 
| I merely converted this for use with Blogger. 
| 
| Please respect the original designer of this theme 
| by leaving the attribution intact. 
====================================== */
body {
  background: #444;  
  margin: 0; padding: 0;
  width: 100%; height:100%;
  font: x-small Verdana, Arial, sans-serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }

/* Outer-Wrapper 
=========================== */
#outer-wrapper {
 width: 100%;
 height: 100%; 
 margin: 0;
 min-width: 800px;
 min-height: 600px; 
}
#content-wrapper {
 overflow: auto;position:absolute; 
 width: 88%; left:12%;
 top:8%; height: 80%; 
}

#main-wrapper {
  width: 41%;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
  }
#sidebar-wrapper {
  width: 29%; 
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
  min-width: 100px;
}
#widepic{
 position: absolute;
 position: fixed !important; 
 top: 30px; left: 7%; 
 width:86%;
 height:96%; 
 margin: 0; padding: 0;
 z-index: -1; max-height: 1024px;
} 

/* Header 
=================== */
h1.title {
  margin:0;
  line-height:1.2em;
  letter-spacing:.2em;
  font-size: 180%;
}
h1.title a {
  text-decoration:none;
  }

h1.title a:hover {
  }
.description {
  margin:0 5px 5px;
  letter-spacing:.1em;
  line-height: 1.4em;
  font-size: 100%;
}
/* Links and typography
================================= */
a:link {
  text-decoration:underline;
  }
a:visited {
  text-decoration:underline;
  }
a:hover, a:active {
  text-decoration:none; cursor:help;
}
a img {border-width: 0;}
/* STILE VARI EXTRA
====================================== */
.clear {clear: both;}
.top { text-align:right}
.post blockquote {
margin:1em 20px;
text-align: center;
padding: 5px;
}
.post img {max-width:100%;}
.rssfeed {
	background: url(http://tinyurl.com/rssfeed12) no-repeat left 1px;
	padding-left: 17px;
}
#navbar, #navbar-iframe {
visibility: visible;
display:inline;
}
/* Posts
===========================*/
.date-header {
  margin: 1.5em 0 0;
  letter-spacing:.1em;
  text-align: center;
}

.post-title {
 margin: 0 .25em;
 padding: 2px;
 text-transform: uppercase;
 text-align: center;
}

.post-title a, .post-title a:visited {
  text-decoration: none;
  font-weight: bold;
}
.post {
  margin:.5em 0 2em;
  }
.post-body {
  text-align:justify;
  margin:.75em 0;
  line-height:1.45em;
}
.post-body img {
  padding:4px;  max-width: 100%;
  }
.post-footer {
  margin: .75em .5em;
}
.fn { font-weight: bold;}
.post p {margin:0;}

/* Sidebar Content
===================================== */
.sidebar h2 {
 margin: 1.5em 0 .75em;
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
}
.sidebar ul {
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar { 
 line-height: 1.5em;
 min-width: 100px;
 }
.sidebar .widget, .main .widget { 
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }
.sidebar .widget-content { 
  margin: 0 5px;
}
.main .Blog { 
  border-bottom-width: 0;
}

/* Comments
============================= */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing:.2em;
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.1em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 1em;
  line-height: 1.4em;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

#blog-pager-newer-link {
  float: left;
 }
 
#blog-pager-older-link {
  float: right;
 }

#blog-pager { 
  text-align: center;  line-height: 2.5em;
 }

.feed-links {display:none;
  clear: both;
}
/* Profile 
============================= */
.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-data {
  margin:0;
  text-transform:capitalize;
  letter-spacing:.1em;
  font-weight: bold;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.2em;
}

/* Footer 
========================== */
#footer-wrapper {
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  position:absolute; bottom:2%; left:12%;
}
/* La variabile impazzita
===========================*/
#spaziodx {
max-widht:40%; 
float:right; 
text-align:right; 
position:absolute; 
top:90%;left:50%;
}