/*******************************************************************************
 *  Name: style.css 
 *  Author: yesWEBcan
 *  Web: http://www.yeswebcan.it 
 *  Email: info@yeswebcan.it 
 *  
 *  Date: 
 *  Description: stylesheet for http://www.yeswebcan.it/
 *
 *******************************************************************************
*/

/* -- Import Lybraries -- */
@import url(reset.css);
@import url(960.css);

/* -- common styles -- */

body {
		background: #FFF2E2 url('../images/background.jpg') repeat-x;
		font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Geneva,Verdana,Arial,sans-serif; 
		font-size: 14px; 
		line-height:26px;  
		color:#393737;
	}
  p
  {padding-bottom:14px;}
  .navigation { }
  .alignleft {display: block; margin:20px;float:left;}
  .alignright {display: block; margin:20px;float:right;}
/* -- Header -- */	
#headerlogo {
		background: url('../images/back-header.jpg') no-repeat;
		width:478px;
		height:351px;
		float:left;
		margin-left:-8px;
}

a.ah1 		{
		display:block;
		overflow:hidden;
    line-height: 9999em;
		height:173px;
		width:251px;
		background: url('../images/h1im.png') no-repeat;
		position: relative;
    top: -170px;
    left: 310px; 
		font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Geneva,Verdana,Arial,sans-serif; font-size: 38px;
		}		


h2		{ 
		font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Geneva,Verdana,Arial,sans-serif; 
		font-size: 24px; 
		line-height:30px;
		color:#ff7837;
		}
		
