/*
client: 
company:
date:
author:
*/ 
@font-face {
	font-family: 'Cantarell';
	src: url('fonts/cantarell.eot');
	src: local('cantarell'), local('Cantarell'), url('fonts/cantarell.ttf') format('truetype'), url('fonts/cantarell.svg#webfonttWPa0KqN') format('svg'); 
}
@font-face {
	font-family: 'Chunkfive';
	src: url('fonts/chunkfive.eot');
	src: local('chunkfive'), local('Chunkfive'), url('fonts/chunkfive.ttf') format('truetype'), url('fonts/chunkfive.svg#webfontfuJ7pYgF') format('svg');
}
@font-face {
	font-family: 'CantarellBold';
	src: url('fonts/cantarellBold.eot');
	src: local('cantarellBold'), local('CantarellBold'), url('fonts/cantarellBold.ttf') format('truetype'), url('fonts/cantarellBold.svg#webfontndJADiuD') format('svg');
} 
@font-face {
	font-family: 'CantarellBoldOblique';
	src: url('fonts/cantarellBoldoblique.eot');
	src: local('CantarellBoldOblique'), local('CantarellBold'), url('fonts/CantarellBoldOblique.ttf') format('truetype'), url('fonts/cantarellBoldoblique.svg#webfontJM1gpoTH') format('svg');
}
@font-face {
	font-family: 'CantarellOblique';
	src: url('fonts/cantarellOblique.eot');
	src: local('CantarellOblique'), local('CantarellBold'), url('fonts/CantarellOblique.ttf') format('truetype'), url('fonts/CantarellOblique.svg#webfontQ6lOcPZm') format('svg');
}
body{ 
  text-align:center; 
  color:#232536; 
  font:100%/1.25em 'Cantarell',Arial, Helvetica, sans-serif; 
  background:#212434; 
}
body,html{
  height:100%;
}
hr{ 
  display:none; 
} 
a:hover{
  text-decoration:underline;
}
a:active{
  text-decoration:underline;  
}
.clear{
  display:block;
  height:10px; 
  clear:both;
}                                                  
#logo, #skipToContent{ 
  display:none;
}
section#main{
  background:transparent url("../img/bg.jpg") top left repeat; 
  text-align:left;   
  position: relative; 
  margin: 0;
}
figure#cuorestomacocervello{
  display:block;
  height:60px; 
  width:130px;
  background:transparent url("../img/cuorestomacocervello.png") top right no-repeat;
  position:absolute;
  top:40px;
  right:4%;
}
figure#cuorestomacocervello ul{
  font-size:.5em;
  color:#fff;
  line-height:1em;
  list-style:none;
}
figure#cuorestomacocervello .cuore em{
  position:absolute;
  top:6px;
  left:4px;
  width:10px;
  text-align:center;
} 
figure#cuorestomacocervello .stomaco em{
  position:absolute;
  top:7px;
  left:76px;
  width:10px;
  text-align:center;
}
figure#cuorestomacocervello .cervello em{
  position:absolute;
  top:42px;
  left:108px;
  width:10px;
  text-align:center;
}
figure#cuorestomacocervello a{
  color:#fff; 
  text-decoration:none; 
  display:inline; 
  float:left;
  width:20px; 
  height:50px; 
}
figure#cuorestomacocervello .cuore a{
  width:50px;
} 
figure#cuorestomacocervello .stomaco a{
  width:40px;
}
figure#cuorestomacocervello .cervello a{
  width:30px;
}
figure#cuorestomacocervello a:hover{
  text-decoration:underline;
}
figure#cuorestomacocervello a:active{
  color:#000;
} 
figure#cuorestomacocervello a em{
  font-style:normal;
}

h1{
  display:block;
  font-family:"Chunkfive","Georgia", Helvetica, sans-serif; 
  font-size:2.25em;
  line-height:1em;  
  margin:104px 0 0 0;
}
h1 a{
  color:#fff; 
  font-weight:200; 
  text-decoration:none;
  padding:0 0 0 30%;
} 
h1 em{
  display:block;
  font-size:0.4em;
  background:transparent url("../img/bar.png") center right no-repeat;
  color:#9d0c0c;
  padding:0 26px 0 0; 
  font-style:normal;
  font-weight:200;
}
article#arturoRobertazzi{
  position:absolute; 
  width:38%;
  padding:0 2% 0 0;
  height:100%;
  top:0;
  left:0;
  background:transparent;
  
