html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, 
small,  strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0; padding: 0; border: 0; outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}

body {
  background: #34290a url(/images/bg.dark.wood.repeat.png) center;
  overflow: none;
}

#content {
  background: url(/images/bg.dark.wood.jpg) no-repeat;
  height: 730px;
  width: 1021px;
  margin: 0;
  margin: 0 auto;
  position: relative; 
}

#header {
  padding-top: 56px;
  position: relative;
}

#logo {
  position: absolute;
  top: 21px;
  left: 43px;
}

#page {
  width: 800px; height: 536px;
  margin: 0 0 0 147px;
}

#side {
  position: absolute;
  width: 116px;
  height: 536px;
  top: 56px;
  left: 31px;
}


#side li.on {
  background: url(/images/nav.on.png) no-repeat 0px 1px;
}

.nav_about {
  margin-top: 22px;
}
.nav_portraits {
  margin-top: 22px;
}
#side #social {
  position: absolute;
  bottom: 60px;
}
.nav_share {
  position: absolute;
  left: -6px;
  width: 122px;
}
.nav_contact {
  width: 116px;
}


#next {
  position: absolute;
  left: 947px;
  top: 269px;
}
#prev {
  position: absolute;
  left: 113px;
  top: 269px;
}
#prev_hover, #next_hover {
  z-index: 100;
  background-image: url(/images/clear.gif); /* for ie8 ineptness */
  display: block;
  position: absolute;
  top: 56px;
  left: 113px;
  width: 434px;
  height: 536px;
}
#next_hover {
  left: 549px;
}

.diptych {
  position: relative;
  height: 536px;
  overflow: hidden;
}
.diptych .left {
  position: absolute;
}
.diptych .right {
  position: absolute;
  right: 0px;
  border-left: 2px solid black;
}



#paper {
  width: 800px;
  background: white;
  font-family: georgia;
}
#paper_2 {
  margin: 0 0 60px 0;
  padding: 0 0 30px 0;
}
#paper a {
  color: #256DA0;
}
h1 {
  border-top: 1px solid #B29A78;
  border-bottom: 1px solid #5B4C33;
  -moz-box-shadow: 0px 0px 3px #888;
  font-size: 60px;
  font-family: georgia;
  font-weight: normal;
  padding: 20px;
  background: #937F56;
  color: #FEF8EE;
  letter-spacing: -0.04em;
  text-shadow: 0px 1px 1px #444;
}
h2 {
  font-size: 20px;
  margin: 30px 0 15px 30px;
}
h1 + h2 {
  font-size: 25px;
  margin: -30px 0 30px 98px;
  text-shadow: 0px 1px 0px #B29A78;
}
h3 {
  margin: 0 0 5px 100px;
}
#paper p, #paper ul {
  width: 340px;
  padding-left: 100px;
  line-height: 1.5em;
  margin: 0 0 1em 0;
  font-size: 13px;
}

h1 + h2 + p {
  font-weight: bold;
  color: #666;
}


#loading {
  padding: 20px 20px;
  position: absolute;
  top: 300px;
  left: 470px;
  font-family: helvetica;
  font-weight: normal;
  color: #8B7D5E;
  font-size: 0.8em;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000;
}
.progress {
  border: 1px solid #53472F;
  height: 6px;
  width: 115px;
  -moz-box-shadow: 1px 1px 2px black;
  box-shadow: 1px 1px 2px black;
}
.progress_bar {
  background-color: #53472F;
  width: 30px;
  height: 7px;
}

#nice_things {
  font-family: "Lucida Grande";
  position: absolute;
  top: 605px;
  left: 146px;
  color: #88754D;
  text-shadow: 0px 2px 2px black;
  z-index: 100;
  width: 500px;
}

#social_links {
  padding: 0 0 30px 95px;
}

#social_links dl {
  margin: 0 0 2em 0;
  position: relative;
  height: 64px;
}
#social_links dt {
  position: absolute;
    
}
#social_links dd {
  display: block;
  font-size: 16px;
  margin: 0 0 0 80px;
  padding: 1em 0 0 0;
}
#social_links dd a {
  color: #666;
}

#social_links li img {
  vertical-align: middle;
  margin: 0 1em 0 0;
}

.calltoaction {
  font-size: 1.2em;
}