@charset "utf-8";
/* CSS Document */

body {

font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
text-align: center;
border:0;
	padding:0;
	margin:0;
background-color: #dfdfdf;
}

#box {
	color: #999999;
	width: 960px;
	background-image: url(http://www.cnaro.it/cnaroit/html/img/sfondo.gif);
	background-position: center top;
	background-repeat: repeat-y;
}   

#header {
	background: transparent url(http://www.cnaro.it/cnaroit/html/img/header.jpg) no-repeat center top;
	height: 268px;
	width: 950px;
	background-position: top center;
} 

#menu {
	width: 190px;
	float: left;
	background-color: transparent;
	text-align: left;
	margin: 0px 10px 15px 5px;
}

#boxblog {
	float: right;
	width: 680px;
	background-color: transparent;
}

#footer {
	background-color: transparent;
	margin-top: 10px;
	height: 50px;
	clear: both;
	text-align: center;
	background-image: url(http://www.cnaro.it/CNAROIT/html/img/sfondo_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.titoloFeed {
	BORDER-RIGHT: #d4d4d4 1px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #fc3 4px solid;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #d4d4d4 1px solid;
	PADDING-TOP: 4px;
	BORDER-BOTTOM: #d4d4d4 1px solid;
	TEXT-ALIGN: right;
	height: 20px;
}
.titoloFeed h1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; FONT-SIZE: 100%; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 4px; COLOR: #666; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; FONT-FAMILY: Georgia, Verdana, sans-serif; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.titoloFeed h1 SPAN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; FONT-SIZE: 100%; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 4px; COLOR: #666; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; FONT-FAMILY: Georgia, Verdana, sans-serif; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.titoloFeed {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: right
}

/* ---------------------------------
LINKS STYLE
--------------------------------- */

a:link, a:visited {
color: #2f578b;
text-decoration: none;
}

a:hover, a:focus, a:active {
color: #95a9c4;
text-decoration: none;
}

a:focus, a:active {
color: #95a9c4;
text-decoration: underline;
}

.post h2 a:link, .post h2 a:visited {
color: #2f578b;
text-decoration: none;
}

.post h2 a:hover, .post h2 a:focus, .post h2 a:active {
color: #95a9c4;
text-decoration: none;
}
.post a:link, .post a:visited {
color: #2f578b;
text-decoration: underline;
}

.post a:hover, .post a:focus, .post a:active {
color: #95a9c4;

}

a img {border: 0px;}

#header h1 a:link, #header h1 a:visited {
color: #003399;
text-decoration: none;
}

#header h1 a:hover, #header h1 a:focus, #header h1 a:active {
color: #95a9c4;
text-decoration: none;
}

/* ---------------------------------
CLASSI VARIE
--------------------------------- */

input,textarea {
background-color: #fff;
color: #999999;
border: 1px solid #cccccc;
margin: 2px 0px;
}

blockquote {
background-color: transparent;
padding: 10px;
font-style: oblique;
margin-left: 10%;
margin-right: 10%;
}

.center {text-align: center;}
.clear_l {clear: left;}

/* ---------------------------------
BLOG HEADER/TITLE STYLE
--------------------------------- */

#header h1 {
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 2em;
font-weight: normal;
text-align: left;
text-decoration: none;
padding: 5px 0px 0px 20px;
margin: 0px;
letter-spacing: 1px;
}

#blogdescription {
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 0.7em;
font-weight: normal;
color: #999;
text-align: left;
margin: 0px 0px 0px 20px;
}

/* ---------------------------------
MENU STYLE
--------------------------------- */

.boxmenu {
margin: 0px 0px 30px 5px;
text-align: left;
padding: 0px;
font-size: 0.75em;

color: #999999;

}

/* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu3 {
	width: 160px;
	border: 1px solid #ccc;
	margin: 10px;
	}
	
#menu3 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #888;
	display: block;
	background: url(http://www.cnaro.it/html/img/menu3.gif);
	padding: 8px 0 0 30px;
	}
	
#menu3 li a:hover, #menu3 li a:active {
	color: #283A50;
	background: url(http://www.cnaro.it/html/img/menu3.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}

.boxmenu h3 {
font-family: Georgia, 'Times New Roman', Times, serif;
color: #95a9c4;
border-top: 1px dotted #95a9c4;
border-bottom: 1px dotted #95a9c4;
font-size: 1.1em;
margin: 5px 0px 5px 0px;
padding: 1px 0px;
text-transform: uppercase;
text-align: center;  
letter-spacing: 1px;
}

/* ---------------------------------
FOOTER STYLE
--------------------------------- */

.credits {
margin: 0px 20px 0px 27px;
border-top: 1px dotted #95a9c4;
font-size: 0.75em;
text-align: center;
padding-top: 10px;
color:  #999999;
}

/* ---------------------------------
POST STYLE
--------------------------------- */

.post {
margin: 0px 5px 5px 0px;
padding: 0px 5px 5px 5px;
}

.post h2 {
font-family: Georgia, 'Times New Roman', Times, serif;
color: #2f578b;
font-weight: normal;
font-size: 1.3em;
margin: 0px 0px 10px 0px;
padding: 2px 0px;
text-align: left;
}

