/*@import url(http://fonts.googleapis.com/css?family=Playfair+Display);*/
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700italic);


@media screen {
  /*
  Table of Contents
  =================
  -- General HTML Elements
  ----- Headings
  ----- Form Elements
  -- Global Classes
  -- Navigation
  ----- Pagination
  -- Header 
  -- Footer
  -- Content
  -- Home
  -- Items
  -- Search
  ----- Advanced Search
  -- Files
  -- Collections
  -- ExhibitBuilder
  -- Simple Pages
  -- Winter Styles
  -- Spring Styles
  -- Summer Styles
  -- Autumn Styles
  -- Night Styles
  */
  /* !---------- General HTML Elements ---------- */
  
  body {   
  background: url('../img/bg.png') no-repeat center center fixed;   
  -webkit-background-size: cover;  
  -moz-background-size: cover;  
  -o-background-size: cover;  
  background-size: cover;  
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg.png', sizingMethod='scale')";  
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg.png', sizingMethod='scale');  
} 

  h1 {
    padding: 10px 0 0 10px;
	font-family: 'Playfair Display', serif;
	color: #ffffff;
  } 
  h2 {
    
	font-family: 'Playfair Display', serif;
	color: #ffffff;
  }

  body {
    font-family: "Arial", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    word-wrap: break-word;
    height: 100%;
  }
  
  #wrap{
	margin: 0 auto;
	background-color: #222222;
	width: 900px;

  }
  
  #content{
	margin: 0px 0 0 0;
  }

   /* !---------- Navigation --------- */
  .lang{
    float:right;
  }
  
  .lang a{
    text-decoration:none;
    color: #ffffff;
   }
   
  nav.top ul {
	margin: 0px 0 0px 0; /*BB*/
    display: block;
	list-style-type: none;
	font-family: Playfair Display);
  }
  nav.top ul li {
  	margin: 0px 0 15px 0; /*BB*/
    float: left;
    width: auto;
	
  }
  nav.top ul li a {
    padding: 0.05em 16px;
    text-decoration: none;
    color: #ffffff;
  }
  
    nav.top ul li a:hover {
    padding: 0.05em 16px;
    text-decoration: none;
    color: #a7007a;
  }

  nav.top ul li ul {
    min-width: 200px;
    display: none;
    padding: 0;
    position: absolute;
    top: 3em;
    left: 0px;
  }
  
  nav.top ul li ul li {
    width: 100%;
    clear: both;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
   nav.top ul li ul li ul {
    left: 100%;
    top: 0;
  }
  nav.top .mobile {
    display: none;
  }
  #desc{
	color: #000000;
	float:right; 
	margin:50px 50px 0 0px;
  }
  .banner{
	margin: 45px 0 0 0;
    background: url('../img/banner.png') no-repeat;   
  }
  #featured-item{
	margin:-20px 0 0 0;
	background-color: #ffffff;
  }
  .slider{
  
  }
  
  .test{
  background-color: #000000;
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

  }
  
  #recent-items{
    margin: 0px 0 0 0;
	/*background-color: green;*/
	background-color: #222222;
	width: 630px;
	float:left;
	padding: 10px 0 0 10px;
  }
  
  #recent-items h2{
  font-family: 'Playfair Display', serif;
	color: #ffffff;
  }
  
  .items-list .item {
    padding: 0 16px 0.75em 16px;
    overflow: auto;
  }
  
  .items-list .item h3 {
    margin-top: 0.75em;
  }
  .items-list {
    margin: 0 -16px;
  }
  .items-list .item-description {
    margin: 0.75em 0 0;
  }
  
  .item {
	/*float: left;*/
	/*background-color:yellow;*/
	background-color: #222222;
	margin: 5px 0 5px 7px;
  }
  .items .item-img {
    float: left;
  }
  
  .item-img img{
    width: 175px;
    height: 175px;
	padding: 15px 0 0 0;
	margin: 0 0 0 0px;
  }
  
  .item h3 a{
	color: #c25e08;
	text-decoration: none;
  }
  
  .item-description{
	color: gray;
  }
  
  #featured-collection{
	/*background-color: blue;*/
	background-color: #222222;
	width: 250px;
	float:left;
	padding: 10px 0px 0 10px;
	margin: 0px 0 0 0;
  }
  #featured-collection h3 a{
  color: #e5a257;
  text-decoration:none;
  }
  
  #featured-collection  p{
	font-size:10pt;
	color: gray;
  }
  
  #featured-exhibit{
  	/*background-color: red;*/
	background-color: #222222;
	width: 250px;
	height:230px;
	float:left;
	padding: 10px 0 0 10px;
	margin: 0px 0 0 0;
  }
  
  #featured-exhibit h3 a{
  color: #e5a257;
  text-decoration:none;
  }
  
  #featured-exhibit  p{
	font-size:10pt;
	color: gray;
  }
  
  
  
  header{
	background-color: #000000;
	height:290px;
	margin: 0 0 0px 0;
  }
  
  /*body.collections.browse*/
  
  .collection{
  padding:20px 0 0 20px;
  background-color: #ffffff;
  }
  
  .collection h2 a{
  color: #e5a257;
  text-decoration:none;
  }
  
  /* search */
  
  #search-container {
    padding: 40px 16px 1.5em;
	margin: 0px -36px -9px 700px;
  }
  #search-container:after {
    content: "";
    display: block;
    height: 0;
    width: 100px;
    clear: both;
  }

  #search-form {
    text-align: center;
    position: relative;
    overflow: visible;
  }
  #search-form input[type=text], #search-form input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
	
  }
  #search-form input[type=text] {
    width: 120px;
	height: 20px;
    font-size: 0.875em;
    line-height: 1.5em;
    float: left;
  }
  #search-form input[type=submit] {
    width: 30px;
	height:60px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 80%;
	border: 0;
	margin: 1px 0 0 -35px;
    background: url('../img/search.png') no-repeat;
    text-indent: -9999em;
  }

  #advanced-search {
    width: 10%;
    height: 0px;
    text-indent: -9999px;
    display: block;
    position: absolute;
    padding: 0;
    top: 0;
    left: 90%;
    font-weight: bold;
    line-height: 30px;
    background-color: #4b6569;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    *behavior: url("../javascripts/boxsizing.htc");
  }
  #advanced-search:focus {
    outline: -webkit-focus-ring-color auto 5px;
  }
  #advanced-search:link, #advanced-search:hover, #advanced-search:active, #advanced-search:visited {
    color: #fff;
  }
  #advanced-search:after {
    content: " ";
    display: block;
    text-indent: 0;
    text-align: center;
    margin-top: -1.75em;
  }

  #advanced-form {
    display: none;
    background-color: #fff;
    overflow: auto;
    z-index: 1001;
    position: absolute;
    top: 35px;
    left: 0;
    border: 1px solid #e7e7e7;
    width: 100%;
    padding: 1.5em 16px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url("../javascripts/boxsizing.htc");
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 5px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 5px 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 5px 10px;
  }
  #advanced-form #query-types *:first-child {
    margin-top: 0;
  }
  #advanced-form label {
    margin: 0;
    padding: 0;
  }
  #advanced-form p {
    margin: 0.75em 0;
  }
  #advanced-form p:last-of-type {
    margin-bottom: 0em;
  }