span.titlecategory { text-transform: uppercase;text-align:center;font-size: 20px; color:#000; }
p.whatcategory {text-align:center; font-size:12px;border:#CCC dashed 1px; margin:0 20px;padding:10px 0;background-color:#fea;}
		h3		{ 
		font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Geneva,Verdana,Arial,sans-serif; 
		font-size: 18px; 

		color:#ff7837;
		} 	
    h3.intervista		{     display:block; margin-left:50px;
		font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Geneva,Verdana,Arial,sans-serif; 
		font-size: 18px; 
		color:#393737;
		}
		h4 {font-size:13px;}
		h4.intervista {padding-top:30px;}
			h5{font-size:11px;}
		h6{font-size:9px;}
a {	color:#ff7837; text-decoration:none; }
a:hover {text-decoration:underline;}
  .provamm {height:98px;	margin-left:30px;}
hr{ height:1px; margin:20px;color:#ff7837;}


/* selezione del testo da parte dell'utente*/
  *::selection{background: #FFDFB0;color: #000;}
*::-moz-selection{background: #FFDFB0;color: #000;} 

/* fine selezione del testo da parte dell'utente*/
img.siborder {border:2px solid #bbb;margin-bottom:10px;
-moz-box-shadow:5px 5px 5px #ccc;
    -webkit-box-shadow:5px 5px 5px #ccc;
    box-shadow:5px 5px 5px #ccc;} 
 img.siborder:hover {border:2px solid #FF7837;}
img.fotointervista {float:left; margin:10px 10px 0 0; padding:5px; border:1px solid #ccc;}  
img.fotoautore {float:left; margin:5px 10px 0 0; padding:5px; border:1px solid #ccc;}        
    a.pagina
				{   
				height: 96px;
				width:337px;
				float:left;
				line-height: 9999em;	
				overflow:hidden;
				display: block;
			      
				}
				a.home		{width: 77px; background: url('../images/home.png') no-repeat;}
				a.chisono	{width:73px; background: url('../images/chisono.png') no-repeat;}
				a.portfolio	{width:80px; background: url('../images/lavori.png') no-repeat;	}
				a.contatti	{width:77px; background: url('../images/contatti.png') no-repeat;}
				
				a.portfolio:hover,	a.home:hover, a.chisono:hover, a.contatti:hover {margin-top:1px;}
						
		.post ul li, .page ul li{
		list-style-type:disc;
		padding: 5px;
		margin-left: 40px;
		margin-right:10px;
		text-align:justify;
	}
 .post  ol li, .page ol li{
		list-style-type:none;

		padding: 5px;
		margin-left: 40px;
				margin-right:10px;
				text-align:justify;
	}

  blockquote { -moz-border-radius: 2px 35px 2px 35px;
    -moz-box-shadow: 0 4px 5px #AAAAAA;
    background:  #FFF2CB url('../images/blockquotecit.png') left center no-repeat;
    border: 1px solid #FF6600;
    color:#FF6600;          
    padding: 9px 15px;
    padding-left:90px;
    font-style:italic;margin:0 10px;} 

a.logook 	{
		background: url('../images/logo-yeswebcan.png') no-repeat;
      	width: 283px;
      	height: 169px;
		margin:5px 0 0 30px;
		display:block;
		line-height: 9999em;	
		overflow:hidden;
		}

  
#socialme {
		background: url('../images/io-lavoro.jpg') no-repeat;
		float:right;
		width:470px;
		height:351px;
		}
			a.social
				{
				margin:30px 0 0 20px;
				height: 96px;
				width:337px;
				float:left;
				line-height: 9999em;	
				overflow:hidden;
				display: block;
			  transform: scale(0.95);
        -moz-transform: scale(0.95);
         -o-transform: scale(0.95);
        -webkit-transform: scale(0.95);  

				}
				a.rss		{ margin-left:25px; width: 49px; background: url('../images/feed-mensola.png') no-repeat;}
				a.facebook	{width:49px; background: url('../images/facebookmensola.png') no-repeat;}
				a.twitter	{width:50px; background: url('../images/twittermensola.png') no-repeat;	}
				a.meemi	{width:51px; background: url('../images/meemi.png') no-repeat;}

				a.rss:hover, a.facebook:hover, a.twitter:hover, a.meemi:hover {margin-top:45px;	
        transition-property: margin-top;
        transition-duration: 1s;
        transition-timing-function: ease;
        -webkit-transition-property: margin-top;
        -webkit-transition-duration: 1s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: margin-top;
        -moz-transition-duration: 1s;
        -moz-transition-timing-function: ease;
        -o-transition-property: margin-top;
        -o-transition-duration: 1s;
        -o-transition-timing-function: ease;
        transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);  }
				
				
			
.menu-menucategorie-container       { 
        display:block;
      	position: relative;
    	  top: -157px;
    	  left: 20px; 
        height:30px;
		    width:550px;}
 ul.menu-menucategorie {list-style-type:none;margin:0;padding:0;}
 li.menu-item a{text-transform: uppercase;margin:0;padding:3px 10px; border-right:#CC6600 solid 1px;display:block;float:left; color:#000; font-size:13px;}
/* -- Fine Header -- */



/* -- Inizio Content -- */					

#wrapper{	background: url('../images/backwrap.png')  repeat;	}

#content {
		min-height:701px;
		}

.data 	{

		display:block;
		width:66px;
		height:70px;
		margin-right:20px;
   		background: url('../images/data.png') no-repeat;
		margin-left:-37px;
		float:left;
		}
	
		.data p 	{
					display:block;
					margin-top:15px;
			   	font-size:30px;
				   padding-bottom:0;
					color:white;
					text-align:center;
					}
		p.mese 		{
					display:block;
          margin-top:-3px;
					font-size:11px;
				
					color:#464548;
					text-align:center;
				
					}
.post 	{
		margin:10px 20px 30px 30px;
		padding-bottom:20px;
		border-bottom:#CC6600 groove 1px;
	
	  }
.page 	{
		margin:10px 20px 30px 30px;
		padding-bottom:40px;

	  }
.categoria {
		text-align:right;
		font-size:0.9em;
	}
	.categoria a{
		
	
		text-decoration:none;
	}
	.categoria a:hover{
					text-decoration:underline;
					}	
  .commentiart 		{
					text-align:right;
					
					}
	.commentiart a	{
					text-decoration:none;
							}
	.commentiart a:hover	{
							text-decoration:underline;
							}
  .more-link, .more-link a   	{
       				font-size:13px;
     				
							}

.twitter-share-button
{display:block;float:right;}
/* -- Fine Content -- */


/* -- Inizio Sidebar -- */
#sidebar {
		min-height:701px;
		}
		
#search {
    background: url('../images/search.gif') no-repeat;
    width: 271px;
    height: 48px;
	margin:10px 0  0 14px;
	
}
    #search input {
        margin: 16px 0 0 10px;
        padding:0 4px 3px 4px;
        width: 205px;
        border: none;
		background: transparent;
		color:#ff5b0d;
    }
        #search input.submit {
            background: url('../images/buttonsearch.png') no-repeat;
            width: 28px;
            height: 28px;
			cursor:pointer;
			background-position: bottom left;
			margin-top:0;
		
        }
		
		
		
.areasponsor
		{
		margin-top:20px;
		}
		.sponsor {
				margin: 0 -10px 10px 18px;
				}
.socialnetwork
		{
		background: url('../images/seguimi.jpg') top no-repeat;
		margin-left:-2px;
		padding:45px 0 0 33px;
		height:183px;
		line-height:16px;
		}
		.social
				{
				margin-right:16px;		
				}
				
		.widget_featured-posts
				  { margin-left:10px; width: 299px; padding-top:63px;   }
                                                        
/* -- Fine Sidebar -- */

/* -- Inizio Footer -- */
#footer {
		background: url('../images/backfooterint.jpg')  repeat;
		height:540px;
		font-size:0.95em;
		}
		
#popular
		{
		width:219px;
		height:410px;
		margin:45px 0 0 70px; overflow:hidden;}
		
#commenti
		{
		width:200px;
		height:390px;
		overflow:hidden;
		margin:45px 0 0 65px;
		}
p.copyright {
	background: url('../images/cc.gif') center top no-repeat;
	display:block;
	margin:15px 0 0 30px;
	padding-top:25px;
	width:280px;
	font-size:0.7em;
	text-align:center;}
	p.copyright a {color:#000; text-decoration:none;}
	p.copyright a:hover {text-decoration:underline;}
		
#blogroll
		{
		width:200px;
		height:450px;
		margin:45px 0 0 50px;
		}
#commenti li, #blogroll li
		{
		padding-bottom:15px;	line-height:24px;}
#popular li
		{
		padding-bottom:20px;}	
#popular li a, #commenti li a, #blogroll li a{
			text-align:left;
			text-decoration:none;
			color:#000000;
	
		}
#popular li a:hover, #commenti li a:hover, #blogroll li a:hover {
			text-align:left;
			color:#f45000;
		}
		
	#popular li.primoarticoli	{	margin-bottom:25px;	}
	#blogroll li.primoblogroll  {	margin-bottom:35px;	margin-left:48px; } 
	#commenti li.primocommenti  {	margin-bottom:25px;	margin-left:30px; }


 /* -- Fine Footer -- */
 /* -- Inizio commenti -- */

#comments {  margin-top: -2.5em; clear: both; padding-top: 1em; margin-left:20px;}

#comments .meta {  padding: 10px; margin-bottom: 1em; }
#comments .meta p { color: #89897c; font-size: 1.15em; text-transform: lowercase; }
#comments .meta p.rss { float: right; font-size: .95em; text-transform: none; }
#comments .meta p.rss a { color: #ec7e2d; padding-left: 22px;  display: block; height: 16px; line-height: 16px; }
#comments .meta p strong { color: #55554e; }

#comments ul.nav { margin-bottom: 1em; }

#respond {  padding: 20px 20px 40px 20px; color: #89897c; font-size: .95em; text-transform: lowercase; position: relative; }
#respond h3 { font-size: 1.9em; line-height: 1em; text-transform: lowercase; font-weight: normal; margin-bottom: .5em; }
#respond h3 a { font-size: 1em; display: inline; letter-spacing: normal; }

#respond .cancel-comment-reply { position: absolute; right: 6px; background: none; top: 6px; }
#respond .cancel-comment-reply a { color: #89897c; font-weight: bold; }

#respond div.row { min-height: 28px;  margin-bottom: .75em; clear: both; display: block; }

#respond label { float: left; text-align: right; margin-right: 10px; height: 28px; line-height: 28px;  }
#respond input { float: right; }
#respond textarea, #respond input { border: 1px solid #ccc; padding: 6px; width: 454px; background:#f8f8f8; height: 18px; font-size: 1.1em;  }
#respond textarea { height: 96px;  width: 98%; float: none; }
 

#respond input:focus, #respond select:focus, #respond textarea:focus {border: 1px solid #f29400; 	}
#respond a { color: #89897c; font-weight: bold; }

#respond p.logged_as { margin-bottom: .5em; font-size: 1.1em; }

#respond p.req { color: #bdbdb0; float: right; line-height: 28px; height: 28px; }
#respond div.submit { text-align: right; }
#respond #submit { background: url('../images/buttonsubmit.jpg') no-repeat; float: right; margin-left: 1em; display: block; }

#respond button { background:#666; width: 122px; height: 28px; border: 0; text-indent: -10000px; vertical-align: middle; cursor: pointer; }

ol.commentlist { margin-bottom: 1em; }
ol.commentlist li {		border-bottom:#CC6600 dashed 1px; padding:10px;}
ol.commentlist li div {	 padding: 10px; margin-left: 60px; position: relative; margin-bottom: 1em; }
ol.commentlist li div div { padding: 0; margin: 0; }
ol.commentlist li .comment-author img {  position: absolute; top: -5px; left: -70px; }
ol.commentlist li.comment-author-admin  { background: #FFF2E2; }



ol.commentlist li .comment-author cite { font-size: 1.5em; line-height: 1.1em; color: #666; font-style: normal; text-transform: lowercase; }
ol.commentlist li.comment-author-admin cite {color:#999;}
ol.commentlist li .comment-author cite a {  }
ol.commentlist li .comment-author span.says { display: none; }

ol.commentlist li .comment-meta { margin: 0 0 .5em; font-size: .85em; }
ol.commentlist li .comment-meta a { color: #999; }

ol.commentlist li em { position: absolute; margin-bottom: -1em; top: 10px; right: 10px; color: #89897C; font-size: .9em; text-transform: lowercase; }

ol.commentlist li p { margin-bottom: 1em; font-size: 1em; line-height: 1.30em; }
ol.commentlist li p em { position: static; color: inherit; font-size: 0.8em; text-transform: none; }
ol.commentlist li p a { color: #55554e; }

ol.commentlist li div.reply { text-align: right; }
ol.commentlist li div.reply a { color: #89897c;  }

ol.commentlist li ul.children { margin-left: 60px;border:#CCC dashed 1px; }
ol.commentlist li ul.children li {border:none;}
#respond #subscribe {float:left; margin-right:20px;}


   /* -- Fine commenti -- */

  
   /* -- Feed Rss pagina single.php -- */


      div.feed {
 /* basic */
 background-color: #FFF2E2;  
 width: 534px; 
 height:120px;         
border:3px outset #CCC;
margin:20px 0;
 padding: 20px;
 text-align: center;
 /* border-radius */
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 /* box-shadow */
 -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
 -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
 box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}

   a.feedimage 	{
		background: url('../images/2Paper_128.png') no-repeat;
      	width: 96px;
      	height: 96px;
			position: relative;
    top: 00px;
    left: -40px; 
		display:block;
		line-height: 9999em;	
		overflow:hidden;
		margin-top:-40px;
		margin-bottom:-70px;
		}

div.si{width:245px;padding:0 10px; float:left; border-right:1px solid #ccc;padding-top:5px; }   

div.no{width:245px; padding:0 10px; float:right; padding-top:5px; }
p.feedrs {font-size:16px; padding-bottom:10px;}
p.scelta {font-size:50px;}



   /* -- Fine Feed Rss pagina single.php -- */  
     /* -- Inizio pagina contatti -- */


input {
	width: 260px;
	line-height: 25px;
	font-size: 0.8em;
	border: 2px solid #ccc;
	color: #666;
	padding: 5px;
	margin: 1px 0;
}
textarea { 
  border: 2px solid #ccc; 
  padding: 10px;  
	width: 250px;
height:50px;
}
	input:focus, textarea:focus {
		border: 2px solid orange;
		color:#E07801;
background-color:#FFDFBB;

	}

input.submit {

		width: 100px;
                height:30px;
background-color:orange;
		color: black;
	cursor:pointer;
		font-weight: bold;
text-align:center;
		border: 2px solid #E07801 ;
		 /* border-radius */
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 /* box-shadow */
 -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
 -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
 box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
margin-left:80px;
}	
#modulocontatti strong, #altricontatti strong
{color:white; text-align:center;}	
#modulocontatti
{
float:left;
 background-color: #ccc;
 margin: 20px 10px;
 width: 280px;
 padding: 10px;
 text-align: center;
 /* border-radius */
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 /* box-shadow */
 -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
 -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
 box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
margin-left:20px;}

#altricontatti
{float:right;
 margin: 20px 10px;
 width:150px;
margin-right:70px;

}

/* -- Autore -- */
p.author {font-size:12px; line-height:16px;   }


  div#plusonepulsante {width:50px; margin-right:50px; margin-left:-50px; display:block;float:right;}

/* -- Wordpress styles -- */
 .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* optional rounded corners for browsers that support it */
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
 /* -- Fine Wordpress styles -- */
    
img.sibordertop {
-moz-box-shadow:5px 5px 5px #ccc;
    -webkit-box-shadow:5px 5px 5px #ccc;
    box-shadow:5px 5px 5px #ccc;
     border-radius: 2px 35px 2px 35px;
    } 
img.scriviywc {padding-top:10px;float:left;width:40px;margin-left:35px;}
    
h4.authordiventa, p.author2 {display:block; width:445px;margin-right:35px; float:right; color:#888;} 
#divautore  {height:70px; }


span.month {
      display: block;
    font-size: 10pt;
    font-weight: bold;
    height: 14px;
    line-height: 14pt;
    margin: -4px 0 0 12px;
    text-align: right;
    text-transform: lowercase;
    width: 40px;
        color: #FFFFFF;
         text-shadow: 1px 1px 1px #000000;
            font-family: Verdana,Arial,sans-serif;       
            text-align:center;
}

span.day {


    color: #FFFFFF;
    display: block;
   
    font-family: Times;
    font-size: 28pt;
    font-weight: normal;
    line-height: 24pt;
    margin: 13px 0 0 12px ;
    text-align: right;
    width: 40px;             text-shadow: 1px 1px 1px #000000;    
}