/*
Theme Name: Undefine

*/
html {
    background: none;
    height: 100%;
}

body {
	/*overflow: auto;*/
	font-family: Geneva, Verdana, sans-serif;
	font-size:11px;
	line-height:16px;
	background-color: #f5f5f5;
	margin:0;
	padding:0;
	text-align:center;	
}

body {
    width: 100%;
    height: 100%;
}

#slideshow {
    position: absolute;
/*
    z-index: -1;
*/
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    min-width: 960px;
    min-height: 600px;
    overflow: hidden;
    display: none;
}

#slidingBox {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 200%;
    overflow: hidden;
}

div.unit {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
    background-color: #ccc;
    text-align: left;
    float: left;
}

div.unit img {
    position: relative;
    top; 0;
    left: 0;
    height: 100%;
    width: auto;
    min-width: 960px;
    min-height: 600px;
}

div.other img {
    width: 100%;
    height: auto;
}

h2 {
	margin-bottom: 8px;
}

h2 a {
	text-decoration: none;
}
h2 a:hover {
	text-decoration: underline;
}


strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

a {
	color:#000;
}
a:hover {
	text-decoration:underline;
}
strong {
	font-weight: bold;
}

#pageWrapper {
	width:960px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	background-color: #F5F5F5;
	position:relative;
	z-index:4;
}

#home.init #pageContainer {
	opacity: 1;
}

#home #pageContainer {
	opacity: 0.8;
}

#pageContainer {
	overflow:visible;
	position:relative;
	z-index:5;
	padding-left:45px;
	padding-right:45px;
	background-color: #F5F5F5;
}
.entry span[style] {
	font-weight: normal !important;
	color: #000 !important;
	font-family: Geneva, Verdana, sans-serif !important;
	font-size: 11px !important;
}
.row {
	margin-bottom:48px;
	clear:both;
}
.col {
	width:195px;
	margin-right:30px;
	float:left;
	border-top:solid 1px #000;
	padding-top:12px;
}
.col.lastCol{
	margin-right:0;
	clear:right;
}
.rightHalf .col {
	border-top:none;
	padding-top:0;
}
.rightHalf .col .block {
	margin-top:0;
	margin-bottom:24px;
}

.col h2 {
	  margin-bottom:15px;
	  font-size:14px;
	  display:block;
}
.col img {
	  margin-bottom:15px;
	  width:195px;
	  height:auto;
}
.col .block {
	  margin-top:24px;
}
.col .block a, .col .block a:visited, .rightHalf a {
	  color:#666;
	  text-decoration:none;
}
.col .block a:hover, .rightHalf a:hover {
	  color:#666;
	  text-decoration:underline;
}

.col h4, .rightHalf h4 {
	display:inline;
	color:#000;
}
.langItems { 
	color:#808080; text-align:right; text-transform: uppercase;
}
.title a:hover,
.langItems > .langItem { 
	color:#9B9B9B !important;
}
.langItems > .activeLang { 
	color:#000;
}
.title a {
	text-decoration: none;
}
.title a:hover {
	text-decoration: underline;
}
	
#mediaNav {
	height:58px;
	overflow:hidden;
	background-color:#E6E6E6;
}
#mediaNav img.loadingAnim {
	margin:20px;
}
#mediaNav a{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#thumbBlock {
	float:left;
	height:58px;
	width:116px;
	margin-right:2px;
	overflow:hidden;
}
#thumbSlider {
	height:58px;
	position:relative;
}

#mediaNav img {
	  width:auto;
	  height:auto;
	  margin:4px;
}

#mediaNav .videoItem .overlay{
	width:50px;
	height:50px;
	position:relative;
	left:0;
	top:0;
	z-index:10;
}
#mediaNav .videoItem img{
	width:50px;
	height:50px;
	position:relative;
	left:-4px;
	top:-54px;
	z-index:8;
}
#mediaNav .videoItem {
	width:50px;
	height:50px;
	overflow:hidden;
	float:left;
	margin:4px;
	
}


