/* TOP LEVEL */
html {}
body {margin:0; padding:0; background:#FAB79D; color:#666666; 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}
	#overview-wrapper {position:relative; padding-right:24px; /*min-height:22px;*/}
		#overview {width:780px;}
		#overview-close {position:absolute; bottom:0; right:0; /*-moz-border-radius: 0; -webkit-border-radius: 0;*/ padding:2px 4px;}
		#overview-open {display:block; float:left; padding:3px 4px;  }

	


/* HOME */

.tags{margin:0 0 -4px 0; line-height:20px; }
	a.tag, /*.tags h2,*/
	.button {background:white; color:#666; text-decoration:none; padding:0 4px;
			/*line-height:12px !important;  font-size:18px !important;*/
			white-space:nowrap; display:inline-block; 
			-moz-border-radius: 3px; -webkit-border-radius: 3px;}
		.grey.button {background:#666; color:#FAB79D;  }
	.tags .tag {margin:0 4px 4px 0}
	a:hover.tag, a.active.tag,
	a:hover.button { background:#000; }
	.private .tags, .private .tags-dots {display: none;}
	#overview-close span:after,
	a.active.tag span:after {content:' X';}

#items {position:relative; /*border-bottom:44px solid transparent;*/ }
	#items .item {display:block; margin:0 10px 10px 0; padding:8px; background:#000000; color:#999; text-decoration:none;
				-moz-border-radius: 3px; -webkit-border-radius: 3px; width:294px; }
	#items .item.tag-quote { margin-bottom:32px; }
		#items .item.tag-quote .copy { padding:24px 16px; text-align: center;  }
	#items .tag-quote h3, #items .text h3 {margin-top:12px}
	#items .item .tail {width:39px; height:22px; background:url(../gfx/tail-s.png); position:absolute; bottom:-22px; left:56px}
	#items .item .earmark {position:absolute; bottom:0; right:0; }
		#items .item .copy {word-wrap:break-word}
		#items .item h3 {font-size:12px; color:#fff}
		#items .item a {color:#fff; outline:none;}
			#items .item.hover h3 {color:#000}
			#items .item.hover a {color:#000}
		
		#items .item p {margin:0}
		#items .item img.main {display:block; margin-bottom:8px}
		#items .item .object {display:block; margin:8px 0}
		#items .item .object:first-child {margin:0 0 8px 0}
		
		#items .item.hasMore p.meta,
		#items .item.hasMore h3.title {padding-right:40px;}
		
		#items .video-img-wrapper {width:294px; height:294px; overflow:hidden; margin-bottom:6px; position:relative}
			#items .video-img-wrapper .icon {position:absolute; top:118px; left:125px; z-index:10; width:44px; height:58px; background: url(../gfx/play.png) no-repeat left top ;}
			#items .video-img-wrapper a:hover .icon {background: url(../gfx/play.png) no-repeat left bottom ;}
		
		.downloadFlyout, .clearBoth {display:none !important;}
		


/*SOUNDMANAGER PLAYER*/
a.audio {display:block; width:294px; height:12px; margin-bottom:8px;  } /* needs to be set for layout */
a.playable { }
	a.playable .label {margin:0; display:block; float:left; width:16px; height:12px;
						background:url(../gfx/play-small.png) no-repeat left top;} 
		a.playable.playing .label {background:url(../gfx/pause-small.png) no-repeat left top;} 
		a.playable.paused .label {background:url(../gfx/play-small.png) no-repeat left top;} 
	a.playable .ui {display:block; }
		a.playable .ui.timing { display:none; }
		a.playable .ui.controls {position:relative; display:block; float:right; width:278px; height:12px; background:#333 }
		a.playable .ui.controls .loading {position:absolute; top:0; left:0; background:#666; display:block; height:12px; width:0%; }
		a.playable .ui.controls .position {position:absolute; top:0; left:0; background:#fff; display:block; height:12px; width:0%; z-index:1 }


#loader {display:none}


/* LIGHTBOX */
#lightbox { background:#FAB79D; position:absolute; top:0; left:0; z-index:90; display:none; width:100%; height:100%; /*overflow-y:scroll;*/ }
	#lightbox-container { padding:26px 32px 40px 32px; /*margin:65px 0 24px 0;*/ position:relative; z-index:9; }
		#lightbox-container h2 { /*float:left;*/ margin-right:175px; font-size:12px; line-height: 12px;}
		#lightbox-nav {position:fixed; top:26px; right:32px; z-index:1;}
		.ie #lightbox-sharenav {width:100px; padding:8px; margin:22px 14px 0 0; float:right; background-color: #FAB79D;}
			#lightbox-nav a {padding:2px 4px; float:right; }
			#lightbox-close, #lightbox-share { margin-left:4px; }
			#lightbox-sharenav {clear:both; padding:22px 22px 22px 0; position:relative; top:-22px; right:-22px; display:none;}
				#lightbox-sharenav a {display:block; clear:both; margin-top:4px;}
		#lightbox-copy {font-size:12px; line-height:14px;}
			#lightbox-copy.columns {
				-moz-column-width: 300px; -moz-column-gap: 36px; -moz-column-count: 2;
				-webkit-column-width: 300px; -webkit-column-gap: 36px; -webkit-column-count: 2;
				column-width: 300px; column-gap: 36px; column-count: 2;
			}
			#lightbox-copy p {margin:0; display:inline;}
			#lightbox-copy a {color:#fff;}
			#lightbox-copy a:hover {color:#666;}
		#lightbox-content div>embed,
		#lightbox-content object,
		#lightbox-content a.playable,
		#lightbox-content img {display:block; margin-bottom:12px; background: black;
			border:8px solid black; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
		#lightbox-content img {display:inline-block; margin-right:12px; vertical-align: top; }
		#lightbox-content a.playable {}




#footer {position:fixed; bottom:0; left:0; width:100%; padding:12px 32px; background:#FAB79D; z-index:100 }
	#footer input {color:#666; border:0px solid white; width:175px; }
	.gecko #footer input {padding:0 2px;}
	.ie7 #subscribe-submit {padding-right:8px;}
	#foot-share-wrapper {display: inline-block; position: relative;}
		.ie7 #foot-share-wrapper {zoom:1; display:inline;} /* trigger IE hasLayout, inline block */
		.ie7 #foot-share {padding-right:8px;}
		#foot-share-wrapper a {outline:none;}
	#foot-sharenav { padding:22px;  position: absolute; bottom:-12px; left:-30px; display:none; }
		#foot-sharenav .bg {background:#FAB79D; padding:8px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
		.ie7 #foot-sharenav .bg {height:100px; padding:8px; border-right:8px solid #666;}
		#foot-sharenav a {display:block; float:left; padding:4px; margin-bottom:4px; }


/* TYPO */
body,input,select,textarea {font: 10px Courier, monospace; line-height:14px; }
	.win body, .win input, .win select, .win textarea {font: 11px/12px "Courier New", monospace;  }
h1,h2,h3 {margin:0; padding:0; font-weight:normal; color:#666 }
h1,h2 {font-size:24px; line-height:22px; }
a {color:#666; text-decoration:none}
a:hover {color:#fff; }
strong, em {color:#eee; font-weight:normal; font-style:normal}

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


/* GENERIC */
a img {border:0}


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

/*DEBUG*/
/*#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}
*/

/* PALETTE */
.peach {color:#FAB79D} /* F8DCB9 */