/*
 Theme Name: Mio
 Theme URI: Mio
 Description: il mio thema
 Author: ilario larosa
 Author URI: http://www.ilariolarosa.net
 Template: 
 Version: 1.0
 .
 Commenti/Condizioni di Licenza (se esistenti).
 .
 */

/*
{}
*/
body {
  background-color: #ffffff;
}
hr {
  color: blue;
}
a {
  color: black;  
}
a:hover {
  color:blue;
}
img {
  border-width: 0;
}
td.esterna {
	width: 30%;
}
td.interna {
	width: 30%;
}

.titolo {
	color:yellow;
	font-style: italic;
	font-size: 0.8em;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.capsule
{
    color: white;
    text-align: center;
    padding: 4px 10px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: small;
    background-color: black;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}

.capsule_widget
{
    color: white;
    text-align: center;
    padding: 4px 10px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: small;
    background-color: black;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}

#mostra_js {
	width: 100%;
	margin-top: 80px;
	float: left;
}

#title_comment {
  color: black;
  text-align: left;
  background-color: white;
  border: 0.1em solid black;  
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  -moz-border-radius: 10px 10px;
  -webkit-border-radius: 10px 10px;
  padding: 10px 50px 10px 10px;
}

#title {
  color: white;
  text-align: right;
  background-color: #808080;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  -moz-border-radius: 10px 10px;
  -webkit-border-radius: 10px 10px;
  padding: 10px 50px 10px 10px;
}

#globale {
  width:100%;
  padding-top: 0px;
  margin-right:auto;
  margin-left:auto;
  margin-top: 0px;
  margin-bottom: 0px;
}

#header
{
  width: 100%;
  height: 90px;
}

#logo_header 
{
  border: 0;
  float: left;
  width:30%;
}

#description_header
{
  /*top: 80px;*/
  font-family: Georgia, Times New Roman Times, Serif;
  font-weight: bold;
  font-size: 36px;
  color: #d2b28e;
  text-align:right;
  float:right;
  margin-top: 0px;
  width: 100%;
  text-shadow:#666666 3px 3px; 
}

#image_header {
	float:left;
	margin-top: 80px;
	margin-left: 0px;
	padding-left: 0px;
}

#top_bar_navigation {
  position: fixed;
  top: 0pt;
  left: 0pt;
  width: 100%;
  background-color: #0066A0;
  font-family: Georgia, Times New Roman Times, Serif;
  text-align: right;
  font-weight: bold;
  font-size: 12px;
  height: 30px;
  padding-top: 5pt;
  padding-bottom: 5pt;
}

#top_bar_navigation a {
	border: 0em solid white;
	padding: 4px;
	color:white;
}

#top_bar_navigation a:hover {
	background-color:yellow;
	color: blue;
}

#bottom_bar_navigation {
	clear: both;
	/*background-color: #0066A0;
	background-repeat:repeat-x;
	background-position:left right;*/
	width: 100%;
	font-family: Georgia, Times New Roman Times, Serif;
	text-align: center;
	font-weight: ;
	font-size: 12px;
	color: black;
	height: 50px;
    /*padding-top: 5pt;
	padding-bottom: 5pt;*/
}

#bottom_bar_navigation a {
	color:black;
}

#bottom_bar_navigation a:hover {
	color:blue;
}

#content {
  padding: 15px;
  float: center;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  color: black;
  text-align:justify;
  font-family: Georgia, Times New Roman Times, Serif;
  font-size:1.00em;
}

#sub-header
{
  width: auto;
  height: 30px;
}

#title-widget {
  color: blue;
  background-color: silver;
  text-align:center;
  border-radius: 10px; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#sidebar-left 
{
  padding: 15px;
  float: left;
  width: 15%;
  margin-top:80px;
  margin-bottom:auto;
  background-color: white;
  border: 0.1em solid black;  
  border-radius: 10px; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
 }

#sidebar-right
{
  padding: 15px;
  float: right;
  width: 15%;
  margin-top:80px;
  margin-bottom:auto;
  background-color: white;
  border: 0.1em solid black;
  border-radius: 10px; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#sidebar-bottom 
{
  float: right ;
  width: auto;
  margin-top:auto;
  margin-bottom:auto;
  /*border: 1px dashed silver;*/
 }

/* HOME PAGE */
 
#posts_home {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  background-color: #c5c5c5;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  -moz-border-radius: 10px 10px;
  -webkit-border-radius: 10px 10px;
}

.title_post {
  color: white;  
  font-size:1.60em; 
  text-transform:uppercase; 
  padding:0 0 0.2em 0; 
  margin:0 0 1em 0;   
  background-repeat:no-repeat; 
  background-position:right bottom;
}

.postdate{
  font-family: "ff-din-web-1","ff-din-web-2",Helvetica,serif;
  text-align: right;
  font-size: 9px;
}

.postdate_up{
  font-family: Georgia, Times New Roman Times, Serif;
  float: right;
  text-align: center;
  font-size: 14px;
  color: white;
  background-color: #2c5922;/*#f3f3f3;*/
  padding: 5px 5px 5px 5px;
  width:140px;
  height:20px;
  font-weight: bold;
  border-radius: 10px; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; 
}

.nota_cat {
  background-color: silver;
  padding: 5px 5px 5px 5px;
  color: blue;
  border-radius: 10px; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; 
}

.nota_tag {
  background-color: silver;
  padding: 5px 5px 5px 5px;
  color: blue;
  border-radius: 10px; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; 
}

.inputsTooltip
{
	border: 1px solid #000;
	background-color: #444;
	padding: 4px;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 150px;
}
.inputsTooltip #tooltipTitle
{
	font-weight: bold;
}


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

/* tooltip styling */
.tooltip {
	display:none;
	background:url(images/sfondo_tip.png) repeat-x;
	/*background-color: #ccffff;*/
	height:auto;
	padding:10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	width:auto;
	font-size:11px;
	color: blue;
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:brown;
	width:130px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}