﻿/*
CSS for Gwen Laine site
*/

body {
  background-color: #fbfbf6;
  padding: 0;
  margin: 0;
}

h1 {
  font-family: Papyrus, Maiandra, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #b68671;
  font-size: 500%;
  padding-top: .1em;
  padding-bottom: .05em;
  padding-left:  .5em;
  margin: 0;
}

h2 {
font-family: Papyrus, Maiandra, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #745548;
  font-size: 175%;
  padding-top: .1em;
  padding-bottom: .05em;
  padding-left:  .5em;
  margin: 0;
}

h3 {
font-family: Papyrus, Maiandra, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #745548;
  font-size: 120%;
  padding-top: .1em;
  padding-bottom: .05em;
  padding-left:  .5em;
  margin: 0;
}

h4 {
font-family: Adelon-Light, Maiandra, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #745548;
  font-size: 100%;
  padding-top: .1em;
  padding-bottom: .05em;
  padding-left:  .5em;
  margin: 0;
}

h5 {
font-family: Adelon-Light, Maiandra, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #745548;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
  padding-top: .1em;
  padding-bottom: .05em;
  padding-left:  .5em;
  margin: 0;
}
a {
  text-decoration: none;
}

h6 {
font-family: Adelon-Light, Maiandra, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #745548;
  font-size: 90%;
  font-weight: normal;
}

#homeinstallheader, #homeconstructheader, #homephotosheader {
font-family: Adelon-Light, Maiandra, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #745548;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
  padding-top: .1em;
  padding-bottom: .05em;
  padding-left:  .5em;
  margin: 0;
}

#homeinstallheader a:link {
  color: #745548;
  text-decoration: none;
}

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

#homeinstallheader a:hover {
  color: #9a737a;
  text-decoration: none;
}

#homeinstallheader a:active {
  color: #745548;
}

#homeconstructheader a:link {
  color: #745548;
  text-decoration: none;
}

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

#homeconstructheader a:hover {
  color: #9a737a;
  text-decoration: none;
}

#homeconstructheader a:active {
  color: #745548;
}

#homephotosheader a:link {
  color: #745548;
  text-decoration: none;
}

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

#homephotosheader a:hover {
  color: #9a737a;
  text-decoration: none;
}

#homephotosheader a:active {
  color: #745548;
}

#statementtext, #biography, #beyondmeasuretext {
  font-family: Adelon-Light, Maiandra, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #745548;
  font-size: 100%;
  margin-right: 100px;
}

#resumetable {
  font-family: Adelon-Light, Maiandra, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #745548;
  font-size: 90%;
}

#installationstatementnav {
  font-size: 100%;
  font-weight: bold;
  font-family: Adelon-Light, Maiandra, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #745548;
  text-decoration: none;
}

#installationstatementnav ul {
  list-style: none;
  text-decoration: none;
}

#installationstatementnav a:link {
  color: #745548;
  text-decoration: none;
}

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

#installationstatementnav a:hover {
  color: #9a737a;
  text-decoration: none;
}

#installationstatementnav a:active {
  color: #745548;
}

#prevnextnav {
  font-size: 100%;
  font-family: Berlin Sans FB, Maiandra, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #745548;
  text-decoration: none;
}

#prevnextnav ul {
  list-style: none;
  text-decoration: none;
}

#prevnextnav a:link {
  color: #745548;
  text-decoration: none;
}

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

#prevnextnav a:hover {
  color: #9a737a;
  text-decoration: none;
}

#prevnextnav a:active {
  color: #745548;
}

#gwen {
  font-size: 80%;
  font-family: Berlin Sans FB, Maiandra, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #745548;
  text-decoration: none;
}

#gwen ul {
  list-style: none;
}

#gwen li{
  display: inline;
  margin: 5px;
}

#gwen a:link {
  color: #745548;
  text-decoration: none;
}

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

#gwen a:hover {
  color: #b58671;
  text-decoration: none;
}

#gwen a:active {
  color: #745548;
}

.thumbnails img {
  border: 3px solid #211815;
}

.passingthroughimages img {
  border: 3px solid #533d33;
}

.silentoriginIIIimages img {
  border: 3px solid #533d33;
}

