/* ART SCIENCE STYLES. Built by Simon Collison www.collylogic.com 2004 at Agenzia www.agenzia.co.uk */
/* borowed for use to test new bopjet/ponzano blog */

@import url(http://www.ponzanoveneto.com/css/navbar_css.css);

/* img {border:0px;} */
/* is this being handled in the other css? NO THIS IS THE WORKING VERSION?*/
.img {
padding:4px;
border:1px solid #ddd;
}  /*WP MAR 07 */


a:link {
	text-decoration: underline;
	color: #666;
	background: transparent;
}
a:visited {
	text-decoration: underline;
	color: #666;
	background: transparent;
}
a:hover {
	text-decoration: underline;
	color: #F33;
	background: #FFC;
}

#navcontainer
{
margin-left:-30px;
margin-top:0px;
}
#navlist li
{
display: inline;
list-style-type: none;
margin:0;
padding-right: 12px;
}

.footer_left {
width:250px;
float: left;
text-align:left;
padding-top:15px;
}

.moviebox {
margin-top:-10px;
padding-left:17px;
padding-bottom:10px;
background: url(http://www.ponzanoveneto.com/movies/movie_snaps.jpg) no-repeat 0 14px;
}
.movieboxlarge {
margin-top:-15px;
padding-left:34px;
background: url(http://www.ponzanoveneto.com/movies/movie_back_large.jpg) no-repeat 0 0px;
}

/* third column aligned right for use within the header */

.footer_right {
width:460px;
float:right;
text-align:right;
}

#sidebar ul {
	list-style-type: none;
	margin-left: 5px;
	padding: 4px 3px;
}
#sidebar ul li {
	margin-left: 0;
	padding-left: 6px;
	line-height: 110%;
	background: transparent url(http://www.ponzanoveneto.com/bopimages/.gif) no-repeat; /* what is this!! */
	color: #333;
	font-weight: bold;
}
#sidebar ul li ul li {
	margin-left: 0;
	padding-left: 14px;
	line-height: 110%;
	background: transparent url(http://www.ponzanoveneto.com/bopimages/.gif) no-repeat;
	color: #999;
	font-weight: normal;
}
#sidebar ul li ul li ul {
	margin-bottom: -3px;
}
#sidebar ul li ul li ul li {
	margin-left: 0;
	padding-left: 10px;
	line-height: 110%;
	background: transparent url(http://www.ponzanoveneto.com/bopimages/.gif) no-repeat;
	color: #CCC;
	font-weight: normal;
}
#sidebar li a:link {
	text-decoration: none;
}
#sidebar li a:visited {
	text-decoration: none;
}
#sidebar li a:hover {
	color: #F33;
	text-decoration: none;
}
#sidebar li a:active {
	text-decoration: none;
}
h1 {
	display: none;
}

h2 {
	margin-top: 1px; /*6*/
	margin-bottom: 1px; /*6*/
	padding-top: 1px; /*10*/
	padding-left: 10px; /*10*/
	color: #8E4545;
font-size:16px;
	letter-spacing: 0.1em;
}

h2 a:link, h2 a:visited {
	font-weight: bold;
	color: #8E4545;
font-size:14px;
	text-decoration: none;
	letter-spacing: 0.2em;
}
h2 a:hover {
	color: #900;
}

h3 {
	margin-top: 10px;
	margin-left: 10px;
	padding-top: 10px;
font-size:12px;
}

h5 {
	margin-top: -10px;  /* see h2 above */
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 15px;
	color: #828282;
font-size:12px;
	letter-spacing: 0.1em;
}


#sidebar h3 {
	height: 16px;
	margin: 0;
	color: #333;
font-size:12px;
	text-decoration: none;
	display: block;
	text-align: left;
	padding: 6px 0 0 10px;
	letter-spacing: 0.1em;
}

#sidebar h5 {
	margin-top: 10px; /*10*/
	margin-left: 0px;
	padding-top: 10px; /*10*/
