/*
	basic site-wide (nearly) stuff
*/

// html {margin:0; padding:0; width:100%; height:100%; color:#fe86aa; background-color:#8297e8}
body {font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
a {color:#fe86aa}
a:visited {color:#fe86aa !important}
a:hover {color:#8297e8 !important}
h1, h2, h3, h4, h5 {margin:0; padding:0; font-weight:normal;}
h1 {font:italic 30px Times;}
h2 {font:20px Times;}

a:visited {color:#fe86aa !important}
a:hover {color:#8297e8 !important}

#main {padding:2em 0px 0px 0px; margin:0 5em; height:100%;}
p {margin-top:1em; margin-bottom:0px; text-align:justify}
li {list-style-type:none;}
#main {margin:0;}
// #main {position:absolute; width:100%; margin:0; padding:0; height:100%; background: url(img/back01b.gif); }
#main {position:absolute; width:100%; margin:0; padding:0; height:100%; background: url(/img/back/backs32.jpg); }

#gallery #main {height:auto; min-height:100%; margin-bottom:1em;}

#gallery #branding {display:none;} /* this div exists solely to pack pngs into in IE <7. */

/* album page layout */
#gallery.albumpage {height:100%;}
#gallery.albumpage #pageflipper,
#gallery.albumpage #breadcrumbs {margin-right:1em; margin-bottom:1em; clear:right}
#gallery.albumpage #pageflipper a {min-width:5em; display:block; position:relative; z-index:3;} /* relative and z-index makes sure firefox puts the page links over the titles. */
#gallery.albumpage #pageflipper a:hover {font-style:italic; margin-right:1em; margin-left:-1em; color:#f00}
/* if i specify this :hover:before stuff as #gallery.albumpage then safari ignores it. */

/* xf ampiezza cornice immagini anteprime */
// #gallery #thumbnails {text-align:center; margin:0px auto; padding:0 400px 0 0; width:720px;}
#gallery #thumbnails {text-align:center; left:50px; padding:0 400px 0 0; width:700px;}

#gallery #thumbnails img {border:3px solid; float:none; margin:0px -1px;}
#gallery #thumbnails a:visited img { padding:1px}
#gallery #thumbnails li {margin:0; padding:0; display:inline;}
#gallery #thumbnails h1 {font-size:small; font-family:inherit; font-weight:bold; font-style: normal; text-align:left;}
#gallery #thumbnails {position:relative;}

/* xf posizione testo anteprime */
#gallery #thumbnails .metadata {display:inline; width:100px; height:0; z-index:1; position:absolute; left:0; margin:35px 0 0 560px; white-space:nowrap; overflow:visible;}
#gallery #thumbnails li:hover .metadata {display:inline}

/* xf testo per le anteprime */
#gallery #thumbnails .metadata h1 {display:inline; color: #fe86aa; font-size: 24px; font-weight: bold; }
#gallery #thumbnails .metadata h1 i {display:inline; color: #8297e8; font-size: 20px; }

/* Individual album branding */
// #gallery.Illustration {background:transparent url(/images/bg-illustration.png) 95% 100% no-repeat;}

/*
    // border: 1px solid #000000; position: relative; margin-top: 0px; background:transparent url(headback.png); border-top: 1px solid #cc6666; border-left: 1px solid #cc6666; border-right: 1px solid #cc6666; border-bottom: 1px solid #cc6666; padding: 3px 0px 10px 5px; z-index: +2; width: 455px; left: 160px; font-size: 16px; font-weight: bold; text-align: center; }    
*/
#navBox {
    position: relative; margin-top: 0px; background:transparent url(headback.png) repeat-x; padding: 3px 0px 0px 5px; z-index: +1; 
    left: 0px; font-size: 16px; font-weight: bold; text-align: center; height: 45px; }    

#yearBox {
	padding: 6px 0px 0px 20px; font-weight: bold; color: #ffcccc; font-size: 28px; background:transparent url(yearback.png) no-repeat; height: 45px; 
}

#pin1 { font-size: 18px; font-weight: bold; }
#pin1 img { vertical-align:middle; }
#pin2 { font-size: 18px; font-weight: bold;  }
#pin2 img { vertical-align:middle; }
#pin3 { font-size: 18px; font-weight: bold;  }
#pin3 img { vertical-align:middle; }
#pin4 { font-size: 18px; font-weight: bold;  }
#pin4 img { vertical-align:middle; }
#pin5 { font-size: 18px; font-weight: bold;  }
#pin5 img { vertical-align:middle; }