#mediaNav li {
	display:inline;
	float:left;
}


.hiddenProject {
	 position:absolute;
	 float:none;
	 left:-9999px;
	 top:-9999px;
}


#news h4, #linksBox h4, #documentsBox h4 {
	display:block;
}

#nav {
	height:86px;
	background: #f5f5f5;
	padding: 0;
	margin-bottom: 10px;

}
#nav li {
	float:left;
}

#nav img {
	float:left;
}

#topTitle {
	margin-left:30px;
	margin-top:30px;
	width:320px;
	float:left;
}

#topTitle h4 {
	display:inline;	
}

/* Menu */
#menu {
	float:right;
	width:420px;
	margin-top:24px;
	padding-top:3px;
	border-top:solid 1px #000;
}
#menu li .title{
	/*width:95px;*/
}
#menu li.lang, #menu li.lang .title{
	text-transform:uppercase;	
}
#menu li.lang {
	margin-right: 0;
	text-align: right;
	float: right;
}
#menu-works,
#menu-artists {
	margin-right: 64px;
}
.subMenu {
	display: none;
}
#menu ul li ul li {
 	clear: left;
}

#menu ul li ul,
.flyOut ul { 
	padding:20px;
	background-color:#000;
	position:absolute;
	z-index:500;
	color:#FFF;
}

#menu .subLinks {
	position: static !important;
	padding: 0 0 0 20px;
}

#menu ul li ul a,
.flyOut ul a {
	color:#FFF;
	text-decoration:none;
	height:auto;
	
}

.displayContent {
	margin-bottom:15px;
	display:block;
	width:418px;
	text-align:right;
	float:left;
}

h1, .hType1 {
	font-size:26px;
}

a.hType1 {
	text-decoration: none;
}

a.hType1:hover {
	text-decoration: underline;
}

.subtitle, .year {
	color:#808080;
	font-size:17px;
}
.subtitle, .blackSubtitle {
	display:inline;
	font-size:17px;
}
.year {
	width:420px;
	margin-top: 10px;
	margin-bottom:24px;
	display:block;
}

p {
	margin-bottom:1em;
}

.selected {
	font-weight:bold;
}
.work {
	width:200px;
	float:left;
	margin:15px;
	background:#DDD;
}
.post {
	position: relative;
	padding-bottom: 50px;
}

/* TODO:remove */
.post .entry { 
	width:420px;
	float:left;
	margin-right:30px;
}

.colTitle {
	width:100%;
	border-bottom:1px solid #000;
	margin-bottom: 22px;
	padding-bottom: 3px;
}

#news {
	float:left;
	width:100%;
}

#linksBox, #documentBox {
	float:left;
	margin-bottom:24px;
	clear:both;
	width:195px;
}
#projectImage {
	float:left;
	width:420px;
	margin-bottom:2em;
}

.date, .hType1 {
	color:#808080;	
}
#topZone {
  width:100%;
  height:auto !important;
  height:200px;
  /*overflow:auto;
    min-height:200px;
  */
  padding-bottom: 50px;
  float:left;
  position: relative;
}
#contentPrimary {
	position: relative;
}
.rightHalf {
	width:420px;
	float:left;
	margin-top:20px;
	overflow: hidden;
	position: relative;
}
.rightHalf img {
	max-width: 420px;
	max-height: 300px;
}
.showWorksJs .rightHalf {
	display: none;
}
.showWorksJs .leftHalf {
	overflow: visible;
}
.showWorksJs .sub-listing {
	width: 870px;
}
#content .rightHalf {
	margin-top:0;
}

.leftHalf {
	width:420px;
	float:left;
	margin-top:20px;
	margin-right:30px;
}

#entryMenu {
	width:420px;
	height:24px;
	margin-bottom:48px;
	margin-top:48px;
	border-top:1px solid #000;
}

#content{
	clear:both;
	padding-bottom:48px;
	clear:both;
}

