/* 768

_________________________________________________

320 and Up boilerplate extension
Andy Clarke http://about.me/malarkey
Keith Clark http://twitter.com/keithclarkcouk
Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

1 ROOT
2 HEADINGS
3 TYPOGRAPHY
4 LINKS
5 FIGURES & IMAGES
6 TABLES
7 FORMS
8 BANNER
9 NAVIGATION
10 CONTENT
11 MAIN
12 COMPLEMENTARY
13 CONTENTINFO
14 GLOBAL OBJECTS
15 VENDOR-SPECIFIC
16 MODERNIZR
17 TEMPLATE SPECIFICS

COLOURS

*/

/* 1 ROOT 					============================================================================= */
/* 2 HEADINGS 				============================================================================= */
/* 3 TYPOGRAPHY 			============================================================================= */
/* 4 LINKS 					============================================================================= */
/* 5 FIGURES & IMAGES 		============================================================================= */
/* 6 TABLES 				============================================================================= */
/* 7 FORMS 					============================================================================= */
/* 8 BANNER 				============================================================================= */
/* 9 NAVIGATION				============================================================================= */
/* 10 CONTENT 				============================================================================= */
/* 11 MAIN 					============================================================================= */
/* 12 COMPLEMENTARY 		============================================================================= */
/* 13 CONTENTINFO 			============================================================================= */
/* 14 GLOBAL OBJECTS 		============================================================================= */
/* 15 VENDOR-SPECIFIC 		============================================================================= */
/* 16 MODERNIZR 			============================================================================= */
/* 17 TEMPLATE SPECIFICS 	============================================================================= */
body {
    background-color: #000;
    min-height: auto;
    width: 100%;
    min-height: 768px;
}

header h1 {
    float: none;
    text-align: center;
    width: 100%;
    margin: 0;
}

header nav {
    float: none;
    width: 90%;
    margin:  0 auto;
}

header {
    border:  none;
    height: 60px;
    padding: 20px 0 10px;
    position: static;
    background: #fff;
}

header ul {
    /*font-size: 12px;*/
    margin-top: 20px;
    text-align: center;
}

header ul li {
    float: none;
    display: inline
}
/*.content{
    background: #000;
    color: #fff;
    height: 100%;
    padding: 0 10px;
    width: 98%;
}*/
.page_contact_photo .content {
    padding-top: 155px;
}
.page_contact_photo .place_information {
  text-align:left;
  
}

.place_hours p{ 
	text-align:left;
}
body.page_exhibition_video .content, body.page_artist_video .content {
    padding: 120px 10px 0;
}
body.page_publications .content {
    padding: 120px 10px 0;
}
body .content, .page_artist .content {
    padding: 160px 10px 15px;
}
.exhibition header {
    padding: 0;
}

.page_exhibitions .exhibitions {
    margin: 0 auto;
}
.exhibitions figure {
    position: relative;
}
.exhibition_place .place_contacts  a { color: #000;}
.exhibitions figure header {
    position:absolute;
    height: auto;
    padding:  0 10px;
    width: 680px;
    background: rgba(230,230,230, 0.5);
}
.exhibitions figure header h2,
.exhibitions figure header h3 {
    color: #000;
    margin: 3px 0 0;
    padding: 0;
    text-transform: uppercase;
}
.exhibitions figure header h2 {
    font-size: 30px;
    font-weight: normal;
    text-align: left;
}
.exhibitions figure header h3 {
    font-size: 24px;
	text-align: left;
}

/* NEW SLIDER */
#home_exhibitions{
	width: 100% !important;
}
#home_exhibitions #slideshow_holder{
	height: 529px !important;
}
#home_exhibitions #slideshow_holder {
    font-size: 10px;
    height: 529px !important;
    width: 100%;
}
#home_exhibitions #slideshow_holder li{
	height: 529px !important;
    width: 900px !important;
}
#home_exhibitions #slideshow_holder li img {
    margin: 0 auto;
    width: 100%;
}
#home_exhibitions #slideshow_holder #slideshow_left, #home_exhibitions #slideshow_holder #slideshow_right {
    top: 264.5px !important;
}
#home_exhibitions #slideshow_holder figure header {
    padding: 10px;
    width: 880px !important;
}
#home_exhibitions {
    padding-bottom: 0;
}
.home_aside {
    margin-top: 0 !important;
}
#home_exhibitions #slideshow_holder .exhibition-details {
    margin-top: -60px !important;
}
#home_exhibitions #slideshow_holder time {
    margin-top: 0 !important;
}
#home_exhibitions #slideshow_holder figure header h3 {
    font-weight: normal;
    width: 50% !important;
}
.home_aside li.exhibition {
    margin: 0 10px 0 0;
}
.home_aside li {
    width: 140px !important;
}
.home_aside ul li.last-item { 
	margin: 0 !important; 
}
.home_aside ul li h3{
	padding: 15px 0 5px;
}

