@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600);

html
{
	overflow-x:hidden;
	overflow-y:scroll;
}
body
{
	margin:0;
	padding:0;
	background-color:#ededf5;

	font-family:'Open Sans',helvetica,sans-serif;
	font-size:16px;
	letter-spacing:.8px;
	-webkit-font-smoothing:antialiased;
	
	color:black;
}
#unsupported
{
	width:80%;
	margin:100px auto;
}
body *
{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
}
body strong
{
	font-weight:600;
}
body.no-transition *, #viewport.no-transtion
{
	transition:none !important;
	-webkit-transition:none !important;
}
body a
{
	text-decoration:none;
	color:black;
	outline:none;
}
.clear:after
{
	content:'';
	display:table;
	clear:both;
}
.strong
{
	font-weight:600;
}
.modal, #add:before, #edit:before, #play:before
{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:rgba(255,255,255,.8);
	z-index:10000;
	
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	
	transition:opacity .25s ease 0s;
	-webkit-transition:opacity .25s ease 0s;
}
#add:before, #edit:before, #play:before
{
	content:'';
	z-index:auto;
	min-height:2000px;
}	
.modal .dialog
{
	position:absolute;
	left:50%;
	top:45%;
	
	margin:-150px 0 0 -200px;
	width:400px;
	min-height:150px;
	padding:15px 20px 60px 20px;
	
	border-radius:8px;
	box-shadow:0 1px 2px rgba(0,0,0,.4);
	background-color:#ededf5;
}
.modal .dialog textarea
{
	margin-top:10px;
	max-width:100%;
}
.modal .dialog .small
{
	font-size:13px;
}
.modal .dialog .footer
{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:10px;
	
	text-align:center;
}
.modal .dialog .footer input
{
	float:none;
}
.modal .dialog .footer .spinner
{
	margin-bottom:10px;
}
.modal .dialog .error-code
{
	margin:20px 0 10px 0;
	font-size:12px;
	color:#999999;
}
.modal .dialog.remove
{
	padding-bottom:10px;
}
.modal .dialog.remove .footer
{
	position:relative;
}
.modal .dialog.remove .footer input
{
	width:100%;
}
#reject
{
	height:70px;
}
	

.bg-yellow
{
	background:#ffff00 none repeat center;
	background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.10));
	background-image:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.10)); /* for older webkit */
}

#header
{
	position:fixed;
	top:0;
	left:25px;
	right:25px;
	text-align:center;
	line-height:60px;
	z-index:2000;
}
#header.login
{	
	bottom:0;
}
#header > .title
{
	position:absolute;
	z-index:1000;

	width:100%;
	height:60px;
	margin:auto;
	text-align:center;

	font-size:28px;
	line-height:56px;
	
	letter-spacing:3px;
	text-shadow:0 1px 1px rgba(0,0,0,.25);
	text-transform:uppercase;
	
	border-radius:0 0 8px 8px;
	box-shadow:0 1px 2px rgba(0,0,0,.5);	
}
#header > .title a
{
	opacity:1;
	transition:opacity .4s linear 0s;
	-webkit-transition:opacity .4s linear 0s;
}
#header > .info
{
	position:absolute;
	left:30px;
	top:17px;
	z-index:1001;
	overflow:hidden;
	line-height:20px;
}
#about
{
	margin:-1px -1px -1px 0;
	border-radius:0;
	
	width:120%;
	padding:0 10px 0 0;

	background-color:transparent;
	box-shadow:none;
	outline:none;
	cursor:pointer;
}
#about:not(:focus)
{
	text-shadow:0 1px 1px rgba(255,255,255,.6);
}

#header > .account
{
	position:absolute;
	right:30px;
	top:5px;
	
	font-size:14px;
	line-height:22px;
	text-align:right;
	text-shadow:0 1px 1px rgba(255,255,255,.6);

	/* text-transform:uppercase; */
	
	z-index:1001;
}
#header > .account > a
{
	display:block;
	position:relative;
}
#header > .account > a:hover,
#about:hover
{
	opacity:.6;
/* 
	color:white;
	text-shadow:0 1px 1px rgba(0,0,0,.6);
 */
}
#header > .account > a.spinner > span
{
	visibility:hidden;
}
#header > .account > a > .spinner
{
	position:absolute;
	right:0;
	top:3px;
}

