/*
Theme Name: EdizioniPiagge
Theme URI: http://www.essezeta.org/
Description: Design by <a href="http://www.essezeta.org">EsseZeta.org</a>.  WordPressed by <a href="http://www.essezeta.org">EsseZeta.org</a>
Version: 2.0
Author: EsseZeta
Author URI: http://www.essezeta.org/
*/


body
{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%; color: #888; text-align:center;
	background:#F3F3F3;
	background-image:url(immagini/bg_top_nuovo.png);
	background-position:top;
	background-repeat:repeat-x;
}


/* generali */

	a:link, a:active, a:visited { color:#444; text-decoration:none; border-bottom:1px dotted #888}
	a:hover { color:#222; text-decoration:underline; border-bottom:none}
	h3 a:link, h3 a:active, h3 a:visited {border-bottom: none;}

/* STRUTTURA */
div#container{width:1000px; margin:0 auto; text-align:left;
position:relative;
}
div#header {height:184px;
}
div#wrapper{float:left;width:100%;
}
div#colonnacentro {position:relative; margin: 0 250px 30px 300px; padding:0; width:440px; min-height:380px; height:auto !important; height:380px; 
}
div#colonnadestra{float:left; width:250px; margin-left:-255px; margin-top:-140px;
}
div#colonnasinistra{float:left; width:300px; margin-left:-1000px; margin-top:-50px; width:298px;
}
div#footer{clear:both; width:100%;}

#shoppingcartcontents {
width:200px;
}