/* END NEW SLIDER */

#current-exhibition-details {
    border-bottom: 1px solid #fff;
    height: 1%;
    overflow: hidden;
    padding-bottom: 14px;
}
#current-exhibition-details span {
    display: block;
    float: left;
    font-size: 24px;
    text-transform: uppercase;
}
#current-exhibition-details time {
    float: right;
    font-size: 14px;
    margin-top: 13px;
    text-transform: uppercase;
}

aside ul {
    height: 1%;
    overflow: hidden;
}
aside li {
    float: left;
    margin-right: 2em;
    overflow: hidden;
    width: 220px;
}



aside {
    display: block;
}

div#current-exhibition-details, div#current-exhibition-description {
    display: block;
}

header {
    display: block;
}

body {
    background:  #fff;
}

body.page_main .content  {
    padding: 80px 10px 0;
}
aside {
    float: left;
    width: 180px;
}
div#submenu ul {
    margin: 0;
    padding:0;
    text-align: center;
}
div#submenu {
    display: block;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1;
}
div#submenu ul li ul li a{
    font-size: 12px;
}
div#submenu ul li ul li {
    line-height: 30px;
}
div#submenu ul li ul {
    line-height: 30px;
}
div#submenu ul li ul {
    margin-left: 15px;
}
header nav ul li.publications {
    display: inline;
}

article.artists, article.artist, article.artist_works, article.artist_exhibitions, article.all_exhibitions, article.exhibition, article.video, article.artist_publications{
    width: 100%;
}
article.artist {
    min-height: 300px;
}
article header, article.selected_works header, article.exhibition header, article.video header, article.artist header {
    padding: 12px 0 7px;
}
.selected_works #slideshow_holder {
    margin-top: 110px;
    margin-bottom: 50px;
}
/*article header h1 {
    font-size: 36px;
}*/
article header.current-page {
    display: block;
    margin-bottom: 34px;
    width: auto;
}
article.artist_works figure {
    width: 780px;
    margin:  10px auto 0;
    height: 460px;
    background: rgb(88,88,90);
}
article.artist_works figure .artist_work {
    width: 780px;
    height: 456px;
    font-size: 14px;
}
.selected_works #slideshow_holder {
    margin-top: 55px;
}


/* hiddable */
.hiddable header, .page_contact .hiddable header {
    width: 360px;
}
.page_contact .hiddable header {
    text-align: left;
}

/* Contact page */
.page_contact .contact_exhibitions {
    margin-top: 45px;
}

/*.contact_exhibitions > ul { width: 780px; }
.contact_exhibitions > ul > li { width: 380px; height: 220px;  }
.contact_exhibitions > ul > li:nth-child(even) {margin: 0 0 25px 0; float: right}
.contact_exhibitions > ul > li:nth-child(odd) {  margin: 0 20px 25px 0; float: left}
.contact_exhibitions > ul > li > figure { width: 380px; height: 220px; }
.contact_exhibitions > ul > li > figure > figcaption { font-size: 21px; width: 380px;}*/
h1.place_name {
    display: none;
}
.contact_photos #slideshow_holder {
    margin-top: 60px;
}
.contact_photos #slideshow_holder, .contact_photos #slideshow_holder li {
    height: 456px !important;
    width: 780px !important;
}