#header > form
{
	display:none;
	position:absolute;
	right:10px;
	
	position:relative;
	float:right;
	clear:right;
	
	margin-top:80px;
	width:300px;
	padding:10px 15px;
	
	border-radius:8px;
	box-shadow:0 1px 2px rgba(0,0,0,.4);

	text-align:left;	
	line-height:40px;
	
	transition:transform .4s ease 0s;
	-webkit-transition:-webkit-transform .4s ease 0s;
	
	transform:translateY(-310px);
	-webkit-transform:translateY(-310px);
	-ms-transform:translateY(-310px);
	
	z-index:999;
}
#header > form#sign-up
{
	padding-top:3px;
	
	transform:translateY(-800px);
	-webkit-transform:translateY(-800px);
	-ms-transform:translateY(-800px);

	z-index:998;
}
#header:not(.sign-up) > form#sign-up
{
	margin-top:20px;
}
#header.sign-up > form#sign-in, 
#header.sign-up > form#sign-up > *:not(.feedback)
{
	display:none !important;
}
#header.login > form
{
	transform:translateY(0) !important;
	-webkit-transform:translateY(0) !important;
	-ms-transform:translateY(0) !important;
}
#header > form > .feedback
{
	line-height:1.2;
}
#header > form > .feedback p.error
{
	margin-top:0px;
	font-size:15px;
	color:red;
}
input[type=text],
input[type=password],
input[type=submit],
input[type=button],
select,
textarea
{
	width:100%;
	padding:4px 12px;
	margin:0;
	
	border:none;
	border-radius:4px;
	box-shadow:0 0 2px rgba(0,0,0,.4);
	-webkit-appearance:none;

	font-family:'Open Sans',helvetica,sans-serif;	
	font-size:15px;
	line-height:20px;
}
select
{
	/* padding:2px 10px; */
}
input[type=submit],
input[type=button]
{
	border:none;
	float:right;
	margin:8px 0;
	width:120px;
	font-weight:bold;
	background-color:#cfcfcf;
	box-shadow:0 1px 2px rgba(0,0,0,.45);
	cursor:pointer;
}
input[type=submit]:not(.white):hover,
input[type=button]:not(.white):hover,
input[type=button]:not(.white).hover
{
	color:white;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
}
input[type=button].small,
input[type=submit].small
{
	font-size:13px;
	line-height:18px;
}
input[type=submit].white,
input[type=button].white
{
	background-color:white;
}
input[type=submit].white:hover,
input[type=button].white:hover
{
	color:rgba(0,0,0,.6);
}


input[type=checkbox]
{
	margin:18px 6px 0 10px;
}
#header > form a.forgot
{
	display:block;
	float:left;
	margin-top:10px;
	
	font-size:14px;
	line-height:normal;
	opacity:.4;
}
#header > form a.forgot:hover
{
	color:black;
	opacity:1;
}


#body
{
	padding-top:100px;
	width:100%;
	overflow:hidden;
}
#menu
{
	position:fixed;
	top:80px;
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	text-align:center;
	font-size:15px;
	
	z-index:100;
	
	transition:transform .2s ease 0s;
	-webkit-transition:-webkit-transform .2s ease 0s;
	
	/* background-color:#ededf5; */
}
#body.play #menu
{
	/* z-index:0; */ /* behind #groups.group */
	transform:translateY(-50px);
	-webkit-transform:translateY(-50px);
	-ms-transform:translateY(-50px);
}
#menu li
{
	margin:0 25px;
	display:inline-block;
	text-transform:uppercase;
}
#menu li a:hover, #menu li.active a
{	
	border-bottom:2px solid black;
}
#menu li.inactive
{
	display:none;
}
#menu li > *:not(a)
{
	display:none;
	position:absolute;
	top:30px;
}
#menu li > .search
{
	text-transform:none;
	margin-left:20px;
	overflow:hidden;
}
#filter
{
	margin:-1px -1px -1px 0;
	border-radius:0;
	
	width:120%;
	padding:0 10px 0 0;

	background-color:transparent;
	box-shadow:none;
	outline:none;
	cursor:pointer;
}
#menu:not(.group) li.active > *
{
	display:block;
}
input#search
{
	padding:0 1px;
	
	-webkit-appearance:none;
	outline:none;

	background-color:transparent;
	border-radius:0;
	border-bottom:1px dotted black;
	box-shadow:none;
}
.search > a
{
	display:none;
	position:absolute;
	right:0;
	color:#0000c8;
	border:none !important;
}

