/*Style Sheet for Passionate Observers*/

/*Body*/

body {color: #010d65;
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 70%;
background-image: url(../images/1655_Jan_van_Kessell_background_gn.jpg);
background-repeat: repeat;
margin: 0em;
padding: 0em;}

/*Links*/

/*Fix firefox bug:*/

a {outline: none;}

a:link {color: #006600;
text-decoration: underline;}

a:visited {color: #006600;
text-decoration: underline;}

a:hover, a:active {color: #990000;
text-decoration: underline;}

.center {text-align: center;}

.indent {margin-left: 4em;
margin-right: 2em;}

img {border: none;
clip: auto;
overflow: visible;}

img.left {float: left;
margin-right: 10px;}

img.right {float: right;
margin-left: 5px;}

/*Invisible to IE*/

html>body img.left {margin-bottom: 10px;}

html>body img.right {margin-bottom: 10px;}

.background {z-index: -1;
position: absolute;}

.foreground {z-index: +1;
position: absolute;}

/*Side Bars*/

a.sidebar:link, a.sidebar:visited {color: #006600;
text-decoration: underline;}

a.sidebar:hover, a.sidebar:active {color: #ffffff;
background-color: #006600;
text-decoration: underline;}

a.h5:link, a.h5:visited {color: #660000;
text-decoration: underline;}

a.h5:hover, a.h5:active {color: #ffffff;
background-color: #006600;
text-decoration: underline;}

/*Headings*/

h1 {font-size: 110%;
font-weight: bold;
color: #660000;
margin-bottom: 0em;
margin-top: 0em;
clear: both;}

h2 {font-size: 100%;
font-weight: bold;
color: #006600;
clear: both;}

h3 {font-size: 100%;
font-weight: bold;
color: #660000;
clear: both;}

h4 {font-size: 110%;
font-weight: bold;
color: #660000;
margin-bottom: 0em;
margin-top: 0em;
clear: both;}

h5 {color: #660000;
font-size: 100%;
font-weight: bold;}

h6 {font-size: 100%;
font-weight: bold;}

/*Page Layout*/

div#container {width: 1050px;}

/*Invisible to IE*/

html>body div#container {width: 1030px;}

/*Header*/

div#header {margin: 0.5em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
clear: left;}

.headerimage {float: left;
margin-top: -5px;}

.headerlogo {margin-top: 15px;
margin-left: 10px;
margin-bottom: 35px;}

p.theme {color: #8b008b;
font-style: italic;
margin-bottom: 5px;
margin-left: 85px;
margin-top: -35px;}

img.rightimage {clear: right;
float: right;
margin-right: 50px;
display: inline;}

/*Navbar*/

div#navbar {padding: 8px;
width: 140px;
float: left;
margin-bottom: 10px;
margin-top: 0px;
overflow: hidden;}

/*Invisible to IE*/

html>body div#navbar {width: 132px;}

#navbar h4 {margin-bottom: 0.5em;}

#navbar h5 {margin-top: 0.3em;
margin-bottom: 0em;
margin-right: 0em;
margin-left: 0em;}

#navbar ul {padding: 0.1em;
margin-bottom: 0em;
margin-left: 0.5em;
margin-top: 0em;
line-height: 1.3;}

#navbar ul li {list-style-type: none;
margin: 0em;
padding: 0.1em;}

/*Links Bar*/

div#links {padding: 8px;
width: 140px;
float: left;
margin-top: 0px;
margin-bottom: 1em;
overflow: hidden;}

/*Invisible to IE*/

html>body div#links {width: 132px;}

#links h4 {margin-bottom: 0.5em;}

#links h5 {margin-top: 0.3em;
margin-bottom: 0em;
margin-left: 0em;
margin-right: 0em;}

#links ul {padding: 0.1em;
margin-bottom: 0em;
margin-left: 0.5em;
margin-top: 0em;
line-height: 1.3;}

#links ul li {list-style-type: none;
margin: 0em;
padding: 0.1em;}

#links img.linksimage {
position: absolute;
bottom: 10px;}

/*Main Content*/

div#maincontent {padding: 8px;
margin-top: 0px;
float: left;
width: 716px;
background-color: #ffffff;}

/*Invisible to IE*/

html>body div#maincontent {width: 716px;}