font-size:14px;
color: #333;
}
#sidebar  h7 {
	margin-top: 70px;  /* see h2 above */
	margin-bottom: 0px;
	padding-top: 20px; /*0*/
	padding-left: 15px;
	color: #828282;
    font-size:12px;
	letter-spacing: 0.1em;
}

/* ------------------  -------- */
#blog h3 {
	letter-spacing: 0.09em;
	margin-top: 9px;
	margin-bottom: 0;
font-size:9px;
}
h4 {
	margin-bottom: 4px;
color: #13416F;
font-size:12px;
	font-weight: bold;
}
h5 {
	margin-bottom: 4px;
	font-weight: bold;
	line-height: 165%;
}
h6 {
    margin-top: 1px;
	margin-bottom: 1px;
	color: #828282;
font-size:10px;
	letter-spacing: 0.1em;
}

/* ------------------- on the side ---*/
#sidebar p {
	margin: 5px 10px 20px;
}
#footer p {
	margin: 5px 0 5px;
}
blockquote {
	color: #333;
	border-left: 1px solid #CCC;
	margin-left: 5px;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 165%;
}
.breadcrumb {
	display: none;
}
.posted_comments {
	clear: both;
	color: #666;
	line-height: 165%;
	padding: 3px 0 3px;
}

.hide {display:none;}

/* LAYOUT CSS. Built by Simon Collison www.collylogic.com 2004 at Agenzia www.agenzia.co.uk. Look for the comments to work out what does what */

body {
	margin: 0 auto;
	padding: 0;
	color: #333;
	text-align: center;
	background-color:#454954; /*CCC*/
font-family:'Lucida Grande',Verdana;
font-size:11px;
}

/* the wrapper holds the whole thing centrally in the browser window */

#wrapper {
	margin: 0 auto;
padding:0px 0px 0 0px; 
	width: 750px;
	background:#FFF;
	color: #333;
	text-align: left;
	border-left: 0px solid #999;
	border-right: 0px solid #999;
border-bottom: 1px solid #999;
}

/* lead header by wp ----*/
#topheader {
	margin: 0 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	color: #CCC;
	text-align: right;
	color: #030;
	height: 15px;
	width: 750px;
	border: 1px solid #999;
	background-color:#ccc; /* HEADER IMAGE   art2.jpg bannernewpvc*/
}

/* the masthead. Change the image reference to the one you want to use */

#header {
	margin: 0 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	color: #CCC;
	text-align: left;
	color: #030;
	height: 175px; /*155*/
	width: 750px;
	border: 0px solid #999;
	background-color:#FFF; /* HEADER IMAGE  bannernewpvcS artead2.jpg bannernewpvc bannernewpvcS.jpg*/
	background-image: url(http://www.ponzanoveneto.com/bopimages/bannerPVC4.jpg);
background-repeat:no-repeat;
}
/* ---- the content style holds the two main columns together */

#content {
	margin: 0;
}

/* about_site is the holder for your introduction. This can be safely removed */

#about_site {
	float: left;
margin-left:11px;
	width: 483px;
	color: #333;
	text-align: left;
	padding-top: 10px;
	line-height: 165%;
}

/* blog is the right hand column where your entries and main content appear */

#blog {
	float: left;
margin-left: 11px; /* 11ORI */
	width: 533px; /* 483 ORI */
	margin-bottom: 10px;
	color: #333;
	text-align: left;
	padding-top: 10px;
	line-height: 165%;
	border: 0px solid #CCC;
}

/* sidebar is the left column where all the links and secondary info show up */

#sidebar {
	float: left;
width:190px; /* 250 ORI 3 places */
	color: #333;
	text-align: left;
margin-top:15px;
margin-bottom:15px; 
	background-image: url(http://www.ponzanoveneto.com/bopimages/artsciside.jpg);
background-repeat:x;
border: 0px solid #CCC;
}