/* News page */
.news-list .image {
    width: 390px;
}
.news-list li dl  {
    margin-left: 400px;
}
.news-list li dd.description  {
    font-size: 14px;
}
.news-list li dd span {
    font-size: 14px !important;
}

/* Exhibition place*/
.exhibition_place { width: 860px; margin: 0 auto;}
.exhibition_place .place_left { width: 540px; }
.exhibition_place div.place_map { width: 540px; }
#gmap_link {
    width: 540px;
}

/* Exhibitions */
section.exhibitions {
    margin: 0;
    width: 850px;
}

.page_exhibition #slideshow_holder {
    height: 390px;
}
.page_exhibition #slideshow_holder #slideshow_right, 
.page_exhibition #slideshow_holder #slideshow_left {
    top: 150px;
}

/* Artist exhibition */
article.exhibition {
    height: 1%;
    position: relative;
    margin-top: 25px;
}
article.exhibition #slideshow_holder {
    position: relative;
    margin: auto;
}

article.exhibition #exhibition_infos {
    margin: auto;
    position: relative;
    width: 648px;
}

article.exhibition #press-release {
    margin: auto;
    width: 300px;
}

/* Exhibition works */
.exhibition_works article.exhibition #slideshow_holder {
    position: static;
    margin: 40px auto;
}
.exhibition_works .selected_works #slideshow_holder #slideshow_left {
    left: 150px;
}
.exhibition_works .selected_works #slideshow_holder #slideshow_right {
    right: 150px;
}
.exhibition_works #slideshow_holder #slideshow_right, 
.exhibition_works #slideshow_holder #slideshow_left {
    top: 165px;
}
/* slideshow */
#slideshow_holder {
    width: 620px;
    height: 362px;
}
#slideshow_holder #slideshow_right, #slideshow_holder #slideshow_left {
    top: 175px;
}
#slideshow_holder li {
    height: 362px !important;
    width: 620px !important;
}
.exhibitions #slideshow_holder {
    width: 700px;
    height: 409px;
    font-size: 10px;
    margin: 0;
}
.exhibitions #slideshow_holder li {
    height: 409px !important;
    width: 700px !important;
}
.selected_press #slideshow_holder {
    height: auto;
    width: 780px;
}
.selected_press #slideshow_holder li {
    height: auto !important;
    width: 780px !important;
}
.selected_press #slideshow_holder li .article {
    width: 780px;
}
.selected_press #slideshow_holder li .article .information {
    width: 480px;
}

/* Publications */

/* Selected works */
article.selected_works {
    width: 100%;
}
.selected_works #slideshow_holder, .selected_works #slideshow_holder li {
    height: 435px !important;
    width: 620px !important;
}
.selected_works #slideshow_holder  #slideshow_left {
    left: 0;
}
.selected_works #slideshow_holder  #slideshow_right {
    right: 0;
}
.selected_works #slideshow_holder dl {
    width: 600px;
}
.selected_works .fullscreen_toggle {
    padding-left: 0;
}

/* slideshow video */
article.video {
    width: 100%;
}
article.video header {
    display: none;
}
article.video #slideshow_holder, article.video #slideshow_holder li {
    height: 500px !important;
    width: 840px !important;
    margin: 0 auto;
}
article.video #slideshow_holder {
    background-color: transparent;
    width: 980px !important;
}
.video_slideshow li .video_embed iframe {
    width: 820px;
    height: 385px;
}
.video_title {
    margin-top: -450px;
}
article.video #slideshow_holder {
    margin: 0 auto ;
}
article.video #slideshow_holder  #slideshow_left, article.video #slideshow_holder  #slideshow_right {
    top: 220px;
}

/* slideshow homepage */
.page_main div[role="main"] {
    margin: 0 auto;
    width: 900px;
}
.page_main #slideshow_holder, .page_main #slideshow_holder li {
    height: 494px !important;
}
.page_main .exhibitions figure header {
    width: 680px;
}
.page_main aside {
    border-top: none;
    float: right;
    margin-top: -528px;
    padding-top: 0;
    overflow: hidden;
}
.page_main aside li {
    margin-bottom: 2px;
    width: 180px;
}
.page_main aside h3 {
    width: 180px;
}