/* 480 

_________________________________________________

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 	============================================================================= */
#lang {
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 7px;
}
header #lang {
    display: block;
}
body.page_main header[role="banner"] h1 {
    display: block;
    background-color: #fff;
    margin: auto 0;
    padding: 0;
}

body.page_main header[role="banner"] h1 a {
    color: #000;
}

aside {
    display: none;
}

article header.current-page {
    display: none;
}

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

/*body {
    width: 480px;
}*/

header[role="banner"] {display: block;border-bottom: 1px solid #000;}

section.artists-list {
    margin-top: 10px;
}

body .content, body.page_contact .content {
    padding-top: 0;
}
body.page_main,
body.selected_work,
body.page_contact,
body.page_contact_photo,
body.page_exhibitions_place,
body.page_exhibition_video,
body.page_exhibition {
    background-color: #fff;  
}



.page_artist {
    width: 320px;
}

body .content, body.page_main .content, .page_artist .content {
    padding:  1px 0 0;
}


/* Artists */
section.artists-list {
    padding: 0 10px 0;
}
article.artist_works header {
    display: none;
}

article.artist_works figure {
    overflow:  hidden;
    width: auto;
}

article.artist_works figure .artist_work {
    width: 480px;
    height: 300px;
}

article.artist_works figure .artist_work header {
    display: block;
}


/* hiddable */
article .hiddable header, .hiddable header, article .hiddable dl {
    display: block;
    width: 440px;
}
.selected_work .hiddable dl  {
    color: #fff;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.3);
}

.hiddable header a, article .hiddable header a {
    color: #fff;
    text-decoration: none;
}
/* Contact page */
.exhibition_place { margin: 0 auto; width: 460px; }
.contact_exhibitions > ul { overflow: hidden; margin: 0 auto; width: 380px; }
.contact_exhibitions > ul > li { width: 460px; height: 230px;  }
.contact_exhibitions > ul > li > figure { width: 380px;  }
.contact_exhibitions > ul > li > figure > figcaption { font-size: 25px; padding: 3px 0 0; width: 380px; }
h1.place_name {
    display: none;
}
#gmap_link {
    width: 460px;
}
.contact_exhibitions {
    display: none;
}
.page_contact #slideshow_holder {
    display: block;
}
.page_contact #slideshow_holder figcaption { 
    background-color: rgba(230, 230, 230, 0.5);
    color: #000000;
    font-size: 21px;
    padding: 3px 0 0;
    position: absolute;
    text-transform: uppercase;
    width: 380px;
}
article header {
    display: none;
}
.page_artist article header {
    display: block;
}
#place_exhibitions {
    display: none;
}
.page_exhibitions_place #slideshow_holder, .page_exhibitions_place #slideshow_holder header {
    display: block;
}

/* News page */
.news-list li {
    font-size: 14px;
    width: 460px;
}
.news-list .image {
    display: none;
}
.news-list li dt  {
    display: block;
    font-weight: bold;
    font-size: 15px;
}
.news-list li a {
    color: #000;
}
.news-list .hiddable header {
    display: none !important;
}


/* Exhibition place*/
/* the same as iphone portrait */
header nav[role="mobile_menu"] {
  display: none;
}


/* Artist exhibition */
article.exhibition header, article.exhibition #press-release {
    display: none;
}

/* slideshow */
#slideshow_holder, .selected_works #slideshow_holder {
    margin-top: 1px;
    height: 269px;
    width: 460px;
}
#slideshow_holder #slideshow_right, #slideshow_holder #slideshow_left {
    top: 100px;
}
#slideshow_holder li, .selected_works #slideshow_holder li {
    height: 269px !important;
    width: 460px !important;
}
.selected_press #slideshow_holder {
    height: 300px;
    width: 212px;
}
.selected_press #slideshow_holder li {
    height: 300px !important;
    width: 212px !important;
}

/* slideshow video */
.page_main #slideshow_holder {
    display: block;
}
.mobile_home {
    display: none;
}

/* slideshow homepage */
.page_main #slideshow_holder {
    overflow: hidden;
}
.page_main .mtdtouch-scroll-wrapper {
    margin-top: 0;
    overflow: hidden !important;
}
.page_main #slideshow {
    margin-top: 0;
    overflow: hidden !important;
}
.page_main #slideshow_holder ul {
    overflow: hidden;
} 
.page_main #slideshow_holder li {
    float: left !important;
    margin-bottom: 0;
}
.page_main #slideshow_holder #slideshow_right, .page_main #slideshow_holder #slideshow_left {
    display: block;
}
/* Selected works */
article.selected_works header {
    display: none;
}
.selected_works #slideshow_holder dl {
    position: absolute;
    top: 0;
    text-align: center;
    width: 440px;
}
.exhibition-info {
    width: 359px;
}

/* video */
article.video #slideshow_holder , article.video #slideshow_holder li {
    height: 300px !important;
    width: 480px !important;
    margin-top: 0;
}
.video_slideshow li .video_embed iframe {
    width: 380px;
    height: 200px;
}

/*begin add 17/10/2014*/

.list_other_artists {
    display: block;
}
footer .list_other_artists section.artists-list {
     display: block;
}
#list_static a{
    color: #a2a2a4;
}
.list_social{
	display: inline;
}
.list_social li{
	display: inline;
}
.social{
text-align:center;
}
/*end add 17/10/2014*/