/*
screen.css - www.angelopaionni.it page stylesheet by Simon Griffee, http://hypertexthero.com
2009-09-12-11:59:13
*/

/* =reset 
---------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

p.ruler {clear:both; height:0; width:0; border:none; margin:0; padding:0; text-indent:-2000em;} /* hidden ruler to clear the floats above and at the same time provide a ruler divider for the header visible when CSS is off for older browsers */

.small {font-size:0.8em;}
.floatright {float:right; margin:0 0 1em 1em;}

body {
	background: #fff;
	font-family: georgia, serif;
	font-size: 80%;
	margin-bottom: 1.5em;
	padding:20px;
	margin-bottom:240px;
	}

img {margin-bottom:0.25em;}

a:link, a:visited {
	color: #930;
	text-decoration:underline;
/*  border-bottom:1px solid #ccc;*/
    }

a:hover {
	color: #000;
  background-color: #eee;
  text-decoration: none;
    }

a:active {
	color: #000;
  outline:none;
	}
a:focus {outline:1px dotted #eee;}

div#gallery a, div#slideshow a {border:none;}
div#gallery a:hover, div#slideshow a:hover {background:none;}
h1 {
	line-height: 1.4em;
/*  font-weight:bold;*/
	font-size: 135%;
	margin:0 0 0.5em;
	color:#111;
	}
h1#logo {margin:0; letter-spacing:0.1em;}
h1#logo a {text-decoration:none;}
h2 {
	line-height: 1.4em;
	font-size: 135%;
/*    font-style:italic;*/
	margin: 1em 0 0.5em;
	letter-spacing:1px;
	color:#444;
	}

p {
	line-height: 1.4em;
	margin-bottom: 0.8em;
	font-size: 100%;
	}

ul#navigation ul {margin-bottom:1em; text-transform:capitalize;}
a.colophon {color:#999; font-size:80%; border:none;}
a.colophon:hover {color:#666; background:none;}
/*ul#navigation li ul li {margin-bottom:inherit;}*/
ul#navigation li strong {text-transform:uppercase; font-size:80%; line-height:1em; letter-spacing:0.2em; font-weight:normal; color:#888;}
ul#navigation li span, ul#navigation li.here a {color:#555; font-style:italic; text-decoration:none;}
ul#navigation li a {text-decoration:none;}
div#page ul {margin-bottom:1em;}	
li {
    font-size: 100%;
    line-height: 1.4em;
    list-style: none;
    }
.quiet {color:#aaa;}
em {font-style:italic;}
strong {font-style:bold;}
blockquote {padding-left:1em; border-left:1px solid #ddd; margin-bottom:1em;}

p.biocontact {position:absolute; top:0; right:0;}

div#container {
    margin:2em auto 2em 0px;
/*    background:#eee;*/
    }
    
/* =header 
---------------------------------------- */

div#header {
    position: relative;
    float: left;
    width: 200px;
    text-align:right;
    }
div#header a {border:none;}

/* =page 
---------------------------------------- */
div#page {
    margin:0 0 0 240px;
/*    background:#ccc;*/
height:1%;
width:450px;
overflow:visible;
    }

/* =footer 
---------------------------------------- */
    
div#footer {
	margin-left: 240px;
    padding-top:1em;
    font-size:90%;
    color:#999 !important;
    }
div#footer a {text-decoration:none;}

/* =gallery
---------------------------------------- */
div#gallery {margin:0 0 0.25em; border:none; float:left;}

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
}


div#slideshow img {padding:1.8em 0 0 0;}
p.caption {font-size:85%; color:#999; /*padding-left:0.25em;*/ margin:0 0 2em; text-align:right !important;}

div#cap p {margin:0 0 2em;}

div.controls {line-height:1em; margin:0 0 10px;}
div.controls a {
    padding: 5px;
    font-size:85%;
    line-height:2.65em;
    text-decoration:none !important;
    color:#999 !important;
/*    border:1px solid #eee !important; border-top:0 !important; border-left:0 !important;*/
}
div.controls a:hover {background:#eee !important;}

div.ss-controls {
    float: left;
}

/*div.nav-controls {float: left;}*/
/*div.ss-controls a, div.nav-controls a {border:none;}*/

div.pagination {clear:both; padding:0; font-size:90%; line-height:1em;}
div.pagination a, div.pagination span.current {display:inline-block; padding:3px 6px; margin-left:1px; text-decoration:none !important; color:#999 !important;} /*border:1px solid #eee; border-top:0; border-left:0; */
div.pagination span.current {background:none; border:none; color:#555 !important;}

div#thumbs-min {position:absolute; top:16em; left:45px; width:200px;}

#thumbs-min ul.thumbs {/*float:right; */padding:10px 0;}

#thumbs-min ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0 0 6px 6px;
	list-style: none;
	height:80px;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #444;
	border:none;
}