/*
 * Site Layout CSS -  layout
 * Author: James Whinfrey <jkwhinfrey@cyberstruction.co.uk>
 * Description: based on a 960px, 6 column fixed width grid.
 */

/* =General
----------------------------------------------- */
.section {
  margin: 26px auto;
  width: 960px;
}

#website_title {
  display: block;
  width: 480px;
}

#page_title {
  position: relative; left: -320px; top: -104px;
}

#contact_information {
  margin-top: 0px;
  position: relative; top: -78px; left: 320px;
  width: 320px;
}

#content {
  margin-top: -104px;
  min-height: 260px;
  padding-left: 320px;
  width: 640px;
}

.article {
  width: 640px;
}

#license {
  text-align: center;
  width: 100%;
}

/* =Home
----------------------------------------------- */
body.the_artist #content {
  min-height: 1040px;
}

body.the_artist #license {
  margin-top: 26px;
  text-align: center;
  width: 100%;
}

#collections {
  position: absolute;
  top: 156px;
}

#collections.article {
  height: 0px;
  width: 240px;
}

body.the_artist #collection_links #home {
  display: none;
}

/* =Navigation
----------------------------------------------- */
#latest-news {
  margin-bottom: -182px;
  position: relative; left: -320px; top: -78px;
  width: 320px;
}

body.the_artist #collection_links {
  position: relative; 
  left: -320px;
}

body.collection #collection_links {
  margin: 0px auto;
  width: 960px;
}

#latest-news, #collection_links {
  width: 160px;
}

#collection_links li, #collection_links a {
  display: block;  
}

/* =Motile
----------------------------------------------- */
body.collection #content {
  position: relative; top: -52px;
}

body.collection h1#page_title {
  position: static;
}

body.collection .adr {
  display: none;
}

body.collection #content {
  margin-top: 0px;
  padding-left: 0px;
  width: 960px;
}

body.collection #content > .section {
  width: 320px;
  margin: 0px;
}

#collection_statement {
  width: 100%;
}

body.collection #content #the_collection {
  width: 960px;
}

body.collection #collection_thumbnails li, body.collection #collection_links li {
  display: block;
  float: left;
  position: relative;
}

.show_label {
  position: absolute;
  top: -15px;
  right: 10px;
}