/* SFONDI E TIPOGRAFIA */
div#header {background:url(immagini/header-bg.gif) top left no-repeat;}
	div#header h1 a:link, div#header h1 a:visited {color:#ccc;font-size:20px; border:none; text-decoration:none; font-weight:lighter;position:relative; top: 20px; left:130px;}
	div#header h1 a:hover, div#header h1 a:active {color:#bbb} 
	h1:first-letter {color: #EB9894;}
	
	div#header p{font-size:10px; color:#bbb; font-weight:lighter;position: relative; top:20px; left:130px;}

	div#header span.fakelink a, div#header span.fakelink a:visited { height:85px; width:270px; display:block; position:relative; top: 45px; left:430px; text-decoration:none; border:none; }
	div#header span.fakelink a:hover { cursor:pointer; }


div#colonnacentro{background:url(immagini/middleok.jpg) left top repeat-y;}
	.sopra { width:440px; height:50px; background: #f3f3f3 url(immagini/topok.jpg) left top no-repeat;}
	.sopra .alignleft {float:left; font-size:12px; padding:20px 0 0 30px;}
	.sopra .alignright {float:right; font-size:12px; padding:20px 20px 0 0;}
		.posts { position:relative; z-index:2; padding-left:40px; padding-right:30px;
		min-height:350px; height:auto !important; height:350px;}
	.sotto { width:440px; height:50px; background: #f3f3f3 url(immagini/bottomok.jpg) bottom left no-repeat;}
	.sotto .alignleft {float:left; font-size:12px; padding:10px 0 20px 30px;}
	.sotto .alignright {float:right; font-size:12px; padding:10px 20px 20px 0;}
	
	.alignleft a:link, .alignright a:link, .alignleft a:visited, .alignright a:visited {
	border:none;
	color:#999;
	}	
	.alignleft a:hover, .alignright a:hover, .alignleft a:active, .alignright a:active {
	border:none;
	color:#666;
	}
		.posts p{ font-size:14px; line-height:1.3; margin-bottom:10px}
		.posts strong {color: #222; font-weight:bold}
		.posts p.metadati {font-size:small; font-style:italic; clear:both; border-bottom:20px solid #fff;}

		.posts h3{margin:0 0 0 -10px; color:#444; font-style:italic; font-size:18px; font-weight:bold; color:#444;}
			.posts h3 strong {font-size:14px;}
			.posts h3:first-letter{ color:#cc0000;}
		.posts h2{margin:5px 0 10px 0; color: #CCCCCC; font-size: 14px; font-weight:bold; font-style:italic; letter-spacing:1px;}
.posts h2.prodtitles { color:#333333;}
.evid { border:1px dotted #cc0000; padding:5px; padding-bottom:0px; margin-bottom:10px; font-size:12px;}
.evid p {font-size:12px;}
small.postmetadata { font-size:11px; font-style:italic; margin-left:-20px;}
.delblog { text-align:center;border-bottom:20px solid #fff;}
		.posts h2.thepage{margin-top:-5px; letter-spacing:2px;}
		.posts h2.thepageblog{margin-top:-1px; letter-spacing:2px; color:#999999}
		.posts h2 a:link, .posts h2 a:visited, .posts h2 a:active {margin:5 0 10px 0; color:#ccc; font-size: 14px; font-weight:bold; text-decoration:none}
/* START per il bordo del titolo di ogni post */
		.posts h2 a:link, .posts h2 a:visited, .posts h2 a:active {border:none}
/* FINE per il bordo del titolo di ogni post */
		.posts h2 a:hover {margin:5 0 10px 0; color:#666; font-size: 14px; font-weight:bold; text-decoration: underline}
		.posts h4{margin:5px 0 7px 0; color:#000000; font-style:italic;}

		.posts h3.mainpage{font-size:15px;}
		.posts h2.mainpage{color:#999; font-size: 18px; margin-top:-1px}
		.posts h2.mainpage:first-letter{color:#D05C59;}

#comments {
margin-top:30px;
}
h4.comment, h4#respond {
margin:0 0 0 -10px; color:#444; font-style:italic; font-size:14px; font-weight:bold; color:#444
}
.commentmetadata, cite { font-size:11px; font-style:italic;}
small.commentmetadata { float:right;}
.comment-meta {
clear:both;
}
.commentlist p.wait {
color:#990000;
font-size:11px;
margin:0;
text-align:center;
}

.comment-meta img {
display:block;
float:left;
margin-right:5px;
}

.commentlist p { font-size:small; margin-top:15px; clear:both;}
.commentlist {
padding:20px 0;
}
.commentlist li {margin-bottom:20px;
border:1px solid #F5F5F5;
}
.commentlist li.alt { background: #F5F5F5;}

#commentform {
margin-top:20px;
}
#commentform p{
font-size:11px;}

div#tags{ position:relative; width:300px; height:238px; font-size:1px; background-color:#F3F3F3;}
div#tags a{ text-decoration:none; border:none; color:#F3F3F3;}
#tags span a:hover {
		filter: alpha(opacity=40); /*per Internet Explorer 6-7*/
		filter: “alpha(opacity=40)”; /*per Internet Explorer 8*/ 
		filter: "alpha(opacity=40)";
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
		-moz-opacity: 0.40;
		opacity:0.4;
		color:#F3F3F3;
}
#tags .tag_1 a {top:0px; left:0px; background:url(immagini/tag_x_tag/01_multiculturale.gif); position:absolute; width:18px; height:151px; }
#tags .tag_2 a {top:0px; left:18px; background:url(immagini/tag_x_tag/02_militante.gif); position:absolute; width:22px; height:99px; }
#tags .tag_3 a {top:0px; left:40px; background:url(immagini/tag_x_tag/03_responsabilita_condivise.gif); position:absolute; width:249px; height:30px; }
#tags .tag_4 a {top:30px; left:40px; background:url(immagini/tag_x_tag/04_autogestita.gif); position:absolute; width:213px; height:23px; }
#tags .tag_5 a {top:30px; left:252px; background:url(immagini/tag_x_tag/05_indipendente.gif); position:absolute; width:37px; height:138px; }
#tags .tag_6 a {top:51px; left:40px; background:url(immagini/tag_x_tag/06_etica.gif); position:absolute; width:37px; height:49px; }
#tags .tag_7 a {top:51px; left:81px; background:url(immagini/tag_x_tag/07_autogestita.gif); position:absolute; width:27px; height:188px; }
#tags .tag_8 a {top:51px; left:107px; background:url(immagini/tag_x_tag/08_fare_rete.gif); position:absolute; width:144px; height:34px; }
#tags .tag_9 a {top:87px; left:105px; background:url(immagini/tag_x_tag/09_emozioni.gif); position:absolute; width:89px; height:11px; }
#tags .tag_10 a {top:87px; left:21px; background:url(immagini/tag_x_tag/10_no_profit.gif); position:absolute; width:231px; height:59px; }
#tags .tag_11 a {top:136px; left:0px; background:url(immagini/tag_x_tag/11_piccola.gif); position:absolute; width:83px; height:60px; }
#tags .tag_12 a {top:140px; left:111px; background:url(immagini/tag_x_tag/12_militante.gif); position:absolute; width:136px; height:30px; }
#tags .tag_13 a {top:170px; left:106px; background:url(immagini/tag_x_tag/13_organizzazione_orizzontale.gif); position:absolute; width:186px; height:28px; }
#tags .tag_14 a {top:185px; left:10px; background:url(immagini/tag_x_tag/14_schierata.gif); position:absolute; width:71px; height:14px; }
#tags .tag_15 a {top:200px; left:0px; background:url(immagini/tag_x_tag/15_emozioni.gif); position:absolute; width:83px; height:39px; }
#tags .tag_16 a {top:194px; left:105px; background:url(immagini/tag_x_tag/16_piccola.gif); position:absolute; width:16px; height:45px; }
#tags .tag_17 a {top:194px; left:122px; background:url(immagini/tag_x_tag/17_cantiere_aperto.gif); position:absolute; width:162px; height:43px;}
#tags .tag_18 a {top:227px; left:125px; background:url(immagini/tag_x_tag/18_militante.gif); position:absolute; width:159px; height:12px;}



	#colonnadestra h2,
	#colonnasinistra h2 {
	font-size:18px;
	text-align:center;
	margin-top:40px;
	margin-bottom:20px;
	}
	#colonnasinistra h2.fortag {
	margin:0;
	}

	.textwidget {
	margin-bottom:30px;
	font-style:italic;
	font-size:14px;
	padding-left:20px;
	}

h2.evident {
color:#cc0000;
font-style:italic;
}
#inevidenza {
background:#F3F3F3 url(immagini/in_evidenza.jpg) top left no-repeat;
min-height:138px;
height:auto !important;
height:138px;
position:relative;
padding:20px 20px 0 20px;
}
#inevidenza h3 {
font-size:16px;
color:#333;
margin:5px 0 10px 0;
padding:0 20px 0 0;
font-weight:bold;
font-style:italic;
}
#inevidenza p {
font-size:14px;
text-align:left;
color:#333;
padding:0px 0px 10px 0;
}




				#colonnadestra ul {
				text-align:right;
				margin-right:50px;
				font-style:italic;
				font-weight:bold;
				}
						#colonnasinistra ul {
						text-align:left;
						margin-left:50px;
						font-style:italic;
						font-weight:bold;
						}				
				
				#colonnadestra li a {
				color:#333;
				text-decoration:none;
				border:none
				}
								
				#colonnadestra li.page_item {
				font-size:17px;
				margin-bottom:5px;
				}
				
				#colonnadestra li a:hover {
				text-decoration: underline;
				}
				
				#colonnadestra li:first-letter {color:#CC0000; text-transform:uppercase;
				}
				
				#colonnadestra li a:first-letter {
				color:#CC0000;
				text-transform:uppercase;
				}
				
						#colonnadestra ul li ul li a {
						font-size:12px;
						}
						#colonnadestra ul li ul {
						margin-right:0;
						display:none;
						}