.photographsimages img {
  border: 3px solid #110c0A;
}

.firstinitial {
  font-family: Papyrus;
  font-size: 700%;
  color: #846152;
  padding: 0;
  margin: 0;
}

.nextletters {
  font-family: Papyrus;
  font-size: 400%;
  color: #846152;
  padding: 0;
  margin: 0;
}

.lastinitial {
  font-family: Papyrus;
  font-size: 800%;
  color: #846152;
  padding: 0;
  margin: 0;
}

.lastletters {
  font-family: Papyrus;
  font-size: 500%;
  color: #846152;
  padding: 0;
  margin: 0;
}

td {
  padding: 0.3em;
  padding-right: 10px;
}

#form fieldset {
  margin: 1.5em 0 0 0;
  border: 3px solid #745548;
  padding: 30px;
  position: absolute;
  margin-top: 200px;
  margin-left: 150px;
  background-color: b58671;
}

#form legend {
  font-family: Papyrus;
  font-weight: bold;
  font-size: 175%;
  color: #846152;
  padding: 5px;
}
#form label {
  font-family: Adelon-Light;
  font-size: 100%;
  color: #745548;
}
#form label.fixedwidth {
  display: block;
  width: 240px;
  float: left;
  margin-right: 1em;
  text-align: right;
}



/*This section deals with the position of items on the screen.  It uses absolute positioning - fixed x and y coordinates measured from the top-left corner of the browser's content display.
*/

#header, #thumbnail1, #thumbnail2, #thumbnail3, #thumbnail4, #thumbnail5, #thumbnail6, #thumbnail7, #thumbnail8, #thumbnail9, #installationheader, #passingthroughheader, #installationdetails, #installationstatementnav, #thumbnail10, #thumbnail11, #thumbnail12, #thumbnail13, #thumbnail14, #thumbnail15, #thumbnail16, #thumbnail17, #thumbnail18, #thumbnail19, #verticalinstallationimages,#horizontalinstallationimages, #silentoriginIIIheader, #statementheader, #statementtext, #prevnextnav, #thumbnail20, #thumbnail21, #thumbnail22, #thumbnail23, #thumbnail24, #thumbnail25, #constructionsheader, #counterpoint, #counterpointdetail, #theplaceinwhich, #theplaceinwhichdetail, #lastlullaby, #lastlullabydetail, #horizonline, #horizonlinedetail, #assumption1, #assumption1detail, #stilllifewithwill, #stilllifewithwilldetail, #photographsheader, #erosionscollage1, #erosionscollage2, #erosionscollage3, #erosionscollage4, #fictionscollage1, #fictionscollage2, #fictionscollage3, #fictionscollage4, #viewscollage, #elementa9a, #elementa9f, #elementa95, #elementa9b, #elementa9sbig, #elementb5, #elementb17, #elementb30, #elementbsbig, #element142, #element3, #element2e, #element3a, #element21, #element7c, #asmallamountofanything, #locus, #mechanicalmelancholy, #eternalreturn, #caesura, #locusbig, #caesurabig, #eternalreturnbig, #mechanicalmelancholybig, #asmallamountofanythingbig, #thesimpletruthI, #thesimpletruthII, #thesimpletruthIII, #thesimpletruthIV, #hotchkiss56013, #hotchkiss54983, #hotchkiss58153, #hotchkiss56013big, #hotchkiss54983big, #hotchkiss58153big, #battlecryI, #battlecryII, #battlecryIII, #battlecryIV, #battlecryV, #battlecryVI, #stilltwo, #randompedigreeI, #randompedigreeIV, #palisadeparadise, #passingthroughmain, #silentoriginIIImain, #passingthroughhome, #assumption1home, #palisadeparadisehome, #homeinstallheader, #homeconstructheader, #homephotosheader, #resumeheader, #resumetable, #biography, #gwen, #header, #g, #wen, #l, #aine, #beyondmeasureheader, #beyondmeasuretext {
position: absolute;
}

#header {
  top: 10px;
  left: 25px;
}

#g {
  top: 0;
  left: 35px;
}

#wen {
  top: 51px;
  left: 85px;
}

#l {
  top: 20px;
  left: 180px;
}

