/* 
    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 {
    clear: both;
    width: 880px;
    margin: 0px auto;
    position: relative;
    padding-top: 0px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

#content p,
#content h1,
#content h2,
#content h3,
#content h4 {
    color: #333;
}
#content h1,
#content h2,
#content h3,
#content h4 {
    color: #555;
}

#content .pagedata {
    float:              left;
    padding-left:       0px;
    margin-top: 	0px;
    font-size:		9px;
    text-align:		left;
    color:              #7F4500;
}

#content h1,
#content h2 {
    color: #9E9992;
    font-size: 46px;
    font-weight: normal;
    line-height: 110%;
}
#content h2 {
    text-align: left;
}

#content .right {
  float: right;
}
#content .left {
  float: left;
}
#content .clearer {
  clear: both;
}

/******* PAGES / GENERAL ********/

#content #page {
    margin: 0px auto;
    width: 700px;
}
#content .post {
    margin: 0px auto;
    width: 700px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed grey;
}
#content .post h2 {
    margin-bottom: 1px;
    font-size: 34px;
}
#content .post h2 a {
    text-decoration: none;
}
#content .post h2 a:hover {
    text-decoration: underline;
}
#content .post p {
    margin-top: 10px;
    font-size: 16px;
}
#content .post .post-data {
    display: none;
    text-align: right;
    color: #7f4500;
    font-size: 9px;
}
#content .post .commentbar {
    margin-top: 40px;
    margin-bottom: 10px;
}

/******* TURNTABLES ***********/

#content .turntable .sideImages {
    float: right;
    width: 400px;
}
#content .turntable .sideImages img {
    float: left;
    padding: 0px;
    padding-left: 20px;
    padding-top: 20px;
    border: 0px;
}

#content .turntable.specification .sideImages {
    margin-top: 40px;
    width: 200px;
}
#content .turntable.specification .sideImages img {
    padding-top: 30px;
}
#content .turntable.specification .image {
    text-align: center;
}
#content .turntable .specificationText {
    margin-left: 30px;
    margin-top: 20px;
    width: 650px;
}

#content .turntable .details {
    width: 450px;
    margin-left: 0px;
    text-align: center;
    font-size: 16px;
}

#content .turntable h2 {
    color: #9E9992;
    font-size: 50px;
    font-weight: normal;
    text-transform: lowercase;
    text-align: center;
    line-height: 110%;
}
#content .turntable h2 a {
    text-decoration: none;
    color: #9E9992;
}
#content .turntable .abstract {
    padding-top: 20px;
    padding-bottom: 20px;
}
#content .turntable .abstract div,
#content .turntable .abstract p {
    font-size: 16px;
}
#content .turntable div.specsLink {
    margin: 40px auto 20px auto;
}
#content .turntable a.specsLink {
    color: #000;
    background-color: #D5D2CD;
    padding: 4px 10px 4px 10px;
    font-weight: bold;
    text-decoration: none;
}
#content .turntable a.specsLink:hover {
    text-decoration: underline;
}

/******* TURNTABLES INDEX *********/

#content .turntables {

}
#content .turntables h2 {
    padding-left: 40px;
}
#content .turntables ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#content .turntables img {
    border: 0px;
}
#content .turntables li {
    list-style: none;
    margin: 0px;
}
#content .turntables .models {
    margin: 0px auto;
    width: 650px;
    background-image: url('/images/greydot1.png');
    background-repeat: repeat-y;
    background-position: top center;
}
#content #currentTurntables {
    vertical-align: center;
    float: left;
    width: 300px;
    text-align: center;
}
#content #oldTurntables {
    vertical-align: center;
    text-align: center;
    float: right;
    width: 300px;
}

#content .smallTurntable {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

/********* Turntable photos **********/

#content .turntable.photo h2 {
  font-size: 2.5em;
}

#content .turntable.photo img {
  border: 0px;
}
#content .turntable.photo .mainPhoto {
  margin: 30px auto;
  text-align: center;
}
#content .turntable.photo h2 {
  margin-top: 10px;
  padding-top: 0px;
}
#content .turntable.photo .left {
  width: 620px;
  min-height: 600px;
}
#content .turntable.photo .right {
  width: 240px;
}

#content .turntable.photos {
  width: 610px;
  margin: 0px auto;
  text-align: center;
}
#content .turntable.photos .photo {
  float: left;
  margin: 10px 10px;
  width: 180px;
  height: 180px;
  border: 1px solid white;
}
#content .turntable.photos .photo:hover {
  border: 1px solid grey;
}
#content .turntable.photos .photo img {
  border: 0px;
}
#content .turntable.photos .pagination {
  margin-top: 30px;
}


#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;
}