/*
CSS for Interior Passage Web site
*/

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #ededed; 
  line-height: 125%;
  padding: 0;
  margin: 0
}



h1 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: x-large;
  color: black;
  margin: 0;
}

li {
  font-size: small;
  list-style-type: none;
}

h2 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: large;
  font-weight: normal;
}

p {
  font-size: small;
}

#tagline p {
  font-style: italic;
  font-family: Georgia, Times, serif;
  border-top: 4px solid #3063a5;
  margin: 0;
  padding-bottom: 10px;
}

a {
  font-weight:bold;
}

a:link {
  text-decoration: none;
  color: #3063a5;
}

a:visited {
  text-decoration: none;
  color: #996633;
}

a:hover {
  text-decoration: none;
  color: white;
  background-color: navy;
}

a:active {
  text-decoration: none;
  color: aqua;
  background-color: navy;
}

#writing {
  width: 70%;
  padding-top: 20px;
}

#navigation {
  width: 180px;
  height: 950px;
  border-right: 4px solid #3063a5;
}

#navigation, #bodycontent, #header {
  position: absolute;
}

#bodycontent {
  top: 75px;
  right: 20px;
}

#bodycontent {
  left: 200px;
}

#navtext {
  position: absolute;
  top: 350px;
}

#bronte {
  font-style: italic;
  font-family: Georgia, Times, serif;
  font-size: x-small;
  position: absolute;
  top: 59px;
  left: 20px;
  right: 17px;
}

#galleryphoto {
  padding-left: 50px;
  padding-top: 25px; 
}

.longcaption {
  color: #666666;
  font-family: Georgia, Times, serif;
  position: absolute;
  left: 700px;
  top: 390px;
  right: 30px;
  border-top: 1px solid gray;
}

.tallcaption {
  color: #666666;
  font-family: Georgia, Times, serif;
  position: absolute;
  left: 500px;
  top: 390px;
  right: 30px;
  border-top: 1px solid gray;
}

#footer-message {
  color: #666666;
  position: absolute;
  left: 600px;
  padding-top: 6px;
}
  
#artgallery {
  position: absolute;
  left: 80px;
  top: 80px;
  width: 500px;
  height: 470px;
  background: black;
 }

#artgallery p {
  padding: 5em;
}

.artcaption {
  color: white;
  position: relative;
  bottom: 107px;
  left: 80px;
}

#thumbnail {
  position: absolute;
  left: 710px;
}

.nudged {
  position: relative;
  left: 66px;
}

.nudgedwide {
  position: relative;
  left: 19px;
}

.voidcaption {
  color: white;
  position: relative;
  bottom: 107px;
  left: 110px;
}

.cloudcaption {
  color: white;
  position: relative;
  bottom: 107px;
  left: 100px;
}

.selfcaption {
  color: white;
  position: relative;
  bottom: 107px;
  left: 69px;
}

.standcaption {
  color: white;
  position: relative;
  bottom: 107px;
  left: 72px;
}

.artfooter {
  position: relative;
  top: 650px;
}

.bantrynudge {
  position: relative;
  left: 75px;
}

.feature {
  float: right;
  margin: 10px;
}

.albumphotoireland {
  position: relative;
  left: 65px;
  top: 35px;
}

.albumphotokafka {
  position: relative;
  left: 65px;
  top: 50px;
}

.ireland-albumcaption-top {
  position: absolute;
  left: 355px;
  top: 202px;
  color: #666666;
  font-style: italic;
  font-family: Georgia, Times, serif;
  font-size: small;
  border-bottom: 1px solid gray;
}

.ireland-albumcaption-bottom {
  position: absolute;
  left: 355px;
  top: 222px;
  color: #666666;
  font-style: italic;
  font-family: Georgia, Times, serif;
  font-size: small;
}

.prague-albumcaption-top {
  position: absolute;
  left: 355px;
  top: 402px;
  color: #666666;
  font-style: italic;
  font-family: Georgia, Times, serif;
  font-size: small;
  border-bottom: 1px solid gray;
}

.prague-albumcaption-bottom {
  position: absolute;
  left: 355px;
  top: 422px;
  color: #666666;
  font-style: italic;
  font-family: Georgia, Times, serif;
  font-size: small;
}

.leftfloat {
  float: left;
  margin: 10px;
}

.endnote {
  font-size: x-small;
}