#maincontent p {margin-top: 0.6em;}

/*Footer*/

div#footer {clear: both;
margin: 0.5em;
margin-top: 1em;
padding-bottom: 1em;
color: #666666;
background-image: url(../images/po_footer_bkgd.jpg);
background-repeat: no-repeat;
width: 1050px;
height: 173px;
padding-top: 1em;}

.saygday {margin-top: 0.2em;
text-align: center;
clear: right;}

.topofpage {float: right;
margin-right: 30px;
margin-top: -2.3em;}

/*Extract from ExhibitPlus V1.3 01.05.2004. Author: Mark Fyvie. Official site: http://www.fyvie.net/photos/info_exhibitplus.html*/

p.indent {margin-left: 30pt;}

/* Used to setup the main page structure with borders on the left and right */

#centercontent {margin-left: 0px;
margin-right: 0px;}

/* Styles assosicated with index pages */

/*Index of folders*/

div.folderthumbDescription {clear: left;
padding-top: 10px;}

div.folderThumb {float: left;
margin-right: 10px;}

img.thumbFolder {}

div.folderdataDescription {}

p.folderData {margin-top: 0px;}

p.folderDescription {margin-top: 10px;}

/*indexes of photos*/

#indexframe {width: 99%;
padding: 4px;
border: 0px;
/* Netscape 4.x friendly */}

.indexbutton {float: left;
margin-top: 10px;
margin-bottom: 10px;}

h4.indexTitle {color: #660000;
font-weight: bold;
font-size: 100%;
margin-top: 0em;
margin-bottom: 0em;}

p.indexDescription {margin-top: 0.6em;}

.indexselection {position: relative;
top: 10px;
bottom: 10px;
margin-bottom: 20px;}

.dropdownindexlist {vertical-align: middle;}

.indexbuttons {vertical-align: middle;}

.indexnumber {vertical-align: middle;}

.folderData {}

.folderDescription {margin-top: 10px;}

.folderNavigation {position: relative;}

.folderNavigation a {color: #006600;
text-decoration: underline;}

.folderNavigation a:link {color: #006600;
text-decoration: underline;}

.folderNavigation a:visited {color: #006600;
text-decoration: underline;}

.folderNavigation a:hover {text-decoration: underline;
color: #ffffff;
background-color: #006600;}

/* Used to allow captions under the thumbnails, while at the same time preserving the "free flow" nature of thumbs when the browser is resized */

.float {float: left;}

.float p {text-align: center;
margin: 0px 10px 2px 10px;}

.float p.thumbComment {}

a.thumbName:link, a.thumbName:visited {color: #000099;
text-decoration: underline;}

a.thumbName:hover, a.thumbName:active {color: #990000;
text-decoration: underline;}

div.nextindexPage {text-align: right;}

.nextindexpageText {vertical-align: middle;}

.nextindexpageButton {vertical-align: middle;}

div.clearindexFrame {clear: both;
margin-bottom: 10px;}

/*Styles for indexes of thumbnails*/

div.tEl2clearleft {clear: left;}

div.tEl2rowwidth {width: 700px;}

div.tEl3style {float: left;
min-width: 168px;
width: 160px;}

/* Styles assosciated with slide pages */

#frame {position: relative;
margin: 5px 20px 5px 0px;
text-align: center;
border: 0px;
/* Netscape 4.x friendly */}

.minithumbCurrent {border: 4px #de9773 solid;
padding: 0px;}

.minithumb {padding: 4px;}

div.minithumbBox {margin-bottom: 10px;
margin-top: 10px;
float: left;}

div.buttons {float: right;
margin-top: 35px;}

h4.photoTitle {clear: both;
position: relative;
top: 10px;
left: 10px;
font-size: 100%;
color: #660000;}

span.photoName {color: #660000;
font-weight: bold;
font-size: 100%;}

span.photoNumber {color: #660000;
font-weight: normal;
font-size: 80%;}

h2.photoComments {font-weight: normal;
margin-left: 10px;
font-size: 100%;}

img.slideImage {margin: 10px;}

.slideFrameButtons {width: 350px;
position: relative;
margin-top: 0px;
margin-bottom: 0px;}

p.copyright {margin-top: 0.5em;
margin-left: 10px;
font-size: 70%;}