div#footer{background:url(immagini/bottom_gradient_nuovo.png) top repeat-x;color: #999; }
		div#footer p{margin:0;padding:5px 10px; font-size:12px; font-style:italic}
		div#footer strong {color: #777; font-weight:bold;}
.footercontent {
width:1000px;
height:110px;
margin:0 auto;
background:url(immagini/footercontent.png) top center no-repeat !important;
background:url(immagini/footercontent.gif) top center no-repeat;
padding-top:20px;
padding-bottom:5px;
}











/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists */

.posts ul li, .posts ol li {
font-size:.9em;
}

.posts ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	}

.posts li {
	margin: 5px 0 5px 10px;
	}

.posts ul {
	list-style: disc;
	padding: 0 0 0 25px;
	margin: 0;
	}

.posts ol {
	padding: 0 0 0 25px;
	margin: 0;
	}

/* Begin Calendar */

	#calendar_wrap {
	margin-top:0px;
	margin-left:0px;
	empty-cells: show;
	margin: 0 auto 20px;
	}
										tr { padding:5px;}
										#wp-calendar {
										border-collapse: separate; border-spacing: 1px; font-size: 13px; margin: 0pt auto;
										}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 20px;
	padding-left: 15px;
	border-left: 5px solid #ddd;
	}