.sideback {
width:190px; /*250 ORI */
height:9px;
	background-image: url(http://www.ponzanoveneto.com/bopimages/.jpg);
background-repeat:no-repeat;
}

.sidebase {
width:190px;  /*250  3 PLACES to change*/
height:11px;
	background-image: url(http://www.ponzanoveneto.com/bopimages/.jpg);
background-repeat:no-repeat;
}

/* the footer, containing credits, rss links etc */

#footer {
height:100px;
	margin-top: 15px;
	padding: 15px 10px 12px;
	background: transparent;
text-align:right;
	color: #999;
}

/* the main class keeps blog content away from the edges. Could have been done with padding in the blog class, but that could cause some woes with older browsers */

.main {
background-image:url(http://www.ponzanoveneto.com/bopimages/.jpg);
background-repeat:y;
padding-bottom:5px;
}

.lines {
margin-left:5px;
margin-right:5px;
padding-left:5px;
padding-right:5px;
line-height:177%;
background-image: url(http://www.ponzanoveneto.com/bopimages/.gif);
background-repeat:repeat-y;
}

.posted {
margin-bottom:-6px;
color: #666;
line-height: 135%; /*165ori */
padding: 3px 0 15px 10px; /* down 0 bottom left */
background-image:url(http://www.ponzanoveneto.com/bopimages/.jpg); 
background-repeat:no-repeat;
} 


.mock_posted {
height:13px;
margin-bottom:-4px;
background-image:url(http://www.ponzanoveneto.com/bopimages/.jpg);
background-repeat:no-repeat;
}

.paginate {
clear:both;
	margin: 10px 0px 10px 0px;
	padding: 3px 0 15px 10px;
	background-image: url(http://www.ponzanoveneto.com/bopimages/.jpg);
background-repeat:no-repeat;
color:#333;
}

.doorframe {
height:105px;
margin:5px 0 5px 0;
}


/* Comments classes. commbox and commboxalt are used in the switch conditional on the comments page */

.comments {
	font-weight: bold;
	background: transparent;
	color: #E78818;
}
.commbox {
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}
.commbox2 {
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}
.commboxalt {
	background: #FAF6F7;
	border: 1px solid #CCC;
	padding-left: 7px;
	padding-right: 7px;
	margin: 0 10px 7px 10px;
}

/* Dont ask. Just don't delete this spacer class */

.spacer {
	clear: both;
}

.icon {
	float: left; 
	position:relative;
	width: 40px;
height:32px;
	border: 0px solid #CCCC99;
padding: 1px;
	background-color:transparent;
      }

/* CALENDAR CSS. Built by Simon Collison www.collylogic.com 2004 at Agenzia www.agenzia.co.uk. Look for the comments to work out what does what */

.calback {
width:206px;
height:181px;
margin:10px 0 0px 0px;
padding:9px;
background-image: url(http://www.ponzanoveneto.com/bopimages/.jpg);
background-repeat:no-repeat;
}

.calicon {
	float: left; 
	position:relative;
	width: 35px; 
height:32px;
	border: 0px solid #CCCC99;
padding-left:8px;
padding-top:13px;
 font-weight: bold; 
background:url(http://www.ponzanoveneto.com/bopimages/.gif) no-repeat;
      }

.caliconsidebar {
	float: left; 
	position:relative;
	width: 35px; 
height:32px;
	border: 0px solid #CCCC99;
margin-left:10px;
padding-left:8px;
padding-top:13px;
 font-weight: bold; 
background:url(http://www.ponzanoveneto.com/bopimages/.gif) no-repeat;
      }

.calendarBG {background-color:transparent;}

.calendarBlank { 
 background-color: #FFFFFF;
}

.calendarHeader { 
 font-weight: bold; 
 color: #000000; 
 text-align: center;
 background-color: #FFFFFF; 
}

.calendarMonthLinks {
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #000000;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #000000;
 text-decoration:underline;
}
  
.calendarMonthLinks a:visited {
 color:             #000000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 color: #666; 
 background-color:#FFF; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
background: #FFC;
}

.calendarCell {
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a:link {
 color:             #000;
 text-decoration:  none;
width:20px;
height:16px;
padding-left:4px;
padding-right:5px;
padding-bottom:3px;
background:transparent url(http://www.ponzanoveneto.com/bopimages/circl.gif) no-repeat;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:none;
width:20px;
height:16px;
padding-left:4px;
padding-right:5px;
padding-bottom:3px;
background:transparent url(http://www.ponzanoveneto.com/bopimages/circl.gif) no-repeat;
}

.calendarCell a:hover {
 color:             #CCC;
 text-decoration:   none;
width:20px;
height:16px;
padding-left:4px;
padding-right:5px;
padding-bottom:3px;
background:transparent url(http://www.ponzanoveneto.com/bopimages/circl.gif) no-repeat;
}

/* FORM AND MISCELLANEOUS CSS. Built by Simon Collison www.collylogic.com 2004 at Agenzia www.agenzia.co.uk. Look for the comments to work out what does what */

/* Some form styling. Not much though */

th {text-align:left;}

.submitbox { 
width:92%;
margin : 4px 1em 4px 0; 
padding : 1em; 
border : 1px solid #CCC6C6; 
background:#FFF;
}

/* all forms are housed in this style, but not the submit buttons */

fieldset { 
width:92%;
margin : 10px 1em 0 0; 
padding : 1em; 
border : 1px solid #CCC6C6; 
background:#FFF;
}

/* the legend label for forms that sits on the fieldset border */

legend { 
font-weight : bold;
font-size:10px;
color : #666;
border:1px solid #CCC6C6;
margin : 0;
margin-top:5px; 
padding :2px 9px 3px 9px;
}

/* hidden label of form fields, set to display block to avoid need for break tags on form labels. change margin and font details only */

label { 
display : block;
margin-top:7px;
font-weight:bold;
font-size:10px;
}

/* colour of required indicators and important form messages */

.alert {
 color:#FF0000;
 font-weight:bold;
font-size:16px;
padding-top:4px;
}

.highlight {
 color:#FF0000;
 font-weight:normal;
font-size:10px;
}

input.submit {
	border: 0;
	margin-bottom: -6px;
	background: transparent;
	color: #333;
	font-size: 10px;
}
.spacer {
clear:both;
height:0;
}


#extLink1 {margin-left:0px;}

#extText1 {margin-left:0px;}

/* For use with the acronym plugin. Creates a question mark, italic text and underline on acronyms */
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
#playlist, #playlist_alt {margin-top:4px;}
    #playlist tbody tr.even td, #playlist_alt tbody tr.even td {
border-top:1px solid #CCC;
font: 10px "Lucida Grande",Verdana;
padding:5px 0 5px 5px;
    }
    #playlist tbody tr.odd  td, #playlist_alt tbody tr.odd  td {
background:#F6F8D8;
border-top:1px solid #CCC;
font: 10px "Lucida Grande",Verdana;
padding:5px 0 5px 5px;
    }
    #playlist tbody tr.head  th, #playlist_alt tbody tr.head  th {
background:#D6EDF2;
border-top:1px solid #CCC;
font: 10px "Lucida Grande",Verdana;
padding:5px 0 5px 5px;
    }
    
    /*---MY XTRAS MAIN PAGE CONTENT ---*/

ul, ol {
	font-size: 11px;
	line-height: 14px;
	margin-top: 0;
	margin-bottom: 15px;
}


asis {
	color: #363;
	font-family: monaco, 'courier new', courier, sans-serif;
}
.subtitle {
     font-family: geneva, tahoma, verdana, helvetica, arial, sans-serif;
	 font-size: 11px;
	 line-height: 12px;
	 margin-top: 0;
}

.sotofoto {
	font-family: geneva, tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 9px;
	line-height: 9px;
	color: #666;
	margin-top: -20px; /*0px*/
	text-align: left; 
	margin-bottom: 10px; /*40*/
	padding-bottom: 10px;
	padding-top: -20px;
	padding-left: 10px;
}
.sotofoto ul {
	font-family: geneva, tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 9px;
	line-height: 11px;
	color: #666;
	margin-top: 0px; /*0px*/
	text-align: left; 
	padding-top: -20px;
	padding-left: 10px;
}
.sotofotoleft {
float:left;
	font-family: geneva, tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 9px;
	line-height: 9px;
	color: #666;
	margin-top: -20px; /*0px*/
	text-align: left;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-top: 20px;
	padding-left: 5px;
	 /*border: solid #999 1px;*/
	  padding-right: 5px;  /* use to align text with the main text*/
}

.sotofotoright {
   float:right;
	font-family: geneva, tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 9px;
	line-height: 9px;
	color: #666;
	margin-top: -20px; /*0px*/
	text-align: left;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-align: right;
	padding-top: 20px;
	padding-left: 5px;
	 /*border: solid #999 1px;*/
	  padding-right: 5px;  /* use to align text with the main text*/
}

.indent, blockquote {
     font-family: georgia, "helvetica", arial, sans-serif;
     font-size: 12px;
     padding: 12px;
     margin: 5px;
     padding-top: 20px;
	 padding-bottom: 7px;
     margin-left: 20px;
     margin-bottom: 20px;
	 margin-right: 50px;
     color: #222; 
     border-top: solid #999 1px;
     border-bottom: solid #999 1px;
     background: #f6f6f6;
     line-height: 16px;
}

.indent p {
        margin-bottom: 10px;
        margin-top: 0px;
}


 .imgindent, blockquote {
        font-family: georgia, 'helvetica, arial', sans-serif;
        font-size: 12px;
        padding: 12px;
        margin: 5px;
        padding-top: 20px;
	    padding-bottom: 7px;
        margin-left: 20px;
        margin-bottom: 20px;
	    margin-right: 50px;
        color: #222; 
        border-top: solid #999 1px;
        border-bottom: solid #999 1px;
        background: #f6f6f6; /* ffe  new; #f6f6f6 mine #edd */
        /* try it */
        background-image: url("velo_grey.jpg");
	    background-color: #f6f6f6;
	    background-position: 96% 99%;
	    background-repeat: no-repeat;
        /* end try */
        line-height: 16px;
}

 .imgindent p {
        margin-bottom: 10px;
        margin-top: 0px;
}

.note, blockquote {
     font-family: georgia, "helvetica", arial, sans-serif;
     font-size: 11px;
     padding: 8px;
     margin: 5px;
     padding-top: 10px;
	 padding-bottom: 7px;   
     margin-left: 10px;
     margin-bottom: 0px; /*20*/
	 margin-right: 50px;
     color: #222; 
     border-top: solid #999 1px;
     border-bottom: solid #999 1px;
     background: #f6f6f6;
     line-height: 14px;
}

.note p {
        margin-bottom: 0px; /*10*/
        margin-top: 0px;
}

/*use for special indented text in ieri weblog */
.quote, blockquote {
     font-family: georgia, "helvetica", arial, sans-serif;
     font-size: 12px;
     padding: 8px;
     margin: 5px;
     padding-top: 10px;
	 padding-bottom: 7px;   
     margin-left: 20px;
     margin-bottom: 0px; /*20*/
	 margin-right: 30px;
     color: #676767; /*999*/
     line-height: 14px;
    /* background: #f9f9f9;*/
}

.quote p {
        margin-bottom: 0px; /*10*/
        margin-top: 0px;

/*---  LEFT SIDE BAR FOR ROTATOR & quotes from old webblog.css ---*/
#menu {
background-color: #fff;
    margin-top: 20px;	
    font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #333;
    width: 140px; /* width of bar area */
    float: left;
    font: 11px/12px Lucida Grande, Verdana, Sans-serif;
    text-align: left;
  padding-bottom: 20px; /*30*/
  border-left: 1px dashed #ccc; 
/* border: 1px dashed #ccc; */
  margin-bottom: 20px; /*50*/
 
}

*--- Dotted line between menu items in sidebar ---*/
.menuSpacerdot {
	border-bottom: 1px dotted #326375;
	margin-bottom: 15px;
 width: 183px;
}

/*---Un-Dotted line between menu items in sidebar ---*/

.menuSpacer {
        margin-bottom: 15px;
}
/*------------------------------------- */

/*--- Dotted line between menu items in sidebar ---*/

.menuSpacer {
 /*margin-left: 72px;
 margin-right: 72px; */
 /* border-bottom: 1px dotted #999; */
 margin-bottom: 15px; 
 text-align: right;
}
/* for exra on right---*/
#rightNav {
	position: absolute;
	top: 244px;
	margin: 0 0 0 756px;
	width: 149px;
	background: url(/img/navtop2.gif) top left no-repeat;
	min-height: 370px;
	}

#rightNav p {
	font-size: .71em;
	padding: 0 1.4em 0 0;
	}
#rightNav p {
	padding: 0 0 0 1.4em;
	}

/* ---- */

img.ad {
	border: 1px solid #3D362A;
	padding: 2px;
	margin: 1em 0 0 1em;
	}
img.ad:hover {
	background-color:#000;
	}

#rightNav h4 {
	font-size: .71em;
	margin-bottom: 0px;
	border-color: #2C261C;
	border-width: 0 0 1px 0;
	border-style: solid;
	text-align: center;
	color: #514A40;
	}
#rightNav p {
	padding-bottom:1em;
	}

#rightNav ul {
	margin: 0;
	float: left;
	width: 194px !important;
	/* hack for IE */
	padding: 0px 0 21px !important;
	padding-left: 7px;
	/* hack for IE */
	/*padding: 13px 0 0 7px;*/
	font-size: .71em;
	color: #1d1d1d;
	text-align: left;
}

#rightNav ul li {
	list-style: none;
	border-bottom: 1px dotted #14110A;
	}

#rightNav a:link, #rightNav a:active, #rightNav a:visited {
	color: #CDC2A1;
	text-decoration: none;
	display: block;
	}

#rightNav a:hover {
	}

/* end right NAV from joynet blog---*/
/*---  from old pvc CATEGORIES ---*/
#cat {
	margin:  0; 
	padding: 10px; /* 0 */
}
	
