/* ------------------------------------------------------------
	1. BASIC STYLES
   ------------------------------------------------------------ */
/* typography */


@font-face {
	font-family: 'AmasisMTStd-Light';
	src: url('../font/AmasisMTStd-Light.eot'); 
	src: url('../font/AmasisMTStd-Light.eot?#iefix') format('embedded-opentype'),
	     url('../font/AmasisMTStd-Light.woff') format('woff'), 
	     url('../font/AmasisMTStd-Light.ttf')  format('truetype'), 
	     url('../font/AmasisMTStd-Light.svg#svgFontName') format('svg');
	}
	
@font-face {
	font-family: 'AmasisMTStd-LightItalic';
	src: url('../font/AmasisMTStd-LightItalic.eot'); 
	src: url('../font/AmasisMTStd-LightItalic.eot?#iefix') format('embedded-opentype'),
	     url('../font/AmasisMTStd-LightItalic.woff') format('woff'), 
	     url('../font/AmasisMTStd-LightItalic.ttf')  format('truetype'), 
	     url('../font/AmasisMTStd-LightItalic.svg#svgFontName') format('svg');
	}
	
@font-face {
	font-family: 'FrutigerLT-Light';
	src: url('../font/FrutigerLT-Light.eot'); 
	src: url('../font/FrutigerLT-Light.eot?#iefix') format('embedded-opentype'),
	     url('../font/FrutigerLT-Light.woff') format('woff'), 
	     url('../font/FrutigerLT-Light.ttf')  format('truetype'), 
	     url('../font/FrutigerLT-Light.svg#svgFontName') format('svg');
	}
	
	
@font-face {
	font-family: 'FrutigerLT-Bold';
	src: url('../font/FrutigerLT-Bold.eot'); 
	src: url('../font/FrutigerLT-Bold.eot?#iefix') format('embedded-opentype'),
	     url('../font/FrutigerLT-Bold.woff') format('woff'), 
	     url('../font/FrutigerLT-Bold.ttf')  format('truetype'), 
	     url('../font/FrutigerLT-Bold.svg#svgFontName') format('svg');
	}
	
@font-face {
	font-family: 'FrutigerLT-LightItalic';
	src: url('../font/FrutigerLT-LightItalic.eot'); 
	src: url('../font/FrutigerLT-LightItalic.eot?#iefix') format('embedded-opentype'),
	     url('../font/FrutigerLT-LightItalic.woff') format('woff'), 
	     url('../font/FrutigerLT-LightItalic.ttf')  format('truetype'), 
	     url('../font/FrutigerLT-LightItalic.svg#svgFontName') format('svg');
	}

/* Base foundation */
html, body {background:transparent url('../img/A-clockwork-Orgreave.jpg') no-repeat top left fixed;}
body {background:transparent url('../img/content-bg.png') repeat top left;font-family: FrutigerLT-Light, Georgia, Times, serif;}
.panel {
  border:none;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: white; }
h1, h2, h3, h4, h5, h6 {font-family: AmasisMTStd-Light, Georgia, Times, serif;}
.panel h3, h3 {color:#cc0033;}
.panel h3.subheader {font-family: AmasisMTStd-LightItalic, Georgia, Times, serif;color: #32322f;}
.panel h4, h4 {font-family: AmasisMTStd-LightItalic, Georgia, Times, serif;}
.panel h5, h5 {font-family: FrutigerLT-Bold, Georgia, Times, serif;font-weight:normal;margin-bottom: 0.5rem;}
.panel h2 {margin-bottom: 1.25rem;}
small {font-size: 80%;}
em, i {font-family: FrutigerLT-LightItalic, Georgia, Times, serif;}
strong, b {font-family: FrutigerLT-Bold, Georgia, Times, serif;font-weight:normal;}

/* Definition Lists */
.artist dl dt {
  /*margin-bottom: 0.3em;
  font-weight: bold;*/
  margin-bottom:0;
  padding-bottom: 0.3em;
  padding-right: 1em;
  float: left;
  clear:left;}
.artist dl dd {
  /*margin-bottom: 0.75em;*/
  margin-bottom:0;
  padding-bottom: 0.3em;
  padding-left: 1em;
  border-left: 1px solid #efefef;
  float: left;
  width: 90%;}
.artist dl.education dd {width: 72%;}
.artist dl.education dt {width: 18%;}
  
/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 0 0 0;
  border-left: none; }
  blockquote cite {
    font-family: FrutigerLT-Light, Georgia, Times, serif;
    font-style:normal;
    display: block;
    font-size: 1rem;
    color: #32322f; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #cc0033; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #32322f;
  font-family: FrutigerLT-LightItalic, Georgia, Times, serif;
  font-size:1rem;
  text-align: right !important;}
  button.large, .button.large {
  background-image: url('../img/arrow-down.png');
  background-repeat: no-repeat;
  background-position: 1.813rem 50%;}
  button.shop, .button.shop {
  /*margin-top: 2.5rem;*/
  background-image: url('../img/arrow-next.png');
  background-repeat: no-repeat;
  background-position: right 50%;
  padding-right: 3.5rem;}
  .panel h6 {font-size: 1.375rem;color:#999999;text-align: center !important;margin: 1.25rem 0;font-family: AmasisMTStd-LightItalic, Georgia, Times, serif;}
/* end of Base foundation */

p.video {color:#777777;margin-bottom:0;font-size:80%;}	
.row.full-width {max-width: 100%;background: #4d4d4d;}
footer {padding-top: 10px; color:#ffffff;}
footer p { margin-bottom: 0; padding: 11px 0;}
#home{background:transparent url('../img/mask.png') repeat-x top left;}
#artworks .panel {background:transparent url('../img/bg.png') repeat top left;}
#artworks .panel h2 {font-size:4rem;color:#777777;text-align: right !important;}
.backtotop{display:none;}
.backtotop{text-indent:-90000px;display:block; width:61px;height:20px; float: right; background:#cc0033 url('../img/up.png') no-repeat center center;}
	a.backtotop:hover {background-color:#4d4d4d;cursor:pointer;}
	a.backtotop:active {background-color:#cc0033;}
.artwork {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
	-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
	background: #fff;
	}
.light {color:#cccccc;}
h1.large {font-size: 3em;}
.border {border-bottom: 1px solid #dddddd;}
dl:before, dl:after {
    content: " ";
    display: table; }
dl:after {
    clear: both; }
ul.arrow {
  list-style-image: url('../img/bullet-arrow.gif');
  margin-top: 0.82em;
  margin-bottom: 0.82em;
  list-style-position: inside;}

ul.social {
  display: block;
  float: right;
  margin-bottom: 8px;
}
ul.social li {
  list-style: none;
  display: block;
  float: left;
  margin-left: 10px;
}
ul.home-social li:first-child {
  margin-left: 0;
}
ul.social li a {
  display: block;
  height: 50px;
  width: 50px;
  background: url("../img/social.png") no-repeat center 0;
}
ul.social li a:hover {
  opacity: 0.8;
}
ul.social li a.twitter {
  background-position: center 0;
}
ul.social li a.facebook {
  background-position: center -200px;
}
ul.social li a.mail {
  background-position: center -400px;
}
@media only screen and (max-width: 40em) {
footer {
    text-align: center;
  }
ul.social {
    float: none;
    margin: 0 0 20px 0;
    text-align: center;
    height: 44px;
    display: inline-block;
    margin-top: 20px;
  }
h1.large {font-size: 2.25em;}
#artworks .panel h2 {font-size: 1.6875rem;}
 }