.posts blockquote p {
font-size:.9em;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */





















		/* 	MODIFICHE e-commerce */
		
		
		.cont_anteprime {
		height:350px;
		}
		
		.anteprime {
		background:url(immagini/itembg.gif) top left no-repeat;

		display:block;
		margin:0;
		padding:0;
		width:86px;
		height:170px;

		float:left;
		margin-right:10px;

		overflow:hidden;
		}
		
		div.item_image {
		display:block;
		width:78px;
		height:116px;
		padding:8px;
		margin:0;
		}
		
		.item_image a:link, .item_image a:active, .item_image a:visited {
		text-decoration:none;
		border:none;
		}
		.item_image a:hover img {
		filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5
		}

					img.product_image{
					display:block;
					height:100px;
					width:70px;
					}
		.item_image span {
		width:70px;
		float:left;
		cursor:pointer;
		}
		.didascalia {
		color:#333333;
		font-size:11px;
		margin-top:8px;
		text-decoration:none;
		}


















.posts h2.prodtitles a {
color:#666666;
}
.imagecol img.product_image {
border:1px solid #ccc;
padding:3px;
}
#products_page_container {
font-size:.9em;
}
	      div.default_product_display div.textcol{
        margin-left: 90px !important;
        _margin-left: 80px !important;
        min-height: 114px;
        _height: 114px;
      }
        
        
      div.default_product_display  div.textcol div.imagecol{
        position:absolute;
        top:0px;
        left: 0px;
      }
      
      div.default_product_display  div.textcol div.imagecol a img {
        width: 80px;
        height: 114px;
      }
      
          ZZ_div.single_product_display div.textcol{
        margin-left: 110px !important;
        _margin-left: 55px !important;
        min-height: 143px;
        _height: 143px;
      }

          div.single_product_display div.textcol{
      }        
        
      ZZ_div.single_product_display  div.textcol div.imagecol{
        position:absolute;
        top:0px;
        left: 0px;
        margin-left: -110px !important;
      }

      div.single_product_display  div.textcol div.imagecol{
		float:left;
		margin-right:10px;
      }

      
      div.single_product_display  div.textcol div.imagecol a img {
        width: 100px;
        height: 143px;
      }
      
          div.default_product_display.product_view_2 div.textcol{

            margin-left: 106px !important;

            _margin-left: 53px !important;

      }

      div.default_product_display.product_view_2  div.textcol div.imagecol{

            position:absolute;

            top:0px;

            left: 0px;

            margin-left: -106px !important;

      }

      div.default_product_display.product_view_2  div.textcol div.imagecol a img{

            width: 96px;

            height: 96px;

      }

    div#categorydisplay{
    display: block;
    }
    
    div#branddisplay{
    display: none;
    }





	.posts h2 a:hover, .posts h3 a:hover {text-decoration:none;}


#container, #wrapper,
#colonnadestra, #colonnasinistra {
XX_border:1px solid #ddd;
}