/* TOP LEVEL */
html {}
body {margin:0; padding:0; background:#666666; color:#000000; overflow-y: scroll; }
	.ie7 body {overflow: hidden; }	

#header {background:#000000; padding:20px 0 0 15px; }
	#header ul.tabs {text-decoration:none; list-style:none; margin:0; padding:0; font: 10px Courier, monospace; letter-spacing:0;}
	.win #header ul.tabs {font: 11px/12px "Courier New", monospace;}
		#header ul.tabs li {float:left; text-transform:none; background: transparent url(../gfx/tab-l.png) no-repeat top left;  }
		#header ul.tabs li a {display:block; width:210px; height: 33px; padding: 12px 20px 0 20px;
			background: transparent url(../gfx/tab-r.png) no-repeat top right; color:inherit;}
		#header ul.tabs li a:hover {font-weight:normal;}
		#header ul.tabs .ue {background-color:#666; color:#fff; }
		#header ul.tabs .ef {background-color:#FAB79D; color:#666; text-decoration:underline; }
		#header ul.tabs .mp {background-color:#fff; color:#b3b3b3;  }
			.ie7 #header ul.tabs .mp span {background-color:#fff; color:#b3b3b3;  }
			
#content {padding:26px 32px 34px 32px}
	.ie7 #content {padding:16px 32px 34px 32px}