#viewport
{
	position:relative;

	width:400%;
	min-height:500px;
/* 
	transition:transform .4s ease 0s;
	-webkit-transition:-webkit-transform .4s ease 0s;
 */
	
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
}
#info
{
	padding:40px 80px;
	max-width:900px;
}
#info blockquote
{
	font-style:italic;
	border-left:2px solid black;
	padding-left:10px;
}
#info a, #unsupported a
{
	border-bottom:2px solid black;
}
#info-graphic
{
	margin:40px 40px 20px 20px;
	float:right;
}
#info .mediafonds
{
	display:block;
	margin:40px 0;
	width:400px;
	height:42px;
	background:transparent url(../media/mediafonds.png) no-repeat 0 0;
	background-size:cover;
}
@media (max-width:1024px)
{
	#info-graphic
	{
		clear:left;
	}
}

#body.info #viewport, #info
{
	display:none;
}
#body.info #info
{
	display:block;
}
/* #viewport.groups */
#viewport.selected
{
	transform:translateX(-25%);
	-webkit-transform:translateX(-25%);
	-ms-transform:translateX(-25%);
}
#viewport.tags
{
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}
#viewport.profile
{
/*  --other tabs temporay disabled-- 
	transform:translateX(-75%);
	-webkit-transform:translateX(-75%);
 */
	transform:translateX(-75%);
	-webkit-transform:translateX(-75%);
	-ms-transform:translateX(-75%);
}

.tab
{
	position:absolute;
	float:left;
	width:25%;
	min-height:100%;
}
.tab.hidden
{
	display:none;
}
.tab:nth-child(2)
{	
	left:25%;
}
.tab:nth-child(3)
{	
	left:50%;
}
.tab:nth-child(4)
{	
	left:75%;
}
.tab > .spinner
{
	position:absolute;
	left:50%;
	top:12px;
	margin-left:-8px;
}

/*	selected (highlighted items)
*/

#selected > .items
{	
	position:relative;
	width:100%;
	height:600px;
	/* margin-bottom:60px; */
	
	overflow:hidden;
	
	perspective:1000px;
	-webkit-perspective:1000px;
}
#selected .item
{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-210px;
	margin-top:-70px;
	margin-top:-140px;
	width:420px;
	height:280px;
	
	border-radius:8px;
	box-shadow:0 2px 4px rgba(0,0,0,.5);

	background:transparent none no-repeat 50% 50%;
	background-size:cover;
	
	transition:all .4s ease 0s;
	-webkit-transition:all .4s ease 0s;
	
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;

	cursor:pointer;
}
/* 
#selected .item > .poster
{
	position:absolute;
	border-radius:8px;
	width:100%;
	height:100%;
	background:transparent none no-repeat 50% 50%;
	background-size:cover;
}
 */
#selected .item.portrait
{
	width:280px;
	height:420px;
	margin-left:-140px;
	margin-top:-210px;
}
#selected .item.left
{
	transform:translateX(-350px) rotateY(60deg) scale(.8);
	-webkit-transform:translateX(-350px) rotateY(60deg) scale(.8);
	-ms-transform:translateX(-350px) rotateY(60deg) scale(.8);
}
#selected > ul > li.left.hidden,
#selected .item.left.hidden
{
	transform:translateX(-600px) rotateY(80deg) scale(.6);
	-webkit-transform:translateX(-600px) rotateY(80deg) scale(.6);
	-ms-transform:translateX(-600px) rotateY(80deg) scale(.6);
	opacity:0;
}
#selected > ul > li.right,
#selected .item.right
{
	transform:translateX(350px) rotateY(-60deg) scale(.8);
	-webkit-transform:translateX(350px) rotateY(-60deg) scale(.8);
	-ms-transform:translateX(350px) rotateY(-60deg) scale(.8);
}
#selected > ul > li.right.hidden,
#selected .item.right.hidden
{
	transform:translateX(600px) rotateY(-80deg) scale(.6);
	-webkit-transform:translateX(600px) rotateY(-80deg) scale(.6);
	-ms-transform:translateX(600px) rotateY(-80deg) scale(.6);
	opacity:0;
}