.datepost {
font-family: Georgia, 'Times New Roman', Times, serif;
color: #999;
font-size: 0.88em;
text-align: right;
margin-bottom: 0px;
float: right;
width: 150px;
}

.bottompost {
border-top: 1px dotted #95a9c4;
color: #999;
font-size: 0.75em;
text-align: left;
}

.text {
color: #999;
font-size: 0.81em;
text-align: justify; 
margin: 0px 0px 10px 0px; 
line-height: 1.2;    
}

.read-more { 
margin: 4px;
padding: 4px;
font-size: 0.88em;
text-align: left;
}

.media-thumb{
border: 0px;
margin-bottom: 10px;
}

/* ---------------------------------
POST AVATAR STYLE
--------------------------------- */

.boxpost{
float: left;
width: 60px;
font-size: 0.75em;
}

.boxpost img {
background-color: #fff;
width:50px;
height: 50px;
border: 1px solid #dfdfdf;
}

/* ---------------------------------
 STILE IMPAGINAZIONE 
--------------------------------- */

#blog-pager div {
display: inline;
color: #666666;
font-size:  0.81em;;
padding: 1px;
}

#blog-pager a {
display: inline;
margin: 10px 3px;
text-decoration: none;
border: 1px solid #95a9c4;
background-color: #fff;
padding: 1px 3px;
}

/* ---------------------------------
STILE NAVIGAZIONE
--------------------------------- */

.navigation {
color: #666666;
margin: 10px;
text-align: center;
font-size: 0.81em;
}

.navigation a:link, .navigation a:visited {
border: 1px solid #95a9c4;
background-color: #fff;
padding: 1px 3px;
} 

.prev {
float: left;
text-align: left;
width: 45%;
}

.next {
float: right;
text-align: right;
width: 45%;
}

.home {text-align: center;}

/* ---------------------------------
STILE COMMENTI
--------------------------------- */

.comment {
margin-top: 1em;
background:transparent;
width: 97%;
padding: 5px;
background-color: transparent;
}

.comment-body {
color: #666666;
font-size: 1em;
text-align: left;
padding: 5px;
}

.comment-top {
background: transparent;
text-align: right;
margin-bottom: 5px;
padding-bottom: 15px;
border-top: 1px dotted #95a9c4;
border-bottom: 1px dotted #95a9c4;
}

.comment-bottom {
background: transparent;
text-align: left;
color: #999999;
margin: 0px;
}


.comment-tips {
background: transparent;
text-align: left;
padding-left:.5em;
font-style:normal; 
font-variant:normal; 
font-weight:normal;
color: #999999;
}	

.comment-form-title {
font-family:'Century Gothic', Sans-serif;
color: #99cc33;
font-size: 1.5em;
font-weight: bold;
margin: 15px 0px;
padding: 3px 3px;
text-transform: uppercase;
text-align: left;
}	

.comment-form-user {
background:transparent ;
padding-left:.5em;
padding-top: .3em;
text-align: left;
font-size: 0.75em;
font-style:normal; 
font-variant:normal; 
font-weight:normal;
color: #666666;
line-height: 1.3em;
}

/* ---------------------------------
STILE FOTO E MEDIA RECENTI
--------------------------------- */

#recent-photos {
        background: transparent;
        text-align: center;
}

#recent-photos img {
        padding: 4px;
        border: 0px;
        margin-bottom: 5px;
        background-color: transparent;
        text-decoration: none;
}

#recent-photos .album-link {
       background: transparent;
       font-size: 8px;
       text-align: center;
       text-decoration: none;
}

#recent-photos .title {
      font-size: 8px;
      font-weight: bold;
      padding-top: 10px;
      text-align: center;
      letter-spacing:2px;
      color: #666666;
}

.blog-members { clear: both; margin: 0; padding: 0 0 3px 0px; }

/* ---------------------------------
STILE BORDI
--------------------------------- */


.media-info {
	border:0px;
}

.cc-small {
	border: 0px;
}

.comment-bottom img.avatar {
       height: auto;
       width: auto;
       border: 0px;
}

.cc-logo {
	border: 0px;
        padding: 1px;
}

.avatar{
	border:0px;
}

/* ---------------------------------
STILE MEDIA ALBUM
--------------------------------- */


#album {
       background: transparent;
       font-size: 10px;
       text-decoration: none;
       text-align: center;
}

#album-link {
       vertical-align:top;
}

#album-link a:link {
       vertical-align:top;
}

#album img {
       padding: 4px;
       margin-bottom: 5px;
       background-color: transparent;
       text-decoration: none;
}

#album td {
      text-align: center;
      vertical-align: top;
}

#album table {
      text-align: left;
      vertical-align: top;
}

#album .title {
      font-size: 9px;
      margin-top: 12px;
}
.Stile2 {font-size: 11px;
line-height: 200%;}

.box {
	float:left;
	width:auto;
	text-align:center;
	padding:5px 5px 5px 5px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #CCCCCC;
	position:center;
	/*min-height: 120px;!IMPORTANT*/
	height:160px;
	vertical-align: middle;
		
}


/* effetto ombra su foto */
.img-ombra {
  float:left;
  background: url(http://www.cnaro.it/html/img/shadow_alpha.png) no-repeat bottom right !important;
 background: url(http://www.cnaro.it/html/img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
 margin: 10px 0 0 5px;
}
.img-ombra img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }