.post-meta span.comments-icon /* 
	Theme Name: Francesco Costa
	Theme URL: http://websushi.it
	Description: Tema HTML5 - responsive
	Author: Francesco Costa
	Author URI: http://www.websushi.it
	Version: 1.0
	Date: Novembre 2012

*/


/* regole generali =========================================*/


/* Neutralize styling */
html, body, form {margin: 0; padding: 0;}
html {font-size:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
h1, h2, h3, h4 {margin: 0; padding: 0;}
ul {list-style-type: none; margin:0; padding:0;}
p {margin:0 0 1.71429rem; line-height:1.71429; font-size:15px}
img {border:0;}
input, select, textarea,  input[type=search], button {font-size: 12px; font-family: inherit;}
label {cursor:auto}
fieldset { border: none; padding:0; margin:0}

/* HTML5 elements need display: block */
article,aside,figure,footer,header,hgroup,nav,section {display:block}

/* Miscellaneous conveniences: */
.clear {clear:both;}
.left {float:left}
.right {float:right}
.center {text-align:center}
.nascosto, .hide {display:none;}

/* wp img class */
.alignleft {float:left; margin-right:10px !important; }
.alignright {float:right; margin-left:10px !important;}
.aligncenter {margin:auto;}

/* clearfix */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }


/* Apply styles  ========================================= */
body {font-family: Georgia, Times New Roman, Times, serif; font-size:1rem; text-rendering:optimizelegibility; text-align: center; background:#FCFCFC; margin:0; padding: 0; color:#444444; line-height:1}

/*link*/
a, a:visited {color:#2A5DB0 ; text-decoration:none;}
a:hover {color:#2A5DB0; text-decoration:underline;}

/*titoli*/
h1 {font-size: 1.57143rem; font-weight:600}
h1 a, h1 a:hover { color:#113956}
h2 {font-size:18px;}
h3 {font-size:18px;}
h4 {font-size:16px;}

/* struttura  */
#wrapper {width:930px; margin: 30px auto; text-align:left; background:#FFF; padding:5px 30px 30px; box-shadow:0 0 3px #CCCCCC}
#header { margin: 0 auto 30px; text-align:center; position:relative; height:160px;}
#footer {  clear:both;}
#page {width:930px; padding-bottom:40px;}
#mainCol {width:600px; float:left;}
#sidebar {width:300px; float:right;}


/************************************************
*	Header  									*
************************************************/

//Header di affiliazione IlPost.it
.ilpost-header{
  display: block;
  padding: 0.35em 0;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e4e4e4;
  background: #ededed;
  background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%); /* W3C */
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

#header #logo {margin:25px auto 0; width:930px; height:140px;}
#header h1 a {display:block; width:auto; height:140px}
#header h1 span {display:none;}
#header h2 {text-indent:-9999px}

#header #social { position:absolute; top:-5px; right:-5px; }
#header #social ul {0}
#header #social li { float:left; margin-left:10px}
#header #social li a {width:25px; height:25px; display:block; text-align:center; text-indent:-99999px}
#header #social li a.twitter-ico {background:url("images/social/ico_twitter.gif") no-repeat; }
#header #social li a.facebook-ico {background:url("images/social/ico_facebook.gif") no-repeat; }
#header #social li a.rss-ico {background:url("images/social/ico_rss.gif") no-repeat; }

#header #menubar {position:absolute; top:160px; height:33px;width:100%;}

#menu-icon {display: none; /* hide menu icon initially - for media-queries */}

#menubar ul {display:block; border-bottom:1px solid #EDEDED; border-top:1px solid #EDEDED; float:left; width:100%}
#menubar ul li { display:block; float:left; position:relative; text-transform:uppercase; margin:0}
#menubar ul a {color:#6A6A6A; padding:0px 30px 0px 10px; font-size:12px; line-height:33px; text-decoration:none; display:block;}

/* la freccia per i menù figli */
#menubar ul li.father  > a {padding-right:28px;}
#menubar .arrow {position:absolute; top:8px; right:3px; width:16px; height:16px; background:url("images/arrow-down.png");}

#menubar ul li a:hover {color:#000; text-decoration:none}
#menubar ul li.current-menu-ancestor > a, #menubar ul li.current_page_ancestor > a {color:#000; }
#menubar ul li.current-menu-item a, #menubar ul li.current_page_item a {color:#000;}

/* dropdown 2 livello */
#menubar ul ul { width:200px; text-align:left; position:absolute; top:33px; left:0px; z-index:100; display:none; background:#ddd; height:auto; border-left:0; box-shadow:2px 2px 3px #ccc;}
#menubar ul li:hover > ul {display: block}
#menubar ul ul li { background:none; display:block; width:100%; border-top:1px solid #fff; border-right:0; height:auto; min-height:33px; *width:200px;}
#menubar ul ul li a {font-size:11px; line-height:33px; white-space: nowrap; color:#000;}
#menubar ul ul li a:hover {color:#FFF; background:#000;}
#menubar ul ul li.current-menu-item a {color:#FFF;}

/*box search*/
#searchBox {margin-bottom:20px;}
#searchform label { display:none;}
#searchform #s {width:190px; color:#a5a099; border:solid 1px #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-right:5px; float:left}
#searchform #s:focus {color:#333; background-color:#fff;}
#searchform button { float:left}


/************************************************
* POST    								        *
************************************************/

.post, #mainCol .page, #mainCol .error404 {margin:40px 0;}
.post h1, .post h1 a {margin-bottom:1.71429rem; color:#113956}

/* stili NEL post */ 
article {border-bottom:4px double #EDEDED;}
.post .entry {}
.post .entry a {}
.post .entry h1 {margin:0; color:#000;}
.post .entry h2 {margin:1em 0;}
.post .entry h3 {margin:1em 0;}
.post .entry p {margin:0 0 1.71429rem; line-height:1.71429; font-size:15px}
.post .entry a.more-link {}
.post .entry ul {margin:20px; list-style:none; line-height:1.3}
.post .entry ul li {background:url("images/bg_list.png") no-repeat 0 10px; padding-left:12px; padding:2px 0 2px 15px}
.post .entry ol {margin:0 1em 0 3em;}
.post .entry ol li {margin:0 0 7px 0;}
.post .entry blockquote { padding:0;  clear:both; background:#F2F5F7; padding:20px 11px 1px 15px; margin:0 18px 18px 15px;font-size:14px }
.post .entry blockquote p {font-size:14px }
.post .entry cite {text-align:right; display:block; padding-right:15px;}
.post .entry code {display:block; margin:1em 1.3em; color:#444; font-family:"courier new";}
.wp-caption {margin-bottom: 15px; max-width: 100%; }
.wp-caption-text {font:italic 11px Georgia, Times New Roman, Times, serif; margin: 0; color:#666}
.post .entry p.wp-caption-text { margin:0}
.post .badge-foodblogger { position:absolute; top:-20px; right:-20px}

.post-meta {  margin-bottom:20px; color:#666; clear:both; position:relative; font-size:13px}
.post-meta a {color:#666; text-decoration:underline}
.post-meta a:hover {}
.post-meta span.date {}
.post-meta span.category { }
.post-meta span.author {}
.post-meta span.tag { color:#666; text-transform:uppercase; font-size:10px; position:relative; top:-18px}
.post-meta span.comments-icon {position:absolute; right:0; top:-20px }
.post-meta span.comments-icon a {text-decoration:none}
.post-meta span.comments-icon a:hover { text-decoration:underline}





/* commenti */
.comments  { margin:10px 0; }
.comments h3 {font-size:18px;margin:10px 0 10px; }
#commentform {margin:20px 0 0; padding-bottom:20px;}
#commentform label {display:block; color: #666; font-size:15px; float:left; width:140px}
#commentform .comment-subscription-form input { float:left; margin-right:8px;}
#commentform label small {}
#commentform p {padding: 6px 0 0 0;margin: 0px; color: #666; font-size:12px}
#commentform input[type=text] {width: 280px; margin-bottom: 6px; font-size:12px; height:22px; color:#aaa;}
#commentform textarea {width:420px; height:200px; color:#aaa; font-size:12px;}
#commentform #buttInvia {margin:10px 0; text-align:right; padding-right:18px;}
#commentform .log-as {margin:10px 0;  color:#aaa;}
#commentform .comment-subscription-form label { float:none; width:auto}

.comments ol { margin: 10px 0; padding:10px 0;font-size:12px;list-style:none; line-height:1.3} 
.comments li { position: relative; margin-bottom:30px} 
.comments .avatar { position: absolute; top: 2px; left: 0; border: solid 1px #ededed; padding: 1px; background: #fff; } 
.comments li p { margin:5px 0; font-size:14px}
.comments .alt {  } 
.comments cite, .comments cite a, .comments cite a:visited { font-weight: bold; font-style: normal; font-size: 13px; } 
.comments small {display: block; font-size:11px}
.comments .commentmetadata { text-transform:uppercase; color:#a39c86}


/************************************************
* ARCHIVE    								        *
************************************************/
.autore-scheda {background:#eee; margin-bottom:20px; padding:10px;}
.autore-scheda p {margin:0;}
.autore-scheda img {padding:4px; background:#fff; margin-right:10px; float:left;}

.archive { padding-top:50px}
.archive h2.archive-title {}
.archive h2.archive-title small { font-weight:400; color:#666}
.archive .post .entry { padding-bottom:5px}
.archive .post-meta { display:none}

/************************************************
*	Sidebar      								*
************************************************/

/* widget */
#sidebar { padding-top:50px}
#sidebar h3 { padding:2px 0; }
.box {margin:0 0 20px 0px; font-size:13px;padding-bottom:5px}
.box a {color:#000;}
.box ul {margin:10px 0; padding:0; list-style:none;}
.box ul li {margin:0; padding:0 0 0 8px; background:url("images/bg_list.png") 0 8px no-repeat; line-height:18px}
.adv { margin-bottom:20px;}




/************************************************
*	Footer      								*
************************************************/

#footer { border-top:1px solid #EDEDED; color:#aaa; margin:1.71429rem auto 0; padding:1.71429rem 0}	
#footer p.copy {margin:0 6px 0; color:#666; font-size:12px; line-height:1.71429rem}
#footer a { color:#666; text-decoration:underline}


.back-top a {position:fixed; bottom:10px; left:10px; width:27px; height:27px; line-height:27px; display:block; color:#fff; text-indent:-9999px; background:url(images/arrow-top.png) 0 0 no-repeat}


/************************************************

/* pagine */
.page h1 {color:#000;}
.page .entry { border-bottom:none}

/* paginazione standard */
.navigation {position:relative; margin:20px 0 40px; width:100%; }
.navigation a {font-size:13px}
.navigation .prev a { position:absolute; top:0; left:0;}
.navigation .next a { position:absolute; top:0; right:0;}

/* attachment */
.attachment {text-align:center;}
.attachment h1 {text-align:left;}
.attachment img {}

/*404*/
#error404 { padding:40px 0}


/* FORM
================================================ */

/* form input */
input[type=text], input[type=password], textarea, input[type=search] {
	background: #fcfcfc;
	border: solid 1px #ddd;
	padding: 6px 10px;
}

/* form input:focus */
textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus {
	outline: none;
	background: #f9f9f9;
}


/* form button */
input[type=reset], input[type=submit], button {
	background: #113956;
	color: #fff;
	border: none;
	padding: 7px 20px;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* form button:hover */
input[type=reset]:hover, input[type=submit]:hover, button:hover {
	background: #000;
	color: #fff;
}


/* POST VIDEO (css for fluid video)
================================================ */
video {
	max-width: 100%;
	height: auto;
}

.post-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 15px;
}
.post-video iframe,  
.post-video object,  
.post-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*related*/
ul#related_posts_thumbnails { margin-bottom:20px !important; border-left:#DDDDDD 1px solid; height:200px}
ul#related_posts_thumbnails li {background-image:none; padding:0 24px !important}

/*social - jetpack*/
div.sharedaddy .sd-content {float:none !important}
div.sharedaddy div.sd-block { border-top:none !important}

/* Cookei Consent */
#cookie_banner{ 
    position: fixed;
    background-color: #000;
    opacity: 0.9;
    z-index: 999999999;
    color: #fff;
    overflow: hidden;
    max-height:0px;
    padding:0px;
    width: 100%;
    max-height: 300px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
text-align: left;
}
#cookie_banner p{
    color: #fff !important;
    margin-bottom: 0px;
    padding: 10px;
    font-size: 15px;
    line-height: 22px;
    max-width: 980px;
    margin: 0 auto;
}
#cookie_banner p a,
#cookie_banner p a:hover,
#cookie_banner p a:visited{
   color: #fff;
   text-decoration: underline;
}
#cookie_banner .accept_cookies_btn{
    color: #fff;
    float: right;
    font-family: "Arial";
    cursor: pointer;
    padding: 0px 5px;
    line-height: 22px;
    font-size: 20px;
    text-decoration: none;
    /*background: #FDBF00; */
    margin: 8px;
}
@media(min-width:48em){
   #cookie_banner p{
    padding: 30px;
    line-height: 28px;
    font-size: 18px;        
   }
   #cookie_banner .accept_cookies_btn{
      font-size: 20px;
      line-height: 22px;
      margin: 20px;
   }
}
/* */

.share-icon {
	text-rendering: auto;
}

/* Quantcast Choice */
.qc-cmp-ui {
    background-color: #fff !important;
}
.qc-cmp-consent-content {
    background-color: #fff;
}
.qc-cmp-button {
    background-color: #00a1c5 !important;
    border-color: #00a1c5 !important;
  }
  .qc-cmp-button:hover {
    background-color: transparent !important;
    color: #00a1c5 !important;
  }
  .qc-cmp-alt-action,
  .qc-cmp-link {
    color: #00a1c5;
  }
  .qc-cmp-button {
    color: #ffffff !important;
  }
  .qc-cmp-ui,
  .qc-cmp-ui .qc-cmp-main-messaging,
  .qc-cmp-ui .qc-cmp-messaging,
  .qc-cmp-ui .qc-cmp-beta-messaging,
  .qc-cmp-ui .qc-cmp-title,
  .qc-cmp-ui .qc-cmp-sub-title,
  .qc-cmp-ui .qc-cmp-purpose-info,
  .qc-cmp-ui .qc-cmp-table,
  .qc-cmp-ui .qc-cmp-table-header,
  .qc-cmp-ui .qc-cmp-vendor-list,
  .qc-cmp-ui .qc-cmp-vendor-list-title {
      color: #000000;
  }
  .qc-cmp-ui a,
  .qc-cmp-ui .qc-cmp-alt-action {
    color: #00a1c5;
  }
  .qc-cmp-ui {
      background-color: #ffffff;
      text-align: left;
  }
  .qc-cmp-publisher-purposes-table .qc-cmp-table-header {
    background-color: #fafafa;
  }
  .qc-cmp-publisher-purposes-table .qc-cmp-table-row {
    background-color: #ffffff;
  }
  .qc-cmp-small-toggle.qc-cmp-toggle-on,
  .qc-cmp-toggle.qc-cmp-toggle-on {
      background-color: #000000;
      border-color: #000000;
  }