/*  background-color:transparent;
  background-image:url("../img/bg_home.jpg");
  background-repeat:no-repeat;
  background-attachment:fixed;*/
  text-align:right;
  z-index:10;
}
article#arturoRobertazzi h3{
  font-size:1.125em; 
  font-weight:200;
  color:#70717c;
  font-family:"Chunkfive","Georgia", Helvetica, sans-serif; 
}
article#arturoRobertazzi article{
  display:block;
}
.personalInfo{
  clear:both;
  padding:4% 0 0 0; 
  color:#fff;
}
footer.personalInfo{
  clear:both;
  padding:12px; 
  color:#232536; 
  background:#fff;
  border-top:1px solid #ccc;
  font-size: 0.875em;
}
footer.personalInfo img{
  float:left;
  margin:0 12px 0 0;
} 
footer.personalInfo strong{
  font-family:"CantarellBold",Arial, Helvetica, sans-serif;
} 
footer.personalInfo .themeLicense{
  padding:12px 0 0 0;
  font-size:.875em;  
}
footer.personalInfo a{
  color:#999; 
  font-size:1em;
}
.personalInfo h3{
  margin:0 0 4px 0;
}
article#arturoRobertazzi .archives{
  font-size:.875em;
  padding-left:24px;
  color:#6e707c;
} 
article#arturoRobertazzi .archives a{
  color:#6e707c;
}
article#arturoRobertazzi .archives h3{
  margin:0 2px 0 0;
  display:inline-block;  
  font:bold .875em/1em "Cantarell",Arial, Helvetica, sans-serif; 
}  

/* comments */
article#arturoRobertazzi .comments h3{
  font-size:1.125em; 
  font-weight:200;
  color:#70717C;
  font-family:"Chunkfive","Georgia", Helvetica, sans-serif;
}    
article#arturoRobertazzi .comments .auth{
  color:#70717C;       
}   
article#arturoRobertazzi .comments p{
  color:#fff;       
}
article#arturoRobertazzi .comments a{
  color:#ccc;   
  text-decoration: underline;
}
/* enahnaced now reading */
.personalInfo ul.books{
  display:block;
}
.personalInfo .books li{
  display:inline;
}
.personalInfo .books li a{
 display: block;
}
.personalInfo .books li li a{
 display: block;
 font-weight: 200;
 color: #ccc;
}
.personalInfo .books li strong{
  font-family:"CantarellBold",Arial, Helvetica, sans-serif;
  color:#fff; 
} 
.personalInfo .books li li strong{
  font-family:"Cantarell",Arial, Helvetica, sans-serif;
  color:#9D0C0C; 
} 
.personalInfo .books li li em{
  font-family:"Cantarell",Arial, Helvetica, sans-serif;
  color:#ccc; 
} 

.personalInfo .books li a img{
  border:0;
  margin:0 0 0 8px;
  float:right;
}
.personalInfo .books li.current a img{
  border:4px solid #e7c509;
}
.personalInfo ul{
  list-style:none;
}
.personalInfo a{
  color:#fff;
  text-decoration:none; 
  font-size:.875em;
}
.personalInfo a:hover{
  text-decoration:underline; 
}
.personalInfo a:active{
  text-decoration:none; 
}
.zaghreb{
  font-size:.75em;
  padding:2px 0; 
}
.zaghreb strong{
/*background:transparent url("../img/bar.png") center right no-repeat;
  color:#fff; 
  display:block; 
  font-size:1.125em;  
  line-height:1.75em;
  padding:4px 12px 0 0; 
  font-family:"Chunkfive","Georgia", Helvetica, sans-serif;
*/}
.zaghreb em{
  color:#a72a2b; 
  font-style:normal;
}