.sIFR-active h1, .sIFR-active h2, .sIFR-active h3, .sIFR-active #menu li .title {
  visibility: hidden;
}
.menu_item h2 {
  visibility: visible;
}

.WorkTitle {
	/*background-color:#CCC;*/
	/*font-size:16px;*/
}
.WorkLinks {
	/*background-color:#CCC;*/
}

.entry h3{
	font-size:13px;
	/*font-weight:bold;*/
}
.entry h4{
	font-size:13px;
	font-weight:bold;
}

.captionBox h4{
	text-decoration:underline;
}
.captionBox {
	margin-top:15px;
}

.sIFR-active #menu li .title, .sIFR-active h2{
	letter-spacing:3px;
	display: block;
}

#topZone h4, .block h4 {
	text-decoration:underline;
}
/* Son */
.accessibility {
	display: block;
	position: absolute;
	left: -9999px;
}
.navigation_secondary {
	clear: both;
}
.navigation_secondary li {
	display: inline;
	margin-right: 15px;
}

.navigation_secondary a {
	text-decoration: none !important;
}
.navigation_secondary a:hover {
	text-decoration: underline !important;
}
.navigation_secondary a.active {

}

.flyOut ul {
	position: absolute;
	top: 20px;
	right: 0;
	display: none;
	width: auto;
	padding: 15px 20px;
}
.flyOut ul li {
	display: block;
	width: 100%;
}
.flyOut ul a.active {
	color: #808080;
}

#flyOut2 {
	left: 40px;
}
#flyOutTitle {
	text-decoration: none;
	padding-right: 20px;
	background: transparent url(img/icons.gif) no-repeat right 2px;
}
.flyOutSingle {
	background: none !important;
	cursor: default;
}

/* page specifics */
#works h2,
.works h2,
.artist h2 {
	clear: left;
	font-size: 18px;
	float: left;
	padding-bottom: 2px;
}
.artist h2 {
	padding-bottom: 11px;
}

.artists h2 {
	font-size: 16px;
	display: block;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

.artists .sub-listing h2 {
	border-bottom: 1px solid #000;
}

.artist .leftHalf {
	margin-top: 0;
}


.listing .listing-item h2 {
	margin-top: 20px;
}
.listing .firstProject h2 {
	margin-top: 0;
}

.sub-listing {
	clear: left;
}

.sub-listing li {
	float: left;
	width: 195px;
	margin-right: 30px;
	margin-top: 13px;
	margin-bottom: 30px;
}
.sub-listing p {
	margin-bottom: 0;
	padding-top: 13px;
}

.project .sub-listing li {
	margin-top: 0;
}
.sub-listing li.col1 {
	clear: left;
}
.sub-listing li.colLast {
	margin-right: 0;	
}

#works .sub-listing,
.works .sub-listing,
.artists #contentPrimary .sub-listing {
	border-top: 1px solid;	
}
#contentPrimary .sub-listing {
	border-top: none;
}

.newsPosts li {
	margin-bottom: 20px;
}
.page_gallery li {
	display: inline-block;
	margin-right: 10px;
	position: relative;
}
.icons {
	background: transparent url(img/icons.png) no-repeat 0 0;
}
.iconPlay {
	height:18px;
	left:36%;
	position:absolute;
	top:28%;
	width:18px;
	display: inline-block;
	text-indent: -9999px;
}
.audio {
	background-color: #a0a0a0;
	overflow: hidden;
	background-position: -373px 12px;
	cursor: pointer; 
	position: relative;
}
.audio a {
	cursor: default;
	overflow: hidden;
	position: absolute;
	left: -9999px;
}

.page_gallery li,
.page_gallery li img,
.audio a {
	width: 65px;
	height: 43px;
}

.vimeo .icons {
	display:block;
	left:23px;
	position:absolute;
	top:13px;
}