/*	groups (item clouds)
*/

#groups > .msg
{
	margin-top:100px;
	text-align:center;
	font-size:14px;
}
#groups .group
{
	position:absolute;
	left:0;
	right:0;
	top:-80px;
	bottom:0;
	width:auto;
	height:auto;

	/*	default minified display */
	transform:scale(.4);
	-webkit-transform:scale(.4);
	-ms-transform:scale(.4);

	transition:transform .5s ease 0s;
	-webkit-transition:-webkit-transform .5s ease 0s;

	/* z-index:99; */ /*	below menu initially */
	
	/* background-color:rgba(250,0,0,.2); */
}
#groups .group.active
{
	overflow:hidden;
	transform:scale(1);
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
}
#groups .group.inactive
{
	display:none;
}


/*	group items
*/

#groups .group .item
{
	position:absolute;
	transition:opacity .4s linear 0s;
	-webkit-transition:opacity .4s linear 0s;
}
#groups .group .item:not(.tags)
{
	border-radius:4px;
	box-shadow:0 1px 2px rgba(0,0,0,.5);
	
	background:#ededf5 none no-repeat 50% 50%;
	background-size:cover;
	
	font-size:13px;
	
	cursor:pointer;
}
#groups .group:not(.active) .item.tags /* tags-item */
{
	transform-origin:-10px 100%;
	-webkit-transform-origin:-10px 100%;
	-ms-transform-origin:-10px 100%;
	
	transform:scale(2);
	-webkit-transform:scale(2);
	-ms-transform:scale(2);
}
#groups .group .item.selected
{
	border-radius:8px;
	box-shadow:0 2px 4px rgba(0,0,0,.5);
	z-index:100;
}
#groups .group.selected .item:not(.selected):not(.related),
#groups .group.selected .item.replies
{
	opacity:.2;
}
#groups .group.selected .item:not(.selected):not(.tags).hover
{
	opacity:1;

	transition:none;
	-webkit-transition:none;
}


/*	item hover
*/

#groups .group .item > .play,
#selected .item > .play
{
	position:absolute;
	width:100%;
	height:100%;	
	border-radius:4px;
	
	text-align:center;
	font-size:20px;

	opacity:0;
}
#groups .group:not(.active) .item > .play
{
	color:transparent;
	background-color:rgba(0,0,200,.8);

	transition:opacity .1s linear 0s;
	-webkit-transition:opacity .1s linear 0s;
}
#groups .group.active .item > .play,
#selected .item > .play
{
	color:black;
	background-color:rgba(255,255,255,.4);
	text-shadow:0 1px 1px rgba(255,255,255,.2);
}
#groups .group .item:not(.selected).hover > .play,
#groups .group:not(.active).hover .item > .play,
#selected .item.center.active:hover > .play
{
	opacity:1;
}
#selected .item > .play
{
	border-radius:8px;
	line-height:270px;
	font-size:60px;
}
#selected .item.portrait > .play
{
	line-height:400px;
}

/*	item ui
*/

.item > .title
{
	display:none;

	position:absolute;
	left:0;
	top:-25px;
	padding:1px 8px;
	border-radius:4px;
	
	white-space:nowrap;
	color:#0000c8;
	font-weight:400;
	background-color:rgba(255,255,255,.8);
	z-index:1000;
}
#groups .group.active .item.related > .title
{
	display:block;
}

