/* FRONTPAGE */
div.frontpage {
	width:calc(var(--layout-width) - 320px);
	position:relative;
	float:left;
	}
	
	div.frontpage a {
		text-decoration:none;
		}




/* HOME - BROWSE */
div.home_browse {
	float:left;
	width:250px;
	margin-left:70px;
	min-height:400px;
	position:relative;
	top:-90px;
	}
	
	div.home_browse h2 {
		font-size:30px;
		display:block;
		position:relative;
		}
		
	div.home_browse a {
		width:100%;
		height:70px;
		float:left;
		margin:5px 0px;
		background: linear-gradient(rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
		box-shadow:var(--elevation-offset-2);
		border-radius:5px;
		position:relative;
		color:var(--color-gray-2);
		text-decoration:none;
		overflow:hidden;
		}
		
		div.home_browse a:hover {
			box-shadow:var(--elevation-offset-3);
			position:relative;
			top:-2px;
			left:-2px;
			filter:saturate(200%);
			transition:0s;
			}
			
			div.home_browse a:hover h3 {
				color:var(--color-red-2);
				}
	
		div.home_browse a h3 {
			color:var(--color-purple-1);
			font-size:.9em;
			line-height:1.3em;
			width:calc(100% - 90px);
			margin-left:70px;
			padding-left:10px;
			padding-right:10px;
			}
		
		div.home_browse a img {
			height:70px;
			width:70px;
			position:absolute;
			left:0px;
			top:0px;
			}


		

/* ITEMS - HOME ITEMS */
div.item,
div.list {
	padding-bottom:0px;
	}
	
	div.item h3,
	div.list h3 {
		position:absolute;
		top:-48px;
		}
	
		

/* ITEMS - JOKES */
div.jokes div.q {
	animation:none;
	opacity:100%;
	}
	
div.jokes div.a {
	animation:none;
	opacity:100%;
	margin:10px;
	}