#mediasNavigation,
#audioNavigation {
	padding-bottom: 10px;
}
#mediasNavigation,
#mediasMask,
#audioNavigation,
#audioMask {
	position: relative;
	overflow: hidden;
	height: 60px;
}
#mediasMask,
#audioMask {
	width: 366px;
	margin:0 25px;
}
#mediasList {
	padding-top: 10px;
}
#audioNavigation a.ymp-btn-page-play, 
#audioNavigation a.ymp-btn-page-pause {
	padding-left: 0 !important;
}
.sliderMode {
	background-position:0 -23px;
}
#audioNavigation.sliderMode {
	background-position:0 -35px;
}
#audioNavigation.disableRight {
	background-position:0 -146px;
}
.sliderMode #mediasList,
.sliderMode #audioTracks {
	position: absolute;
	top:0;
	left:0;
}
.disableRight {
	background-position:0 -134px;
}
#audioNavigation.disableLeft {
	background-position:0 -91px;
}
.disableLeft {
	background-position:0 -80px;
}
.mediasNav {
	height: 15px;
	width: 15px;
	position: absolute;
	top: 30px;
	z-index: 999;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}
#audioNavigation .navLeftJs,
#audioNavigation .navRightJs {
	top: 10px;
}

.navLeftJs {
	left: 0;
}
.navRightJs {
	right: 0;
}
#spotLight {
	width: 420px;
	height: 315px;
	overflow: hidden;
}
.project #works .sub-listing {
	border:none;
}

.clear,
.post-edit-link {
	clear: both;
	display: block;
}

#projectTitle {
	margin-bottom: 20px;
	color: #000;
}
#projectTitle.landing {
	color: #000;
}

.newsIsFalse {
	width: 100% !important;
}

#works img,
.sub-listing img{
	width: 195px;
}

.menu_text {
	display: none;
}
.menuItem {
	/*display: inline-block;*/
}

.works #menu-works a,
.projects #menu-works a,
.artists #menu-artists a,
.info #menu-info a {
	color: #9b9b9b;
}

.info h1 {
	font-size: 25px;
	padding-bottom: 11px;
	border-bottom: 1px solid #b9b9b9;
	margin-bottom: 16px;
}

.info .rightHalf {
	margin-top: 93px;
}

.post a,
.sub-listing a:hover {
	text-decoration: underline;
}

.sub-listing a {
	text-decoration: none;
}

#audioTracks li {
	clear: left;
}
#audioTracks li object {
	float: left;
}
#audioTracks a {
	background-color:#000000;
	display:inline-block;
	height:37px;
	padding-top:3px;
	text-indent:-9999px;
	width:65px;
	overflow: hidden;
}
#audioTracks a em {
	left: 41%;
	top: 30%;
}

/* Prototype */
.loader {
	width: 24px;
	height: 24px;
	background:transparent url(img/ajax-loader.gif) no-repeat 0 0;
}
.menu_item {
	display: none;
	padding-bottom: 50px;
}
.menu_item_default {
	display: block;
}
.tmp_content {
	display: none;
}

#home {
	position: relative;
}

#home #menu li.lang {
/*
	margin-right: 0;
*/
}
#home #pageWrapper {
	background: none;
}
#home #nav {
/*	
	background: #f5f5f5;
	padding: 0 25px 0 20px;

	opacity: 0.7;

*/
}
#home.init #nav {
/*
	opacity: 1;
*/
}

.init #nav img {
	display:none;
}
#slideShow,
#slideShow li {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	display: none;
}
#slideShow li {
	display: block;
}

#home #siteIdentity {
	display: block;
}
#home.init #siteIdentity {
	display: none;
}

#siteIdentity {
	font-size:26px;
	left:130px;
	position:absolute;
	top:30px;
	display: none;
}

#audioPlayer {
	left:69px;
	position:absolute;
	top:234px;
}
.hide {
	display: none;
}
#playerBackground {
	width: 420px;
	height: 299px;
	background-color: #acacac;
}
#musicPlayer span {
	display: block;
	paddi
}