.item > .body
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
	background-color:#333333;
	border-radius:8px;	
}
.item > .body > .header
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:55px;
	padding:6px 5px 6px 10px;
	background-color:rgba(255,255,255,.8);
	
	border-radius:7px 7px 0 0;
 	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);

	transition:opacity .2s linear 0s;
	-webkit-transition:opacity .2s linear 0s;

	font-size:13px;

	opacity:0;
}
.item > .body:hover > .header,
.item > .body.paused > .header
{
	opacity:1;
}
.item > .body > .header > .manage
{
	margin-top:10px;
	clear:both;
}
.item > .body > .header a:not(.reply-on)
{
	float:right;
	display:block;
	margin-left:4px;
	
	padding-top:36px;

	text-align:center;
	font-size:11px;
	font-weight:600;
	color:#0000c8;
	
	background:transparent url(../media/reply.svg) no-repeat 50% 0;
}
.item > .body > .header > .manage a
{
	float:left;
	margin:0;
	padding:0 15px 0 22px;
	line-height:20px;
	background-image:url(../media/manage.svg);
	background-position:0 0;
}
.item > .body > .header > .manage a.selected
{
	background-position:0 33.3333%;
}
.item > .body > .header > .manage a.edit
{
	background-position:0 66.6666%;
}
.item > .body > .header > .manage a.remove
{
	background-position:0 100%;
}

.item > .body > .header a.replies
{
	margin-left:8px;
	background-image:url(../media/replies.svg);
}
.item > .body > .header a.group
{
	background-image:url(../media/group.svg);
}
.item > .body > .header a
{
	color:#0000c8;
	cursor:pointer;
}
.item > .body > .header a:hover
{
	opacity:.6;
}

.item .tags
{
	position:absolute;
	top:0;
	left:100%;
	margin:10px 0 0 10px;
}
#selected .item .tags
{
	opacity:0;/* transform:translateY(-120%); */
	top:100%;
	left:0;
	/* transition:none; */
	transition:opacity 0.2s linear 0s;
	-webkit-transition:opacity 0.2s linear 0s;
}
#selected .item.active .tags
{
	opacity:1;
	
/* 
	transform:translateY(0);
	transition: transform 0.1s ease-out 0s;
 */
}
.item.replies .tags
{
	display:none;
}

.group a.tag,
#play a.tag,
#selected .item a.tag
{
	display:inline-block;
	float:left;
	clear:left;
	margin-bottom:7px;
	padding:0 10px 1px 10px;
	border-radius:6px;
	box-shadow:0 1px 2px rgba(0,0,0,.4);

	font-size:15px;
	line-height:20px;
	text-shadow:0 1px 1px rgba(255,255,255,.6);
	white-space:nowrap;
}
.group:not(.active) .item.tags a.tag
{
	/*	simplified view in minimized grid */
	box-shadow:none;
	text-shadow:none;
	background:none;
	margin-bottom:0;
	color:#0000c8;
}
.group a.tag:hover,
#selected .item a.tag:hover
{
	color:rgba(0,0,0,.6);
}


/*	groups/section/selected paging
*/

a.paging
{
	display:none;
	
	position:absolute;
	z-index:100;
	top:40%;
	margin-top:-27px;
	font-size:42px;
	letter-spacing:-8px;
	font-weight:300;

	transition:transform .2s ease 0s;
	-webkit-transition:-webkit-transform .2s ease 0s;
}
a.paging:hover
{
	color:#0000c8;
}
#groups a.paging.prev
{
	left:15px;
}
#body.play #groups a.paging.prev,
#groups.group a.paging.prev
{
	transform:translateX(-50px);
	-webit-transform:translateX(-50px);
}
#groups a.paging.next
{
	right:15px;
}
#body.play #groups a.paging.next,
#groups.group a.paging.next
{
	transform:translateX(50px);
	-webkit-transform:translateX(50px);
	-ms-transform:translateX(50px);
}

.section a.paging
{
	top:84px;
}
.section a.paging.prev
{
	left:25px;
}
.section a.paging.next
{
	right:31px;
}

#selected a.paging
{
	display:none;
	left:50%;
	top:auto;
	margin-top:-120px;
	margin-left:-253px;
}
#selected a.paging.next
{
	margin-left:215px;
}


/*	rounded jwplayer
*/

