/* 
    Document   : content
    Created on : 14/02/2008, 13:24:35
    Author     : sam
    Description:
        Styles related strictly to the content section of the site.
        
        Should be included after all the other stylesheets so this may
        have priority.
        
        This stylesheet may also be included in the admin area so that 
        pages and posts can be previewed more accurately.
*/

#content {
    position: relative;
    margin: 10px auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

#content p, #content h1, #content h2, #content h3, #content h4 {

}
#content .right { float: right; }
#content .left { float: left; }

#content .pagedata {
    clear:              both;
    padding-left:       30px;
    margin-top: 	50px;
    font-size:		9px;
    text-align:		right;
    color:              #7F4500;
}

#content img {
  border: 0px;
}

/********* PAGES ********/

#content #page {
  width: 700px;
  margin: 0px auto;
  font-size: 1.2em;
}

/********* SHOWING ARTIFACTS *************/

#content .artifacts {
  width: 840px;
  margin: 0px auto;
}
#content .artifacts .artifact {
  float: left;
  width: 350px;
  height: 350px;
  line-height: 350px;
  padding: 5px;
  margin: 20px 30px;
  text-align: center;
}
#content .artifacts .artifact img {
  vertical-align: middle;
}

/********* Artifact Item **********/

#content .artifact.show h2 {
  font-size: 2.5em;
}

#content .artifact.show img {
  border: 0px;
}
#content .artifact.show .mainPhoto {
  margin: 30px 0px;
  text-align: center;
}
#content .artifact.show h2 {
  margin-top: 150px;
  padding-top: 0px;
  line-height: 120%;
}
#content .artifact.show .left {
  width: 620px;
  margin-left: 30px;
  min-height: 600px;
}
#content .artifact.show .right {
  width: 290px;
  margin-right: 30px;
}
#content .artifact.show .description {
  font-size: 1.2em;
}


/***** IMAGE PAGER *****/

#content .imagePager {
  border: 1px solid #ccc;
  background-color: #eee;
  margin: 0px auto;
  position: relative;
  width: 200px;
  height: 105px;
}
#content .imagePager .previous,
#content .imagePager .next {
  position: absolute;
  top: 5px;
  width: 90px;
}
#content .imagePager .previous {
  left: 5px;
  text-align: left;
}
#content .imagePager img {
  padding: 0px;
  margin: 0px;
  border: 0px;
}
#content .imagePager .next {
  right: 5px;
  text-align: right;
}
#content .allLink {
  position: absolute;
  bottom: 2px;
  text-align: center;
  width: 200px;
}