/* HOME */
#overview-wrapper {padding-right:24px}
	#overview {width:900px; /*display: none;*/}
		#overview-wrapper h2, #overview-wrapper input
		{color:#A2A2A2; font: 24px/25px Helvetica, sans-serif; font-weight: bold;}
#showreel-wrapper {display:inline-block; padding-right:58px; /*display: none*/}
	#showreel {display:block}
#showreel-wrapper object, #showreel-wrapper embed,
#showreel-wrapper img {display:block;}

#showreel-wrapper .box {margin:16px 0 0 0;}
#showreel-wrapper .box.first-child {margin:0;}
#showreel-wrapper .title {margin:8px 0 0 0;}

#subscribe-form {display: block; margin:0;}
#subscribe-form input {border:0px solid white; width:175px; padding:0; margin:0; outline:none; line-height: 23px;  }
.webkit #subscribe-form input {font-size: 21px;line-height: 21px;  }
.ie7 #subscribe-submit {padding-right:8px;}


/* TAGS */
.tags{margin:0 0 12px 0; line-height:24px}
	a.tag,
	a.button {background:white; color:#666666; text-decoration:none; font-weight:bold; padding:6px 4px 5px 4px; line-height:10px;
		white-space:nowrap; display:inline-block;
		-moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.win a.tag, .win a.button {font-weight: normal; }
	.webkit a.tag, .webkit a.button {font-weight:normal !important;}
	.tags .tag {margin:0 4px 4px 0}
	a:hover.tag, a.active.tag,
	a:hover.button { background:#92FF83; color:#666 !important; }
	a.active.tag span:after {content:' X';}

#loader {display:none}

/* ITEMS */
#items {position:relative; }
	#items .wrapper{float:left; margin:0 6px 6px 0; }
	#items .event.wrapper,
	#items .news.wrapper,
	#items .publicity.wrapper {position:relative;}
		#items .publicity.wrapper img.earmark {position:absolute; bottom:-8px; right:0; }
		#items .news.wrapper .tail {position:absolute; bottom:0; left:0; width:100%; height:21px; background: transparent url(../gfx/news-tail.png) no-repeat top center;  }
	
	#items a {display:block;  padding:8px; height:137px; outline:none;
				background:black; color:#666; text-decoration:none; }
	#items .restricted a {background:#4d4d4d; color:white;}
	#items .restricted a:hover { color:#666;}
	#items a:hover {background-color:white }
	#items a.inactive:hover {background-color:black}
	#items .project a {-moz-border-radius: 3px; -webkit-border-radius: 3px;}
	/*#items .project a.restricted {background:#4d4d4d; color:white;}
		#items .project a:hover.restricted{background:white; color:#666;}*/
	#items .project .info {white-space:nowrap; overflow:hidden}
	#items .project a img {margin-bottom:8px; display:block}
	#items .news a {}
		#items .news .info {height:12px; overflow:hidden;}
		
	#items .event a {float:left; background-image: url(../gfx/event-border-l3.png); background-repeat: no-repeat; background-position: top left; padding:8px 16px 8px 16px;}
	#items .event a.inactive {cursor: default;}
		#items .event img {position:absolute; bottom:0; right:0; }
		#items .event .hr {color:#666; width:10px; }
		#items .event .info {height:85px; display:table-cell; vertical-align:bottom; }
		#items .event .info span {  white-space:nowrap;  }
		#items .event b {color: #fff; font-weight: normal;}
	
	#items .person img {display:block; margin:0 auto;}
	#items .person .info {background:black; color:#666; padding:6px; }
 

/* DEV*/
#markers {position:fixed; top:45%; left:20px; z-index:100; display:none}
	.marker {width:30px; height:30px; border-right:10px solid white; color:white; background:gray; display:inline-block}

/* LIGHTBOX */
#lightbox {background:#666; position:absolute;  left:0; top:0;  z-index:10; display:none; width:100%;  }
	#lightbox-container {padding:26px 32px; margin-bottom:24px; position:relative; z-index:9; /*width:996px;*/}
	#lightbox-nav {position:fixed; width:300px; top:26px; right:32px; /*left:816px;*/ z-index:10;}
		#lightbox-nav a {padding:4px; float:right; padding:5px; }
		#lightbox-nav div {float:right;}
		#lightbox-close, #lightbox-share-fb, #lightbox-share-tw { margin-left:4px; }
		#lightbox-share-fb {margin-right: -50px;}
	#lightbox #project {width:924px;}
		/*#lightbox-container embed, 
				#lightbox-container object,
				#lightbox-container img {display:block; margin-bottom:6px;}
				#lightbox-container a.playable {width:488px}*/

/* PROJECTS */
.single.project {}
	/*.single.project .header.container {max-width:1024px;}*/
	.single.project .info { /*float:left;  width:70%;*/ }
	.single.project .info .container.autocols { 
		margin-right:18px;
		-moz-column-count: 2; -moz-column-gap: 18px;
		-webkit-column-count: 2; -webkit-column-gap: 18px;
		column-count: 2; column-gap: 18px;
		}
		.single.project .info .container div.col { float: left; width: 50%;  }
		.single.project .info .container div.p { margin:0 18px 0 0;  }
	.single.project .testimonial-wrapper {position:relative; margin-bottom:21px; width:300px;}
		.single.project .testimonial {display:block; margin:0; padding:8px;
					background:black; color:#666; text-decoration:none; word-wrap:break-word; 
					-moz-border-radius: 3px; -webkit-border-radius: 3px; }
		.single.project .tail-s {width:39px; height:21px; background:url(../gfx/tail-s.png); position:absolute; bottom:-21px; left:50%; margin-left:-20px; }
	.single.project .items .box {margin:16px 0 0 0}
	.single.project .items .box:first-child {margin:0}
	.single.project .publicity.box {margin:8px 0}
	.testimonial .author{display:block; margin:6px 0 0 0 ;}
	.single .box img, .single .box object {display: block;}
	.box .title {margin:6px 0 0 0;}

.info .col {float: left; width:300px; margin:0 16px 0 0;}
.info .box {margin:16px 0 0 0; width:284px; word-wrap:break-word;}
.info .box:first-child {margin:0;}

#footer {position:fixed; bottom:0; left:0; width:100%; padding:10px 32px; background:#666666; z-index:100 }
	#footer .main {float:left; margin:0 12px 0 0;}

/* TYPO */
body,input,select,textarea {font: 10px/12px Courier, monospace; }
.win body, .win input, .win select, .win textarea {font: 11px/12px "Courier New", monospace;  }
h1,h2,h3 {margin:0; padding:0; font-weight:bold; color:#666 }
h1 {font: 36px Helvetica, sans-serif; line-height:34px; }
/*h2 {font: 22px Helvetica, sans-serif; font-weight:bold; line-height:23px; }*/
h2 {font: bold 24px/25px Helvetica, sans-serif; color:black; }
a {color:white; text-decoration:none}
h2 a:hover, #footer a:hover {color:#92FF83;}
strong {color:#fff; font-weight:normal}


/* GRAPHICS */
.hr {color:black; padding:5px 0 10px 0; overflow:hidden}
.box {padding:8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:black; display:block; color:#666}
.box.inline {display:inline-block}

/*FORMS*/
form {margin: 0;}
label {display: block; padding: 4px 0;}
label:first-child { padding: 0 0 4px; 0}
input.text {border:0;}
#username,
#password,
#recaptcha_response_field { width:200px; padding:4px;}
.error {color:#ff6666; font-weight: bold;}
form p:first-child {margin-top:0;}

/* GENERIC */
a img {border:0}
.left {float:left;}
.right {float:right;}
.clear {clear:both}

/* FIXES */
.safari .tag, .safari .button { padding:4px;}
.safari #items .item {display:inline-block;}

/* PALETTE */
.luminous-green {color:#92FF83}