/* =Typography
----------------------------------------------- */
body {
	font-family: 'Optima', 'Candara', 'Lucida Grande', 'Lucida sans unicode', 'Microsoft Sans Serif', Sans-Serif;
	font-size: 81.25%; /* Scales the base font from 16px to 13px */
	font-weight: normal;
	line-height: 2em; /* Equivalent to 26px on the base font size */
}

#website_title {
  border: none;
  font-size: 52px;
  line-height: 78px;
  margin-bottom: 26px;
  padding: 0px;
  text-decoration: none;
}

h1,
#site-navigation h3.first {
  font-size: 2.15385em; /* 28px */
  line-height: 2.7857;
  margin-bottom: 0.9286em;
}

h2,
#site-navigation h3 {
  font-size: 1.38461em; /* 18px */
  line-height: 1.44445;
  margin-bottom: 1.44445em;
}

h3 {
  font-size: 1.23077em; /* 16px */
  line-height: 1.625;
  margin-bottom: 1.625em;
}

p, ol, ul, dl {
  margin: 2em 0px;
	text-align: left;
}

em {
  font-style: italic;
  font-weight: bold;
}

.description {
  font-style: italic;
}

.unfloat {
  clear: left;
  float: none;
}

/* =Graphics.General
----------------------------------------------- 
borders
  foreground #1e1a38 (scheme base colour - 0)

Dark background
  background #080b0e (3)
  base text  #c7cacd (-3)
  links
    foreground #8e949b (-2)
      visited  #565f69 (-1)
    background transparent
  active link
    foreground #fff (-4)
    background #0f151c (2)
*/
body {
  background: #080b0e;
  color: #c7cacd;
}

a#website_title:visited {
  color: #c7cacd; 
}

a {
  background: transparent;
  border-bottom-color: #8e949b;
  color: #8e949b;  
}

a:visited {
  background: transparent;
  color: #565f69;
}

a:active, a:hover {
  background: #0f151c;
  color: #fff;  
}

/* =Graphics.Home
----------------------------------------------- */
body.the_artist h1,
body.the_artist #site-navigation h3.first {
  font-size: 1.8461em; /* 24px */
  line-height: 2.167;
  margin-bottom: 1.0833em;
}

body.the_artist .collection_link,
body.the_artist .collection_link:visited {
  border: 1px solid #800000;
  display: block;
  margin-top: 25px;
  color: #080b0e;
  text-shadow: 1px 1px 5px #fff;
  font-weight: bold;
  text-align: center;
  line-height: 52px;
  height: 146px; width: 150px;
}

body.the_artist #collections h2 {
  display: none;
}

body.the_artist #collection_links a {
  border: 1px solid #8e949b;
  font-size: 16px;
  font-weight: bold;
  height: 146px; width: 150px;
}

body.the_artist #collection_links #motile {
  background: #fff url('../images/motile/motile-advert-background.jpg') no-repeat 50% 50%;
}

body.the_artist #collection_links #raku {
  background: transparent url('../images/raku/raku-thumbnail.jpg') no-repeat 50% 50%;
  color: #c7cacd;
  text-shadow: 1px 1px 5px #000;
}

body.the_artist #collection_links #worked_metal {
  background: transparent url('../images/worked_metal/worked_metal-thumbnail.jpg') no-repeat 50% 50%;
}

body.the_artist #collection_links #sculptural_ceramics {
  background: transparent url('../images/sculptural_ceramics/sculptural_ceramics-thumbnail.jpg') no-repeat 50% 50%;
}

body.the_artist #collection_links #sea_thoughts {
  background: transparent url('../images/sea_thoughts/sea-thoughts-thumbnail.jpg') no-repeat 50% 50%;
}

body.the_artist #collection_links #home_sky {
  background: transparent url('../images/home_sky/home-sky-thumbnail.jpg') no-repeat 50% 50%;
}

/* =Graphics.Motile
----------------------------------------------- 
Light Background
  background #c7cacd (-3)
  base text  #080b0e (3)
  links
    foreground #0f151c (2)
      visited  #0f151c (2)
    background transparent
  active link
    foreground #fff (-4)
    background #080b0e (3)

*/
body.collection {
  background: #c7cacd;
  color: #080b0e;
}

body.collection #website_title, body.collection #website_title:visited {
  color: #080b0e;
}

body.collection #website_title:active, body.collection #website_title:hover {
  background: transparent;
  color: #1e2a38;
}

body.collection h1 {
  font-size: 2.46154em; /* 32px */
  line-height: 1.625;
  margin-bottom: 0.8125em;
}

body.collection a {
  background: transparent;
  border-bottom-color: #0f151c;
  color: #0f151c;
}

body.collection a:visited {
  background: transparent;
  color: #0f151c; 
}

body.collection a:active, body.collection a:hover {
  background: #080b0e;
  color: #fff;  
}

#the_collection, body.collection #collection_links {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  padding-bottom: 25px;
  padding-top: 25px;
}

body.collection #collection_links {
  padding: 0px;
  height: 26px;
}

body.collection #collection_links a {
  display: inline-block;
  margin: 0px 5px;
  padding-left: 2px;
  height: 26px;
  width: 123px;
}

body.collection #collection_links a {
  border-bottom: none;
}

#collection_thumbnails a {
  background: transparent;
  border: 1px solid #8e949b;
  color: #0f151c;
  display: inline-block;
  height: 146px; width: 150px;
  margin: 5px 4px;
  padding: 0px;
}

.show_label {
  color: #800000;
  font-size: 1.23077em; /* 16px */
  line-height: 1.625;
  margin: 1.625em 0px;
}