#cat ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
	clear: right; /* left;*/
}

#cat ul li {
	display: block;
	text-align: right;
	padding: 0px;
	margin: 0px;
	text-indent: 15px; /*25*/
}
/*  DEE0D5 D5E0D0   E2E2E2 F0F3EE  FCFAFB*/
#cat ul li a {
	background: #FCFAFB /* url(/images/bullet_cat.gif)  right no-repeat; */
	width: 135px;
	height: 2em;
	border-top: 1px solid #EDEEE8;
	border-bottom: 1px solid #E2DFE1; /* E2DFE1 BCBEB1 */  
	padding:  0px 5px 80px 0px; /*pads the cat to the left/right */
	/* margin: 10px 0px 0px 0px; */
	margin: auto;
	color: #6F8282; /*text color*/
	text-decoration: none;
	display: block;
	text-align: left; /*  left; */
	letter-spacing: 1px;
	font: bold 0.9em/2em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
/*  98B390  4B6060  C3D0D0  E2DFE1 */
#cat ul li a:hover {
	color: #4B6060; /*4B6060; */
	background: #EAE8E9  /* url(/images/bullet_cat.gif) right no-repeat; */
	/* #98B390 E0E6E5 */
	border-top: 1px solid #ECF2F3;	
	border-bottom: 1px solid #9CADAD;
}