#video-playback
{
	border-radius:8px;
	overflow:hidden;
	background-color:black;
	width:100%;
	height:100%;
    /* this fixes the overflow:hidden in webkit */
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
div.jwplayer, div.jwplayer video, object.jwswf
{
	border-radius:8px;
	overflow:hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
span.jwcapLeft
{
	border-radius:0 0 0 8px;
}
span.jwcapRight
{
	border-radius:0 0 8px 0;
}


/*	(thumbs) sections
*/

.section
{
	position:relative;
	width:100%;
	padding:10px 60px 30px 80px;
	border-top:2px solid #ffff00;
	/* box-shadow:inset 0 1px 0 rgba(0,0,0,.01); */

	transition:min-height .4s ease 0s;
}
.section.tag
{
	padding-bottom:10px;
	/* height:40px; */
}
.section.tag.expanded
{
/* 
	height:auto;
	min-height:215px;
 */
}
.section.tag > .title
{
	display:block;
}
.section.tag:not(.result) > .title:hover
{
	color:#0000c8;
}
.section.tag > .title > .count
{
	font-weight:400;
	font-size:12px;
	opacity:.4;
	
}
.section.tag:not(.expanded) > *:not(.title)
{
	display:none !important;
}
.section:first-child
{
	margin-top:40px;
}
.section > .title
{
	font-size:15px;
	font-weight:600;
}
.section > .title.rset
{
	cursor:pointer;
}

.section .list
{
	margin-top:10px;
	overflow:hidden;
}
.section .list .msg
{
	font-size:14px;
	line-height:23px;
}
.section .list ul
{
	list-style:none;
	margin:0;
	padding:0;
	width:10000%;

	transition:transform .4s ease 0s;
	-webkit-transition:-webkit-transform .4s ease 0s;
}
.section .list li
{
	
	float:left;
	width:135px;
	padding-right:15px;
	font-size:12px;
}
.section .list li > .thumb
,.group .thumb /* tmp dev */
{
	position:relative;
	width:120px;
	height:90px;
	margin-bottom:5px;
	border-radius:4px;
	background:#666666 none no-repeat center;
	background-size:contain;

	box-shadow:0 1px 2px rgba(0,0,0,.4);
	
	cursor:pointer;
}
.section .list li > .thumb > .play
,.group .thumb > .play /* tmp dev */
{
	display:none;
	position:absolute;
	width:100%;
	height:100%;	
	border-radius:4px;
	background-color:rgba(255,255,255,.4);
	
	text-align:center;
	line-height:90px;
	font-size:30px;
	text-shadow:0 1px 1px rgba(255,255,255,.2);
}
.section .list li > .thumb:hover .play
,.group .thumb:hover .play /* tmp dev */
{
	display:block;
}
.section .list li .title, .item .header .title
{
	color:#0000c8;
	font-weight:600;
}
.section .list li.edit .user,
.section .list li div.edit, 
#add .select .list li .user
{
	display:none;
}
.section .list li .date
{
	font-size:11px;
	opacity:.6;
}
.section .list li div.edit
{
	padding:3px 0 5px 0;
}
.section .list li a.edit, .section .list li:hover div.edit
{
	display:block;
	text-transform:uppercase;
}
.section .list li a.edit:hover, .section .list li a.edit.selected
{
	color:#0000c8;
}

#add > form > .title > .reply, #add.reply > form > .title > .add
{
	display:none;
}
#add.reply > form > .title > .reply/* , #add:not(.reply) > .title > .add */
{
	display:inline-block;
}
#add.reply > form > .title > .reply .title
{
	color:#0000c8;
	text-transform:none;
	/* font-weight:600; */
}
	

#add .section
{
	border-top-color:white;
}
#add .section .list li > .thumb > .play, #profile .section.uploaded .list li > .thumb > .play
{
	font-size:20px;	
}
#profile .section.uploaded .list li > .thumb > .play
{
	line-height:1;
	padding-top:23px;
}
#add .section input[type=button]
{
	float:none;
	margin:12px 10px 8px 0;
	width:auto;
	/* display:block; */
}
#add .section input[type=button].selected
{
	background-color:white;
}
#add .section input[type=button].selected:hover,
#add .option.upload input[type=submit].uploading:hover
{
	color:black;
	text-shadow:none;
}
#add .section
{
	padding-right:0;
}
#add .section .title
{
/* 	font-weight:400; */
}
#add .section.add
{
	font-size:14px;
	padding-bottom:25px;
	/* text-align:center; */
}
#add .section.add input[type=submit]
{
	float:none;
}
#add .section p a
{
	text-decoration:underline;
}
#add .section p a:hover
{
	text-decoration:none;
}
#add .section.add .option
{
	display:none;
	padding:10px 0;
	width:600px;
}
#add .section.add-app .option.app,
#add .section.add-upload .option.upload
{
	display:block;
}
#add .option.app strong
{	
	display:inline-block;
	width:110px;
}
#add #upload
{
	position:relative;
}
#add .option.upload input[type=file]
{
	position:absolute;
	left:0;
	top:11px;
	height:30px;
	width:312px;

	opacity:0;
}
#add .option.upload input[name=filename]
{
	width:180px;
	margin-right:10px;
}
#add .option.upload input[type=submit]
{
	display:none;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:0% 100%;
}
#add .option.upload input[type=submit].uploading
{
	background-image:url(../media/progress.png);
}

#edit, #add, #play
{
	display:none;
	position:absolute;
	top:0;
	left:50%;
	
	opacity:0;
	transition:opacity .15s linear 0s;
	-webkit-transition:opacity .15s linear 0s;

	z-index:10000; /* always on top */
}
#play
{
	position:fixed;
	top:50%;
}
#edit.show, #add.show, #play.show
{
	display:block;
}
#edit.active, #add.active, #play.active
{
	opacity:1;
}

#edit > form, #add > form
{
	position:absolute;
	left:50%;
	top:50px;
	margin-left:-500px;
	width:1000px;
	/* min-height:450px; */
	
	padding:10px 20px;
	
	border-radius:8px;
	box-shadow:0 1px 2px rgba(0,0,0,.4);
}
#edit > form > .title, #add > form > .title
{
	width:100%;
	margin-bottom:15px;
	/* font-weight:600; */
	font-size:18px;
	text-align:center;
	text-transform:uppercase;
}
#edit .column
{
	width:50%;
	float:left;
}
#edit .column.right
{
	padding-left:20px;
}
#edit .footer, #add .footer
{
	padding-top:15px;
	clear:left;
	width:100%;
}
#edit .footer input[name=cancel]
{
	margin-right:20px;
}
#edit label:not(.tag-label)
{
	display:block;
	width:100%;
	margin:10px 0 5px 0;
}
#edit .column.right > label:first-child
{
	margin-top:0;
}
#video-preview
{
	width:480px;
	height:320px;
	background-color:black;
	/* border-radius:8px; */
	
	box-shadow:0 1px 2px rgba(0,0,0,.4);
}

#edit .tags .tag
{
	position:relative;
	float:left;
	margin-top:10px;
	width:150px;
	padding-left:30px;

	font-size:14px;
	line-height:22px;
}
#edit .tags .tag > *
{
	float:left;
}
#edit .tags .tag input[type=checkbox]
{
	position:absolute;
	left:10px;
	top:4px;
	margin:0;
}
#edit .add-tag
{
	margin:20px 0 0 10px;
}
#edit .add-tag input[type=text]
{
	display:none;
	width:120px;
	margin-right:10px;
	vertical-align: middle;
}
#edit .add-tag input[name=add-tag]
{
	float:none;
	width:auto;
}

/*	mozilla exceptions
*/

@-moz-document url-prefix()
{ 
	/* #header > .info > select */
	#about, #filter
	{
		margin-left:-1px;
	}
}


/*
@media (max-width:640px)
{
	#body
	{
		padding-top:180px;
	}
	#header > .title
	{
		height:160px;
		font-size:46px;
		line-height:80px;
	}
	#header .info,
	#header .account
	{
		top:70px;
		font-size:28px;
		line-height:40px;
		font-size:26px;
	}
	#about
	{
		font-size:26px;
		line-height:normal;
	}
}
*/