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

body {
background:url(assets/bg.jpg) repeat;
font-family: Verdana, Geneva, sans-serif;
font-size:12px;
z-index:1;
}
.main{
background:url(assets/bgcenter.jpg) repeat-y;
width: 800px;
margin: -10px auto ;
}
.logo{
background:url(assets/logo.jpg) no-repeat;
width: 205px;
height: 205px;
margin-left:-100px;
margin-top:-10px;
}
.left {
float: left;	
}
.right{
float:right;	
}

.tag{
background:url(assets/logo.jpg) no-repeat;
width: 205px;
height: 205px;
margin-left:-100px;
}
p {
padding:10px 10px 10px 30px;
}
.footer{
background:url(assets/footer.jpg) repeat-x;	
height: 185px;

}
h2, .archive-meta p, h1.entry-title {
	font-family:georgia, serif;
		color:#854d50;
		font-size:18px;
		letter-spacing:0.1em;
		line-height:200%;
		margin-left:20px;
		font-weight:bold;
/*font-family: "Steinem Roman", Arial, sans-serif; 
font-size:16px;
color:#5a4a42;
 line-height: 1.07em;
  letter-spacing: 0.01em;
margin-left:20px;*/
}
.archive-meta p {
	margin-left:-10px;
	text-transform: uppercase; 
}
h3, h2.entry-title {
	font-family: "Steinem Roman", Arial, sans-serif; 
font-size:14px;
color:#5a4a42;
 line-height: 1.07em;
  letter-spacing: 0.01em;
margin-left:20px;
	/*font-family: "Steinem Roman", Arial, sans-serif; 
font-size:14px;
color:#5a4a42;
margin-left:20px;*/
}
h2.entry-title {
	text-decoration:underline;
}
.txt1 {
font-family: "Steinem Roman", Arial, sans-serif; 
font-size:18px;
 line-height: 1.07em;
  letter-spacing: 0.01em;
margin-left:20px;
}
a{
color:#5a4a42;		
}
a:hover {
color:#f6862a;		
}
 #frame {border:solid;
 margin: 10px; 
 border-width:1px;
 border-color:#5a4a42;
 padding:2px;
 }
.image {
text-decoration:none;
border:none;
 }
 
 hr {
	 margin-left:10px;
 color:#f6862a;	
 background-color:#f6862a;
 width:55%;
 }
.square {list-style:square inside;
color:#5a4a42;
}
.blacktext {color:black}
/***************************NAVIGATION******************************************/
.nav {
	/*font:Arial, Helvetica, sans-serif;
	font-size:12px;*/
	
   list-style: none;
margin-top:-12px;
   margin-left:-40px;
   padding: 0;
  
}
.nav li {
	font-family:Verdana, Geneva, sans-serif;
	 color:#000;
   float: left;
    list-style: none;
 
}
.nav li a {
	font-family:Verdana, Geneva, sans-serif;
   display: block;
   width: auto;
   text-align: center;
   color:#000;
   padding:  0;
   text-decoration:none;
}
.nav li a:hover {
   text-decoration:underline;
   font-family:Verdana, Geneva, sans-serif;
}

#home{
	background: url("assets/nav/home-off.gif") no-repeat 0 0;
	height:67px;
	width:107px;
}
#home:hover {
	background: url("assets/nav/home-on.gif") no-repeat 0 0;
}
#home.active{
background: url("assets/nav/home-on.gif") no-repeat 0 0;	
}
#menu.active{
background: url("assets/nav/menu-on.gif") no-repeat 0 0;	
}
#menu{
	background: url("assets/nav/menu-off.gif") no-repeat 0 0;
	height:67px;
	width:109px;
}
#menu:hover {
	background: url("assets/nav/menu-on.gif") no-repeat 0 0;
}
#services{
	background: url("assets/nav/services-off.gif") no-repeat 0 0;
	height:67px;
	width:108px;
}
#services:hover {
	background: url("assets/nav/services-on.gif") no-repeat 0 0;
}
#services.active{
background: url("assets/nav/services-on.gif") no-repeat 0 0;	
}
#media{
	background: url("assets/nav/media-off.gif") no-repeat 0 0;
	height:67px;
	width:153px;
}
#media:hover {
	background: url("assets/nav/media-on.gif") no-repeat 0 0;
}
#media.active{
background: url("assets/nav/media-on.gif") no-repeat 0 0;	
}
#about{
	background: url("assets/nav/about-off.gif") no-repeat 0 0;
	height:67px;
	width:108px;
}
#about:hover {
	background: url("assets/nav/about-on.gif") no-repeat 0 0;
}
#about.active{
background: url("assets/nav/about-on.gif") no-repeat 0 0;	
}
#contact{
	background: url("assets/nav/contact-off.gif") no-repeat 0 0;
	height:67px;
	width:108px;
}
#contact:hover {
	background: url("assets/nav/contact-on.gif") no-repeat 0 0;
}
#contact.active{
background: url("assets/nav/contact-on.gif") no-repeat 0 0;	
}

/*************************       Slider    *************************************
*******************************************************************************/
/*.slider {height:368px;padding:30px 0 0 0;background:url('http://www.cannolificiomongibello.it/images/bg/bg_slider.jpg') no-repeat 30px bottom;}*/
.slider {height:417px;padding:40px 0 0 0;background:url('assets/center.gif') no-repeat top;
margin-left:-100px;
margin-top:-30px;
width:976px;
z-index:7;

}
#slider {width:442px;margin:23px 0 0 286px;}
/*******************************************************************************
*************************       ANIMATION     *********************************
*******************************************************************************/
/*** set the width and height to match your images **/
#slider {position:relative;height:282px;}
#slider IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
#slider IMG.active {z-index:10;opacity:1.0;}
#slider IMG.last-active {z-index:9;}
/************************************************************************/
fieldset {border:0px; 
font-family:Verdana, Geneva, sans-serif;
	 color:#000;
	 font-size:9px;
	 text-align:right;
	 margin:0 40px 10px 0;
	 z-index:10;
	 font-weight:bold;
}
.mc-field-group {
	padding:2px;
	}
	.required {
	font-family:Verdana, Geneva, sans-serif;
	 color:#000;
	 font-size:9px;
	 text-align:center;
	padding-top:3px;
	}

input#mce-EMAIL, input#mce-LNAME, input#mce-FNAME {
	background-image: url(assets/input.gif);
	border:none;
	width: 143px;
	height: 20px;}
/*********************************************************************************/
.direction {
	text-align:right;
	margin-top:32px;
	margin-right:8px;
	border:none;
}
.dir {border:none;
}

/***********************************************************ENTRIES*******************/


.entry-title {
	color: #000;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}
.entry-meta {
	color: #888;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 12px 0 0 0;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
	margin-left:20px;
	
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
	margin-right:20px;
	margin-top:-18px;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}