/* stream and content area */
section#content{
  margin:0 0 0 40%;
  display:block;
  z-index:12;
  position:relative; 
  color:#2d2f3e;
  background:#fff url("../img/bgArticle.png") top right repeat-y; 
  height:auto !important;
  height:1200px;
  min-height:1200px;
}
section#content header.archiveTitle{
  font-family:"Chunkfive","Georgia", Helvetica, sans-serif;  
  font-size:1.125em;
  text-transform:uppercase;
  font-weight:200; 
  line-height:1em;
  clear:both;
  padding:12px 0 12px 3.8%; 
}
section#content article{
  line-height:1.5em;
  display:block;
  padding:0 0 40px 0;
  font-size:1.125em;   
} 
section#content article strong{
  font-family:"CantarellBold",Arial, Helvetica, sans-serif;  
}
section#content article header{
  background:transparent url("../img/title.png") bottom left no-repeat; 
  height:auto !important;
  height:112px;
  min-height:112px;
  display:block;
  margin:0 0 32px -1.4%;
  padding:0 0 0 4%;
  position:relative; 
} 
section#content article header .tags{
  padding:4px 0;
  height:24px;
  display:block; 
  font-size:.75em;
  font-weight:700;
}
section#content article header .date{
  padding:4px 0 24px 0;
  display:block; 
  font-size:1em;
}
section#content article header .comments{
  position:absolute;
  right:4%;
  bottom:8px;
  font-size:.75em;
} 
section#content article header .addThis{
  float:right;
  display:inline;
  margin:4px 0 0 8px;
  width:120px;
}
section#content article.note .addThis{
  float:left;
  display:inline;
  margin:4px 0 0 8px;
}
section#content article.note .entryContent .addThis a{
  font-size:.75em;
  line-height:1em;
  border-bottom:0;
}
section#content article .entryContent .addThis a, section#content article .entryContent .addThis a:hover{
  border-bottom:0;
}
.addthis_toolbox.addthis_default_style .addthis_separator{
  display:none;
}     
section#content article .entryContent .addThis .addthis_button_compact{
  display:none;
}
section#content article header .comments a, section#content article header .tags a{
  color:#232536;
  text-decoration:none;   
  border-bottom:none;
}
section#content article header .comments a strong{
  color:#9d0c0c;   
}
section#content article header .date strong{
  color:#9d0c0c;  
}
section#content article .entryContent{
  padding:0 14% 0 3%; 
}
section#content article header .entryContent{
  background:transparent url("../img/rows.png") bottom left repeat;
  padding:0 14% 0 0;    
}
section#content article p{
  padding:0 0 12px 0;
} 
section#content article .entryContent  h2{
  font-family:"Chunkfive","Georgia", Helvetica, sans-serif;  
  font-size:2em;
  font-weight:200; 
  line-height:1.25em;  
}
section#content article .entryContent h2 a{
  color:#232536;
  text-decoration:none; 
  border-bottom:none;
} 
section#content h3{
  font-family:"Chunkfive","Georgia", Helvetica, sans-serif;  
  font-size:1em;
  text-transform:uppercase;
  font-weight:200; 
  line-height:1.25em; 
  margin:2em 0 12px -4%;
  padding:8px 0 8px 4%;
  position:relative;
  background:transparent url("../img/rows.png") bottom left repeat; 
}
/*section#content article .entryContent em{
  font-family:"CantarellOblique",Arial, Helvetica, sans-serif;  
}
section#content article .entryContent em strong, section#content article .entryContent strong em {
  font-family:"CantarellBoldOblique",Arial, Helvetica, sans-serif;  
}  */
section#content article .entryContent a{
  color:#6f707c;
  border-bottom:2px solid #f1c502;
  text-decoration:none;
} 
section#content article .entryContent a:hover{
  border-bottom:2px solid #232536;
  color:#232536;
}
section#content article .entryContent a:active{
  border-bottom:2px solid #a72a2b;
} 
/* for notes */
section#content article.note{
  background:transparent url("../img/note.png") bottom left no-repeat;
  margin:0 0 32px -1%; 
} 
section#content article.note header{
  background:transparent url("../img/graffetta.png") 0 12px no-repeat; 
  height:auto;
  min-height:12px;
  display:block;
  position:relative;
  padding:12px 46px 0 130px;
  margin:8px 0 0 2px;
  max-width:534px; 
}
section#content article.note .date{
  padding:4px 4px 8px 0;
  text-align:right; 
  color:#9d0c0c;
}
section#content article.note header .entryContent{
  background:transparent;
  position:relative;
}
section#content article.note .entryContent{
  padding:0 2% 0 3%;
  max-width:676px; 
  position:relative;    
}

/* comment list */
section#content article .commentlist li{
  padding:4px 0;
  margin:0 0 12px 0;
  border-bottom:1px solid #ccc; 
  font-size:.875em;
}
section#content article .commentlist li a{
  font-weight:700; 
  font-style:normal;
  border-bottom:none;
  color:#2d2f3e;
}
section#content article .vcard .avatar{
  float:left;
  display:inline;
  margin:0 12px 0 0;
  border:1px solid #ccc;
}
section#content article .vcard cite.fn a{
  font-style:normal; 
  color:#9d0c0c;
  font-family:"Chunkfive","Georgia", Helvetica, sans-serif;  
  font-size:1em;
  font-weight:200;
  text-decoration:none; 
  line-height:.75em;
  border-bottom:none;
}
section#content article .commentmetadata{
  line-height:.75em;
  margin:0 0 4px 0;
}
section#content article .commentmetadata a{
  font-style:normal; 
  font-family:"Chunkfive","Georgia", Helvetica, sans-serif;  
  font-size:.75em;
  font-weight:200;
  text-decoration:none;     
}

/* intro */
.intro{ 
  display:block;
  font-size:.875em;
  color:#232536;
  background:#fff;
  border-bottom:1px solid #e8ebf6; 
  z-index:200;
}

/* for tweet */
.forTweet{ 
  padding:12px 3% 2px 3%;
}
.forTweet strong{
  color:#232536; 
  display:block;
}
.forTweet a{
  color:#9d0c0c;
} 
.forTweet .avatar{
  float:left; 
  display:inline;
  margin:0 12px 0 0;
}
.forTweet .avatar img{
  border:1px solid #ccc;
}
.forTweet a.aktt_tweet_time{
  text-decoration:none;
  font-weight:700;
}
.forTweet ul{
  position:absolute; 
  top:4px;
  left:12px;
  width:40px;
}
.forTweet li{
  display:inline;
} 
.forTweet li a{
  display:inline;
  float:right;
  width:36px;
  height:38px;
  margin:0 8px 4px 0;
  background:transparent url("../img/social.png") 0 0 no-repeat;
  font-size:.1em;
  text-indent:-9999px;
}
.forTweet li.flickr a{
  background:transparent url("../img/social.png") -122px 0 no-repeat;
}
.forTweet li.twitter a{
  background:transparent url("../img/social.png") -37px 0 no-repeat;
}
.forTweet li.facebook a{
  background:transparent url("../img/social.png") -79px 0 no-repeat;
}


/* comment form */
section#content article label{
 font-size:.75em;
 text-transform:uppercase;
 display:block;
 padding:8px 0 2px 0;
}
section#content article input{
  border:1px solid #ccc;
  color:#000;
  width:320px;
  padding:8px;  
  font-size:1em;
}
section#content article .error{ 
  color:red; 
  border:0;
} 
section#content article p.error{
  background:transparent;
}
section#content article label.error{
  display:none !important;
  padding:4px;
}  
section#content article .error input,
section#content article .error textarea
{ 
  border:1px solid red;
  color:#000;
} 
section#content article .success input,
section#content article .success textarea
{ 
  border:1px solid green;
}
section#content article input:focus, section#content article textarea:focus{
  border:1px solid #212434;
  background:#f0f0f0;
}
section#content article textarea{
  border:1px solid #212434;
  color:#232536;
  width:480px;
  height:200px;
  padding:4px;  
  font-size:1em;
  font:1em "Cantarell",Arial, Helvetica, sans-serif; 
}
section#content article input[type='submit'],section#content article input.forSubmitting {
  background:#f0c402;
  color:#fff; 
  cursor:pointer;
  width:auto; 
  font-size:.625em;
  text-transform:uppercase;
  padding:8px 32px 4px 32px;  
  font-size:1em; 
  border:0;
  font-family:"Chunkfive","Georgia", Helvetica, sans-serif;  
}
section#content article .radio label{
 font-size:.75em;
 text-transform:uppercase;
 display:inline;
 padding:8px 0 2px 0;
}
section#content article .radio input{
  border:0;
  background:transparent;
  color:#000;
  width:auto;
  padding:0;
  margin:0 16px 0 0;  
  font-size:1em;
}

/* categories in a post */
figure.categories{
  display:inline;
  float:left;
  width:auto;
  height:50px;
  margin:0 12px 0 0;
} 
figure.categories ul{
  height:50px;
  width:auto;
}
figure.categories li{
  display:inline;
}
figure.categories li a{
  display:inline-block;
  width:40px;
  height:50px;
  text-indent:-9999px;
  border-bottom:none;
}
section#content article figure.categories li a, section#content article figure.categories li a:active, section#content article figure.categories li a:hover{
  border-bottom:none;  
}
figure.categories li.cervello a{
  background:transparent url("../img/cuore.png") 0 0 no-repeat;
  width:46px;
} 
figure.categories li.cuore a{
  background:transparent url("../img/cuore.png") -86px 0 no-repeat;
}
figure.categories li.stomaco a{
  background:transparent url("../img/cuore.png") -46px 0 no-repeat;
}
/* categories in a note */
article.note figure.categories{
  display:block;
  float:none;
  position:absolute; 
  top:8px;
  right:8px;
  width:auto;
  height:50px;
  margin:0 12px 0 0;
  border-bottom:none;
}
article.note figure.categories li.cervello a{
  background:transparent url("../img/cuore2.png") 0 0 no-repeat;
  width:46px;
} 
article.note figure.categories li.cuore a{
  background:transparent url("../img/cuore2.png") -86px 0 no-repeat;
}
article.note figure.categories li.stomaco a{
  background:transparent url("../img/cuore2.png") -46px 0 no-repeat;
}