#aine {
  top:  70px;
  left: 210px;
}

#header {
  width: 100%;
}

#thumbnail1 {
  top: 289px;
  left: 240px;
}

#thumbnail2 {
  top: 289px;
  left: 431px;
}

#thumbnail3 {
  top: 289px;
  left: 623px;
}

#thumbnail4 {
  top: 220px;
  left: 330px;
}

#thumbnail5 {
  top: 220px;
  left: 434px;
}

#thumbnail6 {
  top: 220px;
  left: 538px;
}
#thumbnail7 {
  top: 250px;
  left: 642px;
}

#thumbnail8 {
  top: 240px;
  left: 371px;
}

#thumbnail9 {
  top: 240px;
  left: 599px;
}

#verticalinstallationimages {
  top: 150px;
  left: 420px;
}

#horizontalinstallationimages {
  top: 195px;
  left: 330px;
}

#installationheader {
  top: 280px;
  left: 45px;
}

#statementheader {
  top: 210px;
  left: 73px;
}

#beyondmeasureheader {
  top: 225px;
  left: 73px;
}
 
#passingthroughheader {
  top: 220px;
  left: 45px;
}

#installationdetails {
  top:  270px;
  left:  45px;
}

#installationstatementnav {
  top: 385px;
  left: 15px;
}

#prevnextnav {
  top: 455px;
  left: 15px;
}

#gwen {
  top: 63px;
  left: 430px;
}

#statementtext {
  top: 250px;
  left: 100px;
  right-margin: 100px;
}

#beyondmeasuretext {
  top: 265px;
  left: 100px;
  right-margin: 100px;
}

#thumbnail10 {
  top: 190px;
  left: 299px;
}

#thumbnail11 {
  top: 360px;
  left: 299px;
}

#thumbnail12 {
  top: 190px;
  left: 403px;
}
#thumbnail13 {
  top: 308px;
  left: 403px;
}

#thumbnail14 {
  top: 426px;
  left: 403px;
}

#thumbnail15 {
  top: 190px;
  left: 573px;
}

#thumbnail16 {
  top: 308px;
  left: 573px;
}

#thumbnail17 {
  top: 426px;
  left: 573px;
}

#thumbnail18 {
  top: 190px;
  left: 743px;
}

#thumbnail19 {
  top: 360px;
  left: 743px;
}

#silentoriginIIIheader {
  top: 220px;
  left: 45px;
}

#thumbnail20 {
  top: 290px;
  left: 75px;
}

#thumbnail21 {
  top: 316px;
  left: 167px;
}

#thumbnail22 {
  top: 290px;
  left: 337px;
}

#thumbnail23 {
  top: 290px;
  left: 483px;
}

#thumbnail24 {
  top: 353px;
  left: 590px;
}

#thumbnail25 {
  top: 290px;
  left: 760px;
}

#constructionsheader {
  top: 220px;
  left: 45px;
}

#counterpoint {
  top: 205px;
  left: 345px;
}

#counterpointdetail {
  top: 195px;
  left: 365px;
}

#theplaceinwhich {
  top: 175px;
  left: 400px;
}

#theplaceinwhichdetail {
  top: 215px;
  left: 375px;
}

#lastlullaby {
  top: 215px;
  left: 300px;
}

#lastlullabydetail {
  top: 190px;
  left: 375px;
}

#horizonline {
  top: 175px;
  left: 365px;
}

#horizonlinedetail {
  top: 175px;
  left: 400px;
}

#assumption1 {
  top: 200px;
  left: 355px;
}

#assumption1detail {
  top: 200px;
  left: 415px;
}

#stilllifewithwill {
  top: 200px;
  left: 375px;
}

#stilllifewithwilldetail {
  top: 200px;
  left: 385px;
}

#photographsheader {
  top: 280px;
  left: 35px;
}

#erosionscollage1 {
  top: 210px;
  left: 235px;
}

#erosionscollage2 {
  top: 271px;
  left: 235px;
}

#erosionscollage3 {
  top: 336px;
  left: 235px;
}

#erosionscollage4 {
  top: 367px;
  left: 235px;
}

#fictionscollage1 {
  top: 210px;
  left: 452px;
}

