@charset "utf-8";
/* CSS Document */
/*94.136.40.103*/

html, body { 
  
  margin: 0;
    padding: 0;
    height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color: #999;
	
}
@media screen and (min-width : 1024px){
html, body { 
	overflow: hidden;
}
}

header  {
    background-color: white;
    z-index: 1000;
    width: 100%;
}


a:hover, a:active, a:focus {
   outline: 0;
}

#container a, #container a:visited {
	text-decoration: none;
	color: #ccc;
	border-bottom:1px solid #000;
	transition: color 0.5s ease;
}

#container a:hover {
	color: #000;
	
}

.k-source-index h1, .k-source-index footer {display:none}


h1{       float: left;
    padding: 0.5em 0.25em 0.25em 0.25em;
    font-size: 1.25em;
    margin: 0;
	 font-family:discoregular;
	 font-weight:100;
	 color:#000;
   }
   
 
 @media screen and (min-width : 1024px){  
h1{      
       padding: 0.7em 1em;
    font-size: 2.2em;
    text-indent: -0.20em;
   }  
 }
   
   h1 a, h1 a:visited  {color:#000; text-decoration:none}


h2{font-weight: 100;    font-weight: 100;
    text-transform: uppercase;
    font-size: 1em;
}

.full{
	display: table;
	margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
	background-size: contain;
    background-position: 65% center;
	background-repeat:no-repeat;
	position: absolute;
    top: 0;
    z-index: 0;
	}
.container{
	display: table-cell;
    margin: 0;
    padding: 5%;
    vertical-align: middle;
	}
.thom{float:left; letter-spacing: -0.05em}
.stew{float:right}
.thom, .stew{font-size: 6.1vw; font-family:discoregular;  color:#000;}
.thom span, .stew span{letter-spacing: -0.05em}

#wrapper {
	    overflow: hidden;
   /* display: table;
    height: 100%;
    width: 100%;
       position: absolute;
    z-index: 100;*/
}
header {
        display: block;
    margin-bottom: 0;
	overflow:hidden;
}
   
#container {
    display: table-row;  /* height is dynamic, and will expand... */
    height: 100%;        /* ...as content is added (won't scroll) */
	float: left;
}
#inner{
	width:100%;
	overflow:hidden;
	margin: 0;
	padding: 0 0.5em;
	box-sizing:	border-box;
	-webkit-overflow-scrolling: touch;
}
.content {
	width: 100%;
    float: left;
    margin: 10;
}
.content p{
font-size:0.8em;
line-height:1.7;
}
@media screen and (min-width : 760px){
	.content {
	width: 44%;
    float: left;
    margin: 1% 3.3% 1% 0;
}

#inner{
	width:100%;
	overflow:hidden;
	/*margin: 0 0 0 0.5em;*/
	padding: 0 0.5em;
	box-sizing:	border-box;
}
}
@media screen and (min-width : 1024px){
	.content {
	width: 30%;
    float: left;
    margin: 1% 3.3% 1% 0;
}
#inner{
	margin: 0 0 0 2em;
	padding: 0
}
}
.k-source-essays #inner{
	width:100%;
	overflow:hidden;
	margin: 0;
	padding: 0 0.75em;
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.k-source-essays #container{
	margin-top:3em;
}

@media screen and (min-width : 1024px){
.k-source-essays #inner{
	
	padding: 0 2em;
	
}
.k-source-essays #container{
	margin-top:0em;
}

}
footer {
    display: table-row;
    
}


ol.grid{
	display: inline-block;
    white-space: nowrap;
	margin:0;
	position: relative;
	
}
ol.grid li{
   height: 100%;
    display: block!important;
    position: relative;
    margin: 0.5em 0 0 0;
	vertical-align:top;
	    width: auto;
}

.imgtitle{font-size:0.6em; line-height:2.5; text-transform:uppercase; color: #333;}
footer{display:none}

@media screen and (min-width : 1024px){
.imgtitle{font-size:0.8em;}
footer{width:100%; margin:0!important;   position: fixed;
    bottom: 0;     height: 2em;line-height: 1.8;display:block}
}

.k-lens-about{overflow:visible}
.k-lens-about footer{display: none}


#next {
    display:none
	
}



#prev {
    display:none
}





footer p{margin: 0.5em 2.5em; color:#666; font-size:0.8em}

ol.grid li.blank{
	width:0px; display:none}
@media screen and (max-width : 1023px){	
	header  { position:fixed;     height: 2.5em;
    overflow: visible;}
	
}



@media screen and (min-width : 1024px), (orientation : landscape){
	
	ol.grid li .imgtitle{opacity:0; transition: opacity 0.5s ease;}
ol.grid li.selected .imgtitle{opacity:1}
ol.grid{
	display: inline-block!important;
    white-space: nowrap;
	margin:0;
	position: relative;	
	width:2000px;
}
ol.grid li{
   height: 100%;
    display: inline-block!important;
    position: relative;
    margin:0 12px 0 0;
	vertical-align:top;
	    width: auto;
}

ol.grid li.blank{
	width:20000px; display:inherit!important}

#next {
	 display:block;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 2em;
   background: #fff;
    text-indent: -2000px;
	z-index:2000;
	cursor:pointer;
	
}

#inner{margin: 0 0 0 2em}



#next:after{
	content:"";
	 background: #fff url(../img/next.png) no-repeat center center;
	  position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 2em;
	opacity: 0.5;
	z-index:2010;
	transition: opacity 0.5s ease;
}
#next:hover:after{opacity: 1;}

#prev {
	display:block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 2em;
    text-indent: -2000px;
    background: #fff url(../img/prev.png) no-repeat center center;
	z-index:2001;
	cursor:pointer;
	opacity: 0.5;
	transition: opacity 0.5s ease;
	
}

#prev:hover{opacity: 1;}



footer{width:100%; margin:0!important;   position: fixed;
    bottom: 0;     height: 30px;line-height: 1.5;
	    text-align: right;
    padding: 0 2em;
    box-sizing: border-box;
	
	}
footer p{margin: 0.5em 2.5em; color:#666; font-size:0.8em}
.imgtitle{font-size:0.6em;}
}

@media screen and (max-width : 1023px) and (orientation : landscape){
	#next {
    display:none
	
}

#prev {
    display:none
}

ol.grid{
	margin-top:2.5em;
}

footer{height: 0px}

.imgtitle{font-size:0.5em;}
#inner{overflow-x: scroll;
margin: 0 0 0 0.5em;
}
}

 /* iPad PORTRAIT */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
#next{display:none}
#prev {display:none}
h1 {
    padding: 0.25em 0.5em;
   
}
footer{height: 30px}

nav ul{
margin: 2em 1em 0 0;
	}

.sh-fb{}
.sh-tw{}

}

@media only screen 
and (orientation : landscape) { 
html.ipad.ios7 > body {
		/*position: fixed;
		bottom: 0;
		width: 100%;
		height: 672px !important;*/
	}
	
	html.ipad.ios7 #inner {

margin: 0 0 0 1em;
    
	
}

html.ipad.ios7 nav ul {
 
    margin: 2em 1em 0 0;
  
}


}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	nav ul {
 
    margin: 2em 1em 0 0;
  
}
}