/* primary navigation menu */ 
nav#primary{
  font-family:"Chunkfive","Georgia", Helvetica, sans-serif;
  font-size:1em;
  position:absolute;
  top:4px;
  right:2%;
  line-height:1.4em;   
}
nav#primary li{
  display:inline;
}
nav#primary li a{
  display:inline-block;
  color:#6e707c;
  padding:0 8px;
  text-decoration:none;
}
nav#primary li a:hover{
  color:#fff;
}
nav#primary li a:active{
  color:#9d0c0c;
}
nav#primary li.selected a, nav#primary li.current_page_item a{
  color:#9d0c0c;
  background:transparent url("../img/giallo.png") center center no-repeat;
} 
nav#primary li.selectedInfo a{
  color:#9d0c0c;
  background:transparent url("../img/giallo2.png") center center no-repeat;
}     
/* search form */
#searchForm{
  padding:12px 0 0 0;
  display:block;
  clear:both;
}
#searchForm label{
 display:none;
}
#searchForm input{
  border:1px solid #12141d;
  color:#fff;
  width:120px;
  padding:4px; 
  background:#12141d; 
} 
#searchForm input:focus{
  background:#6e707c;
}                      

#searchForm input[type='submit'],#searchForm input.forSubmitting {
  background:transparent url("../img/giallo.png") center center no-repeat;
  cursor:pointer;
  width:auto; 
  font-size:.75em;
  border:0;
  text-transform:uppercase;
  padding:4px;  
  font-family:"Chunkfive","Georgia", Helvetica, sans-serif;  
}

/* time navigation */
nav.timeNavigation{
  padding:24px 18px;
}
nav.timeNavigation li{
  display:inline;
}
section#content article nav.timeNavigation li a, nav.timeNavigation li a{
  background:transparent url("../img/giallo2.png") center center no-repeat;
  cursor:pointer;
  width:130px; 
  border:0;
  padding:4px; 
  color:#12141d;    
  border-bottom:none;
  font-family:"Chunkfive","Georgia", Helvetica, sans-serif;  
  text-decoration:none;
}

/* related posts */
.relatedPost li{
 display:inline-block;
 width:39%;  
 margin:8px 4% 16px 0;
 font-size:.875em;
 vertical-align:top;
}
section#content article .relatedPost li h4{
  font-family:"Chunkfive","Georgia", Helvetica, sans-serif;  
  font-size:1.25em;
  font-weight:200; 
  line-height:1.25em;
  margin:0 0 8px 0;  
}
section#content article .relatedPost li em{
  font-style:normal;
  font-size:.875em;
  color:#9d0c0c;
} 
section#content article .relatedPost li h4 a{
  text-decoration:none;
  border-bottom:none;
  color:#2d2f3e;
}
section#content article .relatedPost li .entryContent{
  font-size:.875em;
  line-height:1.5em; 
  padding:0;
}


/* classes for images */
.alignleft{
  float:left;
  margin:0 12px 8px 0;
} 
.alignright{
  float:right;
  margin:0 0 8px 12px;
}
section#content article img{
  padding:4px; 
  border:1px solid #6e707c;
  background:#fff;
} 

/* temporary banner */
#specialBanner{
  position: fixed; 
  top: 0; 
  left: 0; 
  right: 0;
  line-height: 2em; 
  background: #E7C509;
  padding: 8px; 
  border-bottom: 1px solid #E7C509;   
  z-index: 14;
}   
#specialBanner h1{
  margin: 0;
  padding: 0;
  font-size: .75em;
  text-align: left;
  font-weight: 200;
  font-family: "Cantarell",Arial, Helvetica, sans-serif;
}
#specialBanner h1 strong{
  color: #9D0C0C;
}  
#specialBanner h1 a{
  color: #9D0C0C; 
  text-decoration: underline;  
  padding: 0;
  margin: 0;
}
#specialBanner h1 em{
  display: inline;
  font-size: 1em;
  background: transparent;
  color: #9D0C0C;
  padding: 0;
  font-style: normal;
  font-weight: 200;
} 