/* Fonts
----------------------------------------------------------------------------------------------------*/

@font-face {
	font-family: 'Folks-LightRegular';
	src: url('/media/fonts/Folks-Light.eot');
	src: local('Folks-Light Regular'), local('Folks-Light'), url('/media/fonts/Folks-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'FolksRegular';
	src: url('/media/fonts/Folks-Normal.eot');
	src: local('Folks Regular'), local('Folks-Normal'), url('/media/fonts/Folks-Normal.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSansNarrowRegular';
	src: url('/media/fonts/PT_Sans_Narrow.eot');
	src: local('PT Sans Narrow Regular'), local('PTSans-Narrow'), url('/media/fonts/PT_Sans_Narrow.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSans';
	src: url('/media/fonts/PT_Sans_Italic.eot');
	src: local('PT Sans Italic'), local('PTSans-Italic'), url('/media/fonts/PT_Sans_Italic.ttf') format('truetype');
        font-style:italic;
}

@font-face {
	font-family: 'PTSans';
	src: url('/media/fonts/PT_Sans.eot');
	src: local('PT Sans Regular'), local('PTSans-Regular'), url('/media/fonts/PT_Sans.ttf') format('truetype');
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}

/* Quick Reset
----------------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Base
----------------------------------------------------------------------------------------------------*/
body{font:normal 15px/1 'PTSans', Century Gothic, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Century Gothic, Arial, sans-serif;}

::-moz-selection{
	background:rgb(255,255,255);
	color:#000;
}

::selection {
	background:rgb(255,255,255);
	color:#000;
}

h1{line-height:60px;font-size:54px;margin:0 0 12px 0;font-weight:normal;}
h2, dt{line-height:40px;font-size:36px;margin:0 0 8px 0;font-weight:normal;}
h3, .full-card .fn {line-height:32px;font-size:23px;margin:0 0 0 0;font-weight:normal;}
h4, .full-card .role, .full-card .org {line-height:24px;font-size:20px;margin:0 0 0 0;font-weight:normal;}
.expo-list h3, h5{line-height:24px;font-size:17px;margin:0 0 0 0;font-weight:normal;}
h6,h3.event-dates,h2.artist-info{line-height:16px;font-size:15px;margin:0 0 8px 0;font-weight:normal;}
h1,h2,h3,h4,h5,h6,dt,dd,li,p { text-shadow:0 1px 0px #000; }

body 
        {
        background:#09080D;        
        color:#fcfcfc; 
        }
body.gridified
        {
        background-image:url(/media/grid.png);
        background-repeat:repeat-y;
        background-position:50% 0;
        }
p
        {
        line-height:24px;
        margin:0 0 24px 0;
        text-shadow:0 0 1px #000;
        }
dl, ol, ul
        {
        margin:0 0 24px 0;
        }
em
        {
        font-style:italic;
        } 
sup
        {
        height:0;
	position: relative;
	bottom: 1ex;
	font-size:80%;
	color:#cdcdcd;
        }  
dd
        {
        padding:0 0 0 20px;
        }
li
        {
        font-size:15px;
        line-height:24px;
        }
dl.artist-list dd 
        {
        padding:0 0 0 60px;
        }
dl.artist-list dd li
        {
        line-height:27px;
        font-size:23px;
        margin:0 0 21px 0;
        font-weight:normal;
        }

blockquote { background:transparent url(/media/blockquote.png) no-repeat 0 0; margin:0 0 24px 0; padding-left:60px; font-style:italic; color:#aaa;} 
cite { text-align:right; display:block; font-size:12px; margin-bottom:12px; font-style:normal; color:#ccc;}  
cite:before { content:"- ";}
ul.l-roman li { list-style-type:lower-roman; margin-left:2em; } 

/* Links
----------------------------------------------------------------------------------------------------*/

a:link,
a:visited
        {
        color:#fcfcfc;
        background:transparent;
        text-decoration:none;
        }
a:hover,
a:focus,
a:active
        {
        color:#fff;
        text-decoration:none;
        }
a:focus
        {
        outline:1px dotted invert;
        }         
a.inv:link,
a.inv:visited,
a.inv:hover,
a.inv:focus,
a.inv:active,
.link-hint
        {
        color:#cd006a;                      
        }
a.inv .link-hint
        {
        color:#fff;
        }
p a,
li a,
.expo-list h2 a,
.full-card a,
.email a
        {
        border-bottom:1px solid #222;
        } 
p a:hover,
li a:hover,
.expo-list h2 a:hover,
.full-card a:hover,
.email a:hover
        {
        border-bottom:1px solid #bcbcbc;  
        }  
              
/* Link hints - hide them by default */

a:link .link-hint,
a:visited .link-hint
        {
        display:none;
        }
a:hover .link-hint,
a:focus .link-hint,
a:active .link-hint
        {
        display:inline;
        }        
         
/* Header
----------------------------------------------------------------------------------------------------*/

#header
        {
        position:fixed;         
        top:0;
        left:0;        
        z-index:999;
        width:100%;          
        color:#fcecec;           
        background:transparent url(../media/header-background.png) no-repeat 50% 0;
        text-shadow:0 1px 0 #6d002a;  
        min-width:960px;
        z-index:30;   
        }  
#header-inner
        {
        height:100px; 
        position:relative;
        }  
              
/* Logo */

#logo
        {
        position:absolute;
        top:35px;
        left:10px;
        }   
#logo,
#logo a 
        {
        display:block;
        width:400px;
        height:24px;
        overflow:hidden;
        }        
#logo a
        {
        text-indent:-999em;
        background:transparent url(../media/modernartgalerie-400-fff.gif) no-repeat 0 0;
        }
#logo a:focus,
#logo a:active
        {
        background:none;
        } 
               
/* Main Navigation */  

#main-navigation
        {
        position:absolute;
        top:10px;
        left:420px;
        display:block;
        width:120px;
        list-style-type:none;
        padding:0;
        margin:0;   
        z-index:3;
        }
#main-navigation li
        {
        display:block;
        list-style-type:none;
        padding:0;
        margin:0;               
        }
#main-navigation li a
        {
        font-size:13px;
        display:block;
        color:#ececec;
        text-transform:uppercase;           
        border-width:0 0 0 2px;
        border-style:solid;         
        border-color:rgba(255,255,255,0.2);
        padding:4px 0 5px 10px;    
        line-height:15px;              
        text-shadow:0 1px 0 #6d002a;
        height:15px;
        letter-spacing:0.05em;
        }
#main-navigation li a:active,
#main-navigation li a:focus,
#main-navigation li a:hover,
#main-navigation li a.current
        {                    
        border-color:rgba(255,255,255,0.8);
        text-decoration:none;
        color:#fff;
        text-shadow:0 1px 0 #2d001a;
        }

/* Gallery keyboard navigation helper */

#navigation-aid
        {
        position:absolute;
        top:36px;
        right:0;
        width:50%;
        padding-right:10px;
        text-align:right;
        line-height:22px;
        vertical-align:middle;
        text-transform:uppercase;       
        z-index:2; 
        text-shadow:0 1px 0 #4d002a;   
        font-size:11px;   
        cursor:default;    
        } 

/* Homepage teaser 
----------------------------------------------------------------------------------------------------*/

#teaser
        {
        width:100%;          
        }
#teaser p
        {
        margin:0;
        }
.js-active #teaser
        {
        position:fixed;
        bottom:0;
        background:transparent url(/media/teaser-background.png) repeat-x 0 0;
        padding:16px 0 8px 0;      
        z-index:20; 
        }
.animate-in
        {
        
        }
.animate-out
        {
        
        }
        
/* Gallery
----------------------------------------------------------------------------------------------------*/

.info-block
        {
        padding-top:104px;
        }    
.gallery-list
        {
        text-align:center;
        } 
.gallery-list li
        {
        display:block;
        } 
.gallery-list li img
        {
        margin:0 auto 8px auto;
        border:1px solid #000;
        background:#000 url(/media/ajax-loader.gif) no-repeat center center;
        box-shadow:0px 0px 8px #000;
        -webkit-box-shadow:0px 0px 8px #000;
        -moz-box-shadow:0px 0px 8px #000; 
        }
.content-block 
        {
        min-height:992px;
        }
.portrait
        { 
        width:478px; 
        margin:0 auto; 
        }
.landscape
        {
        width:958px;
        }
.portrait,
.landscape
        {
        line-height:30px;
        }
/* Typography 
----------------------------------------------------------------------------------------------------*/
.missing-glyph
        {
        font-family:arial, sans-serif !important;
        }    
h2,
.by-line,
.standout,
.artist-list dd li,
.full-card .role,
.organisation-unit
        {                              
        font-family:'FolksRegular', century gothic, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", arial;
        }
h1,
h1.standout,
h4,
.expo-list h3,
#teaser h3,
.link-hint,
dt,
img,
sup,
.full-card .fn
        {                   
        font-family:'Folks-LightRegular', 'FolksRegular', century gothic, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", arial;
        }
h3,
h5,
h6,
.event-dates,
.location,
#footer,
.footnote,
#main-navigation li a,
.email a
        {          
        font-family:'PTSansNarrowRegular', 'PtSans', century gothic, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", arial;
        } 
#main-navigation
        {         
        font-family:'PtSans', century gothic, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", arial;
        }
.footnote
        {
        color:#cfcfcf;
        }                
/* Old School amp styling */

.amp
        { 
        font-family: 'Palatino Linotype', 'Hoefler Text', Baskerville, serif;
        font-style: oblique; 
        }  
                     
.event-dates
        {
        text-align:center;
        color:#aaa;
        text-transform:uppercase;
        } 
li span.event-dates
        {
        width:4em;
        }
.standout
        {
        color:#cd006a;                      
        text-shadow:0 0 1px #000;
        font-weight:normal;                         
        }
h1.standout
        {
         -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.9)), to(rgba(255,255,255,1)));     
        }
.by-line
        { 
        color:#fff;           
        }
.ctr
        {
        text-align:center;         
        }
.gallery-list h4,
dt
        {
        color:#cd006a;                      
        text-shadow:0 0 1px #000;
        } 
.sidelined
        {
        color:#a60258;
        }           
.fly
        {
        border-top:2px solid #cd006a; 
        border-bottom:2px solid #cd006a; 
        padding:10px 0 10px 0;
        margin-bottom:24px;
        }  
.location
        {
        color:#ccc;
        letter-spacing:2px;
        }
.expo-info
        {
        margin-bottom:24px;
        min-height:312px;
        }
.expo-list .artist-info          
        {
        border-top:2px solid #444;
        border-bottom:1px solid #444;
        padding:6px 0 7px 0;        
        }
        
/* CSS3 multi-column */

.two-column-txt 
        {  
        column-count:2; 
        column-gap:20px; 
        -moz-column-count:2;
        -moz-column-gap:20px;
        -webkit-column-count:2;
        -webkit-column-gap:20px;
        }  
.js-active .js-typography-fill
        {
        text-align:justify;
        }                 
/* Image border animation - no ie7
----------------------------------------------------------------------------------------------------*/
  
.img-shim span
        {
        display:block;
        position:absolute;
        top:0;
        left:0;
        border:4px solid #000;
        opacity:0.7;
        width:100%;
        height:100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        } 
.img-shim 
        {               
        position:relative;
        } 
.img-shim a
        {               
        display:block;
        border:0 !important;
        text-decoration:none;
        } 
.img-shim a:hover span
        {               
        opacity:0.4;
        }   
.expo-list .img-shim
        {
        margin:0 0 9px 0;
        }
#teaser .img-shim span
        {         
        border-width:2px;
        }

.figure-pull-left-2
        {
        float:left; 
        margin:0 20px 0 -160px;
        width:320px;
        }
.figure-push-right-2
        {
        float:right;
        margin:0 -160px 0 20px;
        width:320px;
        }
        
/* Footer
----------------------------------------------------------------------------------------------------*/
  
#footer
        {
        text-align:center;
        font-size:13px;
        text-transform:uppercase;
        letter-spacing:1px;
        color:#fff; 
        }
#footer .grid_12
        {
        padding:10px 0;
        }
#footer .org img
        {
        height:9px;
        margin:0;
        }
#footer p
        {
        margin:0;
        }

/* vcard styling
----------------------------------------------------------------------------------------------------*/
       
.partial .role,
.partial .fn,
.partial .org,
div.org
        {
        display:none;
        }
.partial div,
.tel,
.street-address,
.tel,
.adr
        {
        display:inline;
        }
.role,
.show-org .org
        {
        display:inline;
        font-weight:lighter;        
        }
.fn
        {        
        font-weight:bold; 
        }
.full-card .fn,
.full-card .org,
.full-card .role,
.full-card abbr,
.full-card div,
.organisation-unit,
.organisation-name
        {
        display:block;
        font-weight:normal;
        }
.full-card
        {
        margin-bottom:24px;
        border-left:2px solid #cd006a;
        padding-left:18px;
        }
.full-card abbr,
.full-card div,
.full-card span
        {
        line-height:24px;
        }
.full-card .fn
        {
        color:#cd006a; 
        }
abbr img 
        {
        display:inline;
        margin-left:2px;
        margin-bottom:9px;
        }
.full-card .role,
.full-card .organisation-unit
        {
        margin-bottom:16px;
        }
.email
        {
        font-size:14px;
        color:#ccc;
        }