#fictionscollage2 {
  top: 286px;
  left: 452px;
}

#fictionscollage3 {
  top: 386px;
  left: 452px;
}

#fictionscollage4 {
  top: 437px;
  left: 452px;
}

#viewscollage {
  top: 210px;
  left: 775px;
}

#elementa9a {
  top: 220px;
  left: 285px;
}

#elementa9f {
  top: 220px;
  left: 431px;
}

#elementa95 {
  top: 220px;
  left: 577px;
}

#elementa9b {
  top: 220px;
  left: 723px;
}

#elementa9sbig {
  top:  200px;
  left: 355px;
}

#elementb5 {
  top: 220px;
  left: 285px;
}

#elementb17 {
  top:  220px;
  left: 473px;
}

#elementb30 {
  top:  220px;
  left: 661px;
}

#elementbsbig {
  top: 200px;
  left: 335px;
}

#element142 {
  top: 205px;
  left: 325px;
}

#element3 {
  top: 205px;
  left: 481px;
}

#element2e {
  top: 205px;
  left: 637px;
}

#element3a {
  top: 361px;
  left: 325px;
}

#element21 {
  top: 361px;
  left: 481px;
}

#element7c {
  top: 361px;
  left: 637px;
}

#mechanicalmelancholy {
  top: 180px;
  left: 370px;
}

#locus {
  top: 285px;
  left: 295px;
}

#asmallamountofanything {
  top: 398px;
  left: 349px;
}

#eternalreturn {
  top: 215px;
  left: 637px;
}

#caesura {
  top: 285px;
  left: 525px;
}

#locusbig {
  top: 205px;
  left: 320px;
}

#caesurabig {
  top: 205px;
  left: 375px;
}

#eternalreturnbig {
  top: 205px;
  left: 375px;
}

#mechanicalmelancholybig {
  top: 205px;
  left: 320px;
}

#asmallamountofanythingbig {
  top: 205px;
  left: 360px;
}

#thesimpletruthI {
  top: 225px;
  left: 285px;
}

#thesimpletruthII {
  top: 225px;
  left: 431px;
}

#thesimpletruthIII {
  top: 225px;
  left: 577px;
}

#thesimpletruthIV {
  top: 225px;
  left: 723px;
}

#hotchkiss56013 {
  top: 234px;
  left: 295px;
}
#hotchkiss54983 {
  top: 215px;
  left: 459px;
}

#hotchkiss58153 {
  top: 234px;
  left: 647px;
}

#hotchkiss56013big {
  top: 205px;
  left: 335px;
}

#hotchkiss54983big {
  top: 205px;
  left: 335px;
}

#hotchkiss58153big {
  top: 205px;
  left: 330px;
}

#battlecryI {
  top: 205px;
  left: 300px;
}

#battlecryII {
  top: 205px;
  left: 488px;
}

#battlecryIII {
  top: 205px;
  left: 676px;
}

#battlecryIV {
  top: 393px;
  left: 300px;
}

#battlecryV {
  top: 393px;
  left: 488px;
}

#battlecryVI {
  top: 393px;
  left: 676px;
}

#stilltwo {
  top: 225px;
  left: 255px;
}

#randompedigreeI {
  top: 225px;
  left: 425px;
}

#randompedigreeIV {
  top: 225px;
  left: 595px;
}

#palisadeparadise {
  top: 225px;
  left: 765px;
}

#passingthroughmain {
  top: 225px;
  left: 330px;
}

#silentoriginIIImain {
  top: 225px;
  left: 542px;
}

#passingthroughhome {
  top: 275px;
  left: 150px;
}

#assumption1home {
  top: 275px;
  left: 405px;
}

#palisadeparadisehome {
  top: 275px;
  left: 660px;
}

#homeinstallheader {
  top: 455px;
  left: 210px;
}

#homeconstructheader {
  top: 455px;
  left: 460px;
}

#homephotosheader {
  top: 455px;
  left: 718px;
}

#resumeheader {
  top: 210px;
  left: 68px;
}

#resumetable {
  top: 260px;
  left: 75px;
  left-margin: 100px;
}

#biography {
  top: 250px;
  left: 100px;
  right-margin: 100px;
}