/*---  end from old pvc CATEGORIES ---*/
/*alistaprt ---*/
#colophon p {text-transform: uppercase; letter-spacing: 0.25em; text-align: right;
  width: 121px; margin: 0 auto; color: #666;}
#colophon img {background: #333;}
#colophon a:hover img {background: #555;}
#colophon p.init	{margin-bottom: 15px;}
#colophon .init {text-align: center;}

/* from sonspring.com/ */
.eelogo2 a
{
	background: url(/bopimages/ee_logo_pvc2.gif) no-repeat bottom left;
	height: 60px; /* 90 */
	display: block;
	width: 103px;    /* 103*/
	
}

.eelogo2 a:hover
{
	background-position: 0 0;
}

.eelogo2 span
{
	display: none;
}
/* end sonspring */

/* VEERLE COMMENTS see comments.css  */

/*   for images with shadows..thx to sergio                  */
/*    http://www.alistapart.com/articles/cssdropshadows/    */
.img-shadow {
float:left;
background: url(http://www.ponzanoveneto.com/bopimages/shadowAlpha.png) no-repeat bottom right !important;
background: url(http://www.ponzanoveneto.com/bopimages/shadow.gif) no-repeat bottom right;
margin: 10px 5px 0 5px !important;
margin: 10px 5px 0 1px; /* SECOND MOVEs TEXT TO THE RIGHT!!*/
}
.img-shadowright {
float:right;
background: url(http://www.ponzanoveneto.com/bopimages/shadowAlpha.png) no-repeat bottom right !important;
background: url(http://www.ponzanoveneto.com/bopimages/shadow.gif) no-repeat bottom right;
margin: 10px 5px 0 5px !important;
margin: 10px 5px 0 1px; /* SECOND MOVEs TEXT TO THE RIGHT!!*/
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 1px;
} 

 .spaced { 
padding: 0.2em;
margin-left: 0.25em;
/*margin: 0px 0px 0px 0px;*/
border: 1px solid #ddd;
/* margin: 4px 5px 6px 8px;
  background-color: #f9f9f9; */
}



/* does not work except in weblog section of new.css 
from http://www.kartooner.com */
.left-image {float:left;margin:0 1em 0 0;border:1px solid #eee;padding:.5em}
.right-image {float:right;margin:0 0 1em 1em;border:1px solid #eee;padding:.5em}


img {border:0}
p img { padding: 0; max-width: 100%; }

img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.centered { display: block; margin-left: auto; margin-right: auto; }

img {font-size:60%} 

/*anything that we want to sit on the right or left of the page and have the text float around it NOT just our images */
.right { float: right; }
.left { float: left; }

/* add a caption under the image */
.caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:90%; color: black }

/* eg of how to use: */
/* <div class="caption right"> */
/* <img src="/images/leaf.jpg" alt="leaf graphic" title="leaf graphic"> 
/*Red Leaf</div> */
/* clear the display */
/* <div style="clear:both;"></div> */

/* arc90 IMAG CAPTION   */
.arc90_imgcaptionTXT {
				font-size: .9em;
				color: #666;
				text-align: left;
			}
			p.arc90_imgcaptionALT {
				margin-top: 2px;
				margin-bottom: 6px; /*6 ori */
				font-size: .65em;
				text-align: right;
			}
			span.arc90_imgcaptionALT {
				padding: 2px;
				padding-left: 	px;
				padding-right: 4px;
				background: #888;
				color: #fff;
			}
			.arc90_imgcaption {
				text-align: center;
				border: 1px solid #DDD;
				padding: 1em;
				margin: 1em 0;
				width: 9em;
			}
			.floatl { float: left; margin-right: 1em; }
			.floatr { float: right; margin-left: 1em; }
/*Text Formatting in Captions
to add HTML to captions,  use single quotes and escape your less than and greater than signs. EG:
 ¥ This  trip to &lt;a href='http://www.bahamas.com/'&gt;the Bahamas&lt;/a&gt;.
 ¥ You may &lt;strong&gt;not&lt;/strong&gt; use this image without asking permission!*/
/*END arc 90 */

/* slideshow icant.uk. */
#slideshow.js {
	width:510px;
	border:1px solid #999;
	padding:5px;
	background:#fff;
	margin:0 0 10px 0;
	color:#000;
}
.slidenav {
	width:510px;
	border:1px solid #999;
	border-bottom:none;
	padding:5px;
	margin:1em 0 0 0;
	text-align:center;
	font-weight:bold;
	background:url(http://www.ponzanoveneto.com/images/parc/greygrad.gif) repeat-x #ccc;
	font-size:90%;
}
.slidenav a {
	text-decoration:none;
	color:#000;
}
.slidenav span{
	padding:0 1em;
	color:#000;
}
#slideshow.js img{
	display:block;
	margin:0 auto;
}
#slideshow.js li {
	display:none;
	padding:0;
}
#slideshow.js li.current {
	display:block;
} 

/* end slideshow */