<commit_before>
$min_height = 470px;
/************Reset**************/
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, div, object, iframe, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
H2
{
	font-size: 20px;
	color: white;
	text-shadow: 2px 2px 1px black;
}
HR
{
	height: 3px;
	width: 50%;
	background-color: white;
	border: 1px solid #109999;
	/*+border-radius: 12px;*/
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	/*+box-shadow: 0 0 5px teal;*/
	-moz-box-shadow: 0 0 5px teal;
	-webkit-box-shadow: 0 0 5px teal;
	box-shadow: 0 0 5px teal;
	margin-top: 20px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
header, footer, nav, section, article, hgroup, figure {
	display: block;
}
legend {
	display: none;
}
/************End Reset**************/
body {
	margin: 0;
	font-family: "Signika", "Meta", "Helvetica", "Arial", sans-serif;
	font-weight: 300;
	width: 100%;
	min-height: 470px;
  	background-color: #B06E6C;
  
	ol.contribution_limitations {
		list-style-type: lower-alpha;
		margin-left: 2.5em;
		list-style-position: inside;
	}
	#contributions li {
			width: 100%;
		}

	#submit-points LI
	{
		padding-left: 36px;
		background-image: url(/static/img/globe.png);
		background-repeat: no-repeat;
		background-position: 0px -4px;
		line-height: 20px;
		margin: 0px 0 0 -5px;
		width: 100%;
	}
  	/** bootstrap buttons**/

.btn-default {
background: url(/static/img/tile2.jpg) black;
	cursor: pointer;
	color: white;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	margin: 8px 2px 2px;
	-moz-box-shadow: 3px 2px 2px black;
	-webkit-box-shadow: 3px 2px 2px black;
	box-shadow: 3px 2px 2px black;
	border: 2px outset silver;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	padding: 3px 6px;
	}


	 .btn
	{
		background: url(/static/img/tile2.jpg) black;
		cursor: pointer;
		color: white;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		border-radius: 20px;
		margin: 8px 2px 2px;
		-moz-box-shadow: 3px 2px 2px black;
		-webkit-box-shadow: 3px 2px 2px black;
		box-shadow: 3px 2px 2px black;
		border: 2px outset silver;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857;
		padding: 3px 6px;
	}

	.btn:hover, .btn:focus
	{
		background: url(/static/img/tile2.jpg) black;
		cursor: pointer;
		color: yellow;
		margin: 8px 2px 2px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20 px;
		border-radius: 20px;
		-moz-box-shadow: 3px 2px 2px black;
		-webkit-box-shadow: 3px 2px 2px black;
		box-shadow: 3px 2px 2px black;
		border: 2px outset silver;
		text-shadow: 0 0 8px yellow;
	}

	.btn:active
	{
		background: url(/static/img/tile2.jpg) black;
		cursor: pointer;
		color: silver;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20 px;
		border-radius: 20px;
		-moz-box-shadow: 3px 2px 2px transparent;
		-webkit-box-shadow: 3px 2px 2px transparent;
		box-shadow: 3px 2px 2px transparent;
		border: 2px inset silver;
	}
	
	.grid LI.wide #overdub_player, .grid LI.wide #recordingslist, .grid LI.wide #demo_player_controls {
			
			.btn, a, a:visited {
				color: white; // was #800080
				margin: 8px 2px 2px;
			}
			
			.btn:hover, .btn:focus
			{
				background: url(/static/img/tile2.jpg) black;
				cursor: pointer;
				color: yellow;
				margin: 8px 2px 2px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				-khtml-border-radius: 20 px;
				border-radius: 20px;
				-moz-box-shadow: 3px 2px 2px black;
				-webkit-box-shadow: 3px 2px 2px black;
				box-shadow: 3px 2px 2px black;
				border: 2px outset silver;
				text-shadow: 0 0 8px yellow;
			}
		}
	
	

	
	
	#title-admin {
	  width: 418px;
	  height: 104px;
		background: url(/static/img/glitchlogo-small.jpg);
		background-size:   contain;                    
		background-repeat: no-repeat;
		background-position: center center; 
	  /*+box-shadow: 3px 4px 6px #272626 !important;*/
	  -moz-box-shadow: 3px 4px 6px #272626 !important;
	  -webkit-box-shadow: 3px 4px 6px #272626 !important;
	  box-shadow: 3px 4px 6px #272626 !important;
	  background-color: #B06E6C;
	  /*+border-radius: 12px;*/
	  -moz-border-radius: 12px;
	  -webkit-border-radius: 12px;
	  -khtml-border-radius: 12px;
	  border-radius: 12px;
	  background-color: #b06e6c;
      margin: 0;
      max-width: 80%;
	}
	
	#manage_track{
	
		.player{
			float:right;
			width:20%;
			}
		.details{
			float:left;
			width:80%;
			}
		.clear{
			clear: both;
			}
		}
	.status_alert {
		color: red;
		font-weight: 900;
	}
	#loading
    {
        display:none;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:rgba(255,255,255,0.8);
        z-index:1000;
    }
  
    #loadingcontent
    {
        display:table;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
    }
  
    #loadingspinner
    {
        display: table-cell;
        vertical-align:middle;
        width: 100%;
        text-align: center;
        font-size:larger;
        padding-top:80px;
    }
	
	img.floatLoose {
	  /*+box-shadow: 3px 4px 7px rgba(0, 0, 0, 0.667);*/
	  -moz-box-shadow: 3px 4px 7px rgba(0, 0, 0, 0.667);
	  -webkit-box-shadow: 3px 4px 7px rgba(0, 0, 0, 0.667);
	  box-shadow: 3px 4px 7px rgba(0, 0, 0, 0.667);
	  max-width: 80%;
	  height:auto;
	}
	img.tabHeading  {
	  max-width: 80%;
	  height:auto;
	}
	
	.track_url {
		vertical-align:baseline;
		margin-top:20px;
	}
	
	.track_art {
	max-width: 200px;
	max-height: 200px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 3px 4px 6px #272626 !important;
	-webkit-box-shadow: 3px 4px 6px #272626 !important;
	box-shadow: 3px 4px 6px #272626 !important;
	margin: 0 12px 0 26px;
}

	/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
	 * What follows is the result of much research on cross-browser styling.
	 * Credit left inline and big thanks to <NAME>, <NAME>,
	 * <NAME>, and the H5BP dev community and team.
	 */
	/* ==========================================================================
		   Base styles: opinionated defaults
		   ========================================================================== */
	/* STRUCTURE BOF mZoo 3col*/
	#pagewrap {
		padding: 0;
		width: 100%;
	}
	
	
	.errors {
		color: #8A0C40;
		}
		
	.left-player {
		width: 291px;
		float: none;
		height: 500px;
		background: url(/static/img/player.jpg);
		/*+border-radius: 12px;*/
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;
		/*+box-shadow: 3px 4px 6px #272626 !important;*/
		-moz-box-shadow: 3px 4px 6px #272626 !important;
		-webkit-box-shadow: 3px 4px 6px #272626 !important;
		box-shadow: 3px 4px 6px #272626 !important;
		margin-left: 5%;
		margin-bottom: .7em;
	}
	#trackdetails {
		display: inline-block;
		margin: 36px 0 0 25px;
	}
	#trackdetails .artist, #left #trackdetails .length {
		margin: 0px 8px;
	}
	#trackdetails .artist {
		float: left;
	}
	#trackdetails .length {
		float: right;
	}
	#trackdetails .nametime {
		display: inline-block;
		background: ;
	}
	
	.entire_length {
		color: red;
		font-family: "Lucida Sans Typewriter","Lucida Console",monaco,"Bitstream Vera Sans Mono",monospace;
		font-size: 11px;
		font-weight: 800;
		opacity: 0.6;
		position: absolute;
		left: 145px;
		top: 85px;
		display:none;
	}
	
	#player {
		width: 256px;
		margin: 34px 22px 4px 20px;
		/*overflow: hidden;*/
		z-index: 5;
		height: 256px;
	}

	.track-button {
	background: url(/static/img/tile2.jpg) black;
	cursor: pointer;
	color: white;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	margin: 17px 2px -6px;
	-moz-box-shadow: 3px 2px 2px black;
	-webkit-box-shadow: 3px 2px 2px black;
	box-shadow: 3px 2px 2px black;
	border: 2px outset silver;
	padding-top: 2px;
	padding-bottom: 2px;
}
	.track-button:HOVER {
	background: url(/static/img/tile2.jpg) black;
	cursor: pointer;
	color: #EBEB9D;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	margin: 17px 2px -6px;
	-moz-box-shadow: 3px 2px 2px black;
	-webkit-box-shadow: 3px 2px 2px black;
	box-shadow: 3px 2px 2px black;
	border: 2px outset silver;
}

	.track-button:ACTIVE {
	background: url(/static/img/tile2.jpg) black;
	cursor: pointer;
	color: silver;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	margin: 17px 2px -7px 4px;
	-moz-box-shadow: 3px 2px 2px transparent;
	-webkit-box-shadow: 3px 2px 2px transparent;
	box-shadow: 3px 2px 2px transparent;
	border: 2px inset silver;
}
	#title {
		width: 620px;
		height: 168px;
		background: url(/static/img/glitchlogo.jpg) no-repeat;
		/*+box-shadow: 3px 4px 6px #272626 !important;*/
		-moz-box-shadow: 3px 4px 6px #272626 !important;
		-webkit-box-shadow: 3px 4px 6px #272626 !important;
		box-shadow: 3px 4px 6px #272626 !important;
		background-color: #B06E6C;
		/*+border-radius: 12px;*/
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;
	}
	
	.main {
		border: 1px solid transparent;
		margin-left:0p;
		margin: -10px 0 0;
	}
	.user {
	}
	.user p {
		float: right;
		margin: 3px 29px 11px 2px;
		/*+border-radius: 12px;*/
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;
		padding: 2px 10px;
		background-image: url(../img/tile.jpg);
		border: 1px solid #CBCBCB;
		/*+box-shadow: 2px 3px 4px #514949;*/
		-moz-box-shadow: 2px 3px 4px #514949;
		-webkit-box-shadow: 2px 3px 4px #514949;
		box-shadow: 2px 3px 4px #514949;
	} 
P.infinite-intro
{
	width: 400px;
	color: #000000;
	text-align: justify;
	border: 1px solid gray;
	padding: 10px;
	/*+border-radius: 12px;*/
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	background-color: silver;
}
	.lyric_credits {
		color: #015656;
		margin-left: 0px;
		margin-right: 100px;
		font: ;
		border-left: 1px solid #015656;
		padding: 0 0 0 5px;
		border-top: 1px solid teal;
		border-top-left-radius: 12px;
		width: 677px;
	}
	
#highlight
{
	text-shadow: 0 0 4px red;
	color: white;
}

	/************Start Percent Grid**************/
	.grid {
		overflow: hidden;
		padding: 0;
		/*max-width: 76em;*/
		margin: 0 auto;
	}
	.grid li {
		padding: 0 0.5em 0.5em 0;
	}
	.grid li > div {
		padding: 0;
		text-align: left;
	}
	
	.grid li > nav {
		padding: 0.5em;
		text-align: left;
		/*+box-shadow: black;*/
		-moz-box-shadow: black;
		-webkit-box-shadow: black;
		box-shadow: black;
	}
	
.grid li.wide {
		width: 100%;
		background-image: url(../img/tile2.jpg);
		padding: 5px 0px;
		/*+border-radius: 12px;*/
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;
		border: 4px double #771011;
		/*+box-shadow: 3px 4px 6px #272626;*/
		-moz-box-shadow: 3px 4px 6px #272626;
		-webkit-box-shadow: 3px 4px 6px #272626;
		box-shadow: 3px 4px 6px #272626;
		color: #C0C0C0;
		margin: 0 0 10px 0;
		z-index:1;
	}
	
	/************End Percent Grid**************/
	/************Structure**************/
	.container {
		max-width: 70em;
		margin: 0 auto;
		padding: 0 1em;
		overflow: hidden;
	}
	div[role=main] {
		padding-bottom: 1em;
	}
	/*Footer*/
	footer[role=contentinfo] {
		color: #FFF;
		background: url(/static/img/slim-footer-tile.jpg) #000;
		margin: 0 -1em;
		position: relative;
		z-index: 100;
	}
	footer[role=contentinfo] > div {
		max-width: 70em;
		padding: 0 1em;
		margin: 0 auto;
		overflow: hidden;
	}
	footer[role=contentinfo] p {
		margin: 0;
	}
	footer[role=contentinfo] .nav li a {
		display: block;
		border-bottom: 1px solid #808080;
		padding: 1em;
		margin: 0 -1em;
	}
	footer[role=contentinfo] a {
		display: inline-block;
		padding: 0em 0.3em;
		background-image: url(../img/tile3.jpg);
		/*+border-radius: 12px;*/
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;
		margin: 5px 0 4px 3px;
		border: 1px solid transparent;
	}
	footer[role=contentinfo] a:hover {
		display: inline-block;
		padding: 0em 0.3em;
		background-image: url(../img/tile.jpg);
		/*+border-radius: 12px;*/
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;
		margin: 4px 0 4px 3px;
		border: 1px solid white;
		color: white;
	}
	footer[role=contentinfo] a.nav-home {
		color: #FFF;
	}
	footer[role=contentinfo] .f-rga {
		padding: 0.6em 0;
	}
	footer[role=contentinfo] img {
		max-width: 4.4em;
		display: inline-block;
		margin-bottom: -0.22em;
	}
	#social .fb-like{
		display:inline;
		border:1px solid #fff;
	}
/*Changed 12th march*/
	ul.footer_menu{
	float: left;
	list-style: none;
	margin: 5px 0 0px;
	padding: 0;
	width: 100%;
	}

	ul.footer_menu li{
		display: block;
		float: left;
		margin-right: 10px;
	}
/*Changed 12th march*/
	li.twitter-like{
	margin-top: 6px;
	margin-left: 36px;
	}
/*Added 12th March*/
	LI.fb-like
{
	margin-top: 6px;
}
	li.footerlist{
		margin-top: 0px;
	}
	/*End Footer*/



	/* CSS Animations */
	@-webkit-keyframes fadeout {
	  0%   { background: #fff; }
	  10%   { background: #eee; }
	  100% { background: #fff; }
	}
	@-moz-keyframes fadeout {
	  0%   { background: #fff; }
	  10%   { background: #eee; }
	  100% { background: #fff; }
	}
	@-o-keyframes fadeout {
	  0%   { background: #fff; }
	  10%   { background: #eee; }
	  100% { background: #fff; }
	}
	@keyframes fadeout {
	  0%   { background: #fff; }
	  10%   { background: #eee; }
	  100% { background: #fff; }
	}


	/*EOF mZoo 3col*/

	/*
	 * Hide visually and from screenreaders, but maintain layout
	 */

	.invisible {
		visibility: hidden;
	}

	/*
	 * Clearfix: contain floats
	 *
	 * For modern browsers
	 * 1. The space content is one way to avoid an Opera bug when the
	 *    `contenteditable` attribute is included anywhere else in the document.
	 *    Otherwise it causes space to appear at the top and bottom of elements
	 *    that receive the `clearfix` class.
	 * 2. The use of `table` rather than `block` is only necessary if using
	 *    `:before` to contain the top-margins of child elements.
	 */

	.clearfix:before,
	.clearfix:after {
		left: " "; /* 1 */
		display: table; /* 2 */
	}

	.clearfix:after {
		clear: both;
	}

	
	.secondary-grid li {
		padding: 0 0.5em 0.5em 0;
	}
	.secondary-grid li > div {
		padding: 0.5em;
		text-align: left;
	}

	.secondary-grid li a {
		color: #999;
		margin: 0 0 0 19px;
	}
	
	.secondary-grid li.wide {
		background-image: url("../img/tile.jpg");
		border: 4px double gray;
		border-radius: 12px;
		box-shadow: 3px 4px 6px #514949;
		color: black;
		margin: 0 0 0 86px;
		padding: 0 0 10px 12px;
	}
	
	table.secondary	{
	background-image: url(../img/tile3.jpg);
	border: 7px solid transparent;
	border-collapse: collapse;
	border-radius: 10px;
	border-spacing: 0;
	box-shadow: 0 0 4px #514949;
	margin: 0 10px 0 0;
}

	#header {
		margin-bottom: -35px;
	}
	
	#secondary_header {
		margin-bottom: 0;
	}
	
	.nav_image {
		max-width: 100%;
		height: auto;
	}
	
//Begin Glitch Oracle Styling
	#Table_01 {
		height: 251px;
		left: 0;
		position: relative;
		top: 0;   
		width: 220px;
    	margin: 0 auto;
    	z-index:3;
	}
	#Oracle-01 {
		height: 72px;
		left: 0;
		position: absolute;
		top: 0;
		width: 221px;
	}
	#Oracle-02 {
		height: 104px;
		left: 0;
		position: absolute;
		top: 72px;
		width: 57px;
	}
	#Oracle-03 {
		background-image: url("../img/oracle-off.png");
		height: 104px;
		left: 57px;
		position: absolute;
		top: 72px;
		width: 107px;
	}
	#Oracle-03:hover {
		background-image: url("../img/oracle-hover.png");
		cursor: pointer;
		height: 104px;
		left: 57px;
		position: absolute;
		top: 72px;
		width: 107px;
	}
	#Oracle-03:active {
		background-image: url("../img/oracle-on.png");
		height: 104px;
		left: 57px;
		position: absolute;
		top: 72px;
		width: 107px;
	}
	#Oracle-04 {
		height: 104px;
		left: 164px;
		position: absolute;
		top: 72px;
		width: 57px;
	}
	#Oracle-05 {
		height: 75px;
		left: 0;
		position: absolute;
		top: 176px;
		width: 221px;
	}
//End Glitch Oracle Styling

	#oracle_question {
		background-image: url(../img/oracle-question-box.png);
		background-size:   contain;                    
		background-repeat: no-repeat;
		background-position: center;   
		max-width:100%;
		height: 106px;
		width: 448px;	
		.oracle_question_field {
			width: 300px;
			max-width:70%;
			border-radius:20px;
			border: 0 none;
			font-size: 13px;
			max-width: 70%;
			position: relative;
			top: 45px;
			width: 320px;
			height:auto;
		}
	}
	
	
    #popular_words{
		font-weight: normal;
		line-height: 0.9em;
		max-width: 90%;
		opacity: 0.2;
		position: absolute;
		text-align: center;
		top: 520px;
		z-index: 2;
		a {
			text-decoration: none;
			cursor:none;
		}
	}
	#glitch-ball-title {
		z-index:3;
		}
		
	img.glitch_title {
		max-width:40%;
		height:auto;
		}
		
.glitch_answer {
	max-width: 400px;
	background-image: url(/static/img/tile3.jpg);
	/*+border-radius: 12px;*/
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	border: 4px double #EFFCFC;
	padding: 7px 5px 0px;
	margin: 0px auto;
	position: relative;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: tahoma;
	overflow: auto;
	-webkit-box-shadow: 0 0 0 4px #d35537, 2px 1px 4px 4px rgba(10,10,0,.5);
	-moz-box-shadow: 0 0 0 4px #d35537, 2px 1px 4px 4px rgba(10,10,0,.5);
	box-shadow: 0 0 20px 8px white;
	font-weight: normal;
	color: black;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	p {
		float:right;
		margin-right:2em;
	}
}
  
 //Begin Popup Stying

		.popup-overlay {
		width: 100%;
		height: 100%;
		position: fixed;
		background: rgba(196, 196, 196, 0.85);
		top: 0;
		left: 100%;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: opacity .2s ease-out;
		-moz-transition: opacity .2s ease-out;
		-ms-transition: opacity .2s ease-out;
		-o-transition: opacity .2s ease-out;
		transition: opacity 0.2s ease-out;
	}
		.overlay .popup-overlay {
		opacity: 1;
		left: 0;
	}
		.popup {
		position: fixed;
		top: 25%;
		left: 40%;
		z-index: -9999;
	}
		.popup .popup-body {
		/*background: white;
		background: -moz-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
		background: -webkit-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
		background: -o-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
		background: -ms-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
		background: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: opacity .2s ease-out;
		-moz-transition: opacity .2s ease-out;
		-ms-transition: opacity .2s ease-out;
		-o-transition: opacity .2s ease-out;
		transition: opacity 0.2s ease-out;*/
		opacity: 0;
		min-height: 150px;
		width: 300px;
		margin-left: -40%;
		padding: 0px;

		position: relative;
		-moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
		-webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
		box-shadow: 0 0 7px 2px #343030;
		text-align: left;
		border: 1px solid #E9E9E9;
		-moz-border-radius: 12px 0px 0px 12px;
		-webkit-border-radius: 12px 0px 0px 12px;
		-khtml-border-radius: 12px 0px 0px 12px;
		border-radius: 12px 0px 0px 12px;
	}
		.story {
		overflow-y: auto;
		height: 250px;
		background-color: #F5F5F5;
		/*+border-radius: 9px;*/
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		-khtml-border-radius: 9px;
		border-radius: 9px;
		padding: 6px 0 0 8px;
	}
		.popup.visible, .popup.transitioning {
		z-index: 9999;
	}
		.popup.visible .popup-body {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		background-color: ;
	}
		.popup .popup-exit {
		cursor: pointer;
		display: block;
		width: 32px;
		height: 32px;
		position: absolute;
		top: 10px;
		right: 25px;
		background: url("../img/quit.png") no-repeat;
	}
		.popup .popup-content {
		overflow-y: scroll;
		background-color: #B06E6C;
		padding: 10px;
		background-image: url(../img/tile.jpg);
		/*+border-radius: 12px 0px 0px 12px;*/
		-moz-border-radius: 12px 0px 0px 12px;
		-webkit-border-radius: 12px 0px 0px 12px;
		-khtml-border-radius: 12px 0px 0px 12px;
		border-radius: 12px 0px 0px 12px;
	}<commit_msg>Fix broken SCSS<commit_after>
$min_height = 470px;
/************Reset**************/
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, div, object, iframe, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
H2
{
	font-size: 20px;
	color: white;
	text-shadow: 2px 2px 1px black;
}
HR
{
	height: 3px;
	width: 50%;
	background-color: white;
	border: 1px solid #109999;
	/*+border-radius: 12px;*/
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	/*+box-shadow: 0 0 5px teal;*/
	-moz-box-shadow: 0 0 5px teal;
	-webkit-box-shadow: 0 0 5px teal;
	box-shadow: 0 0 5px teal;
	margin-top: 20px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
header, footer, nav, section, article, hgroup, figure {
	display: block;
}
legend {
	display: none;
}
/************End Reset**************/
body {
	margin: 0;
	font-family: "Signika", "Meta", "Helvetica", "Arial", sans-serif;
	font-weight: 300;
	width: 100%;
	min-height: 470px;
  	background-color: #B06E6C;
  
	ol.contribution_limitations {
		list-style-type: lower-alpha;
		margin-left: 2.5em;
		list-style-position: inside;
	}
	#contributions li {
			width: 100%;
		}

	#submit-points LI
	{
		padding-left: 36px;
		background-image: url(/static/img/globe.png);
		background-repeat: no-repeat;
		background-position: 0px -4px;
		line-height: 20px;
		margin: 0px 0 0 -5px;
		width: 100%;
	}
  	/** bootstrap buttons**/

.btn-default {
background: url(/static/img/tile2.jpg) black;
	cursor: pointer;
	color: white;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	margin: 8px 2px 2px;
	-moz-box-shadow: 3px 2px 2px black;
	-webkit-box-shadow: 3px 2px 2px black;
	box-shadow: 3px 2px 2px black;
	border: 2px outset silver;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	padding: 3px 6px;
	}


	 .btn
	{
		background: url(/static/img/tile2.jpg) black;
		cursor: pointer;
		color: white;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		border-radius: 20px;
		margin: 8px 2px 2px;
		-moz-box-shadow: 3px 2px 2px black;
		-webkit-box-shadow: 3px 2px 2px black;
		box-shadow: 3px 2px 2px black;
		border: 2px outset silver;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857;
		padding: 3px 6px;
	}

	.btn:hover, .btn:focus
	{
		background: url(/static/img/tile2.jpg) black;
		cursor: pointer;
		color: yellow;
		margin: 8px 2px 2px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20 px;
		border-radius: 20px;
		-moz-box-shadow: 3px 2px 2px black;
		-webkit-box-shadow: 3px 2px 2px black;
		box-shadow: 3px 2px 2px black;
		border: 2px outset silver;
		text-shadow: 0 0 8px yellow;
	}

	.btn:active
	{
		background: url(/static/img/tile2.jpg) black;
		cursor: pointer;
		color: silver;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20 px;
		border-radius: 20px;
		-moz-box-shadow: 3px 2px 2px transparent;
		-webkit-box-shadow: 3px 2px 2px transparent;
		box-shadow: 3px 2px 2px transparent;
		border: 2px inset silver;
	}
	
	.grid LI.wide #overdub_player, .grid LI.wide #recordingslist, .grid LI.wide #demo_player_controls {
			
			.btn, a, a:visited {
				color: white; // was #800080
				margin: 8px 2px 2px;
			}
			
			.btn:hover, .btn:focus
			{
				background: url(/static/img/tile2.jpg) black;
				cursor: pointer;
				color: yellow;
				margin: 8px 2px 2px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				-khtml-border-radius: 20 px;
				border-radius: 20px;
				-moz-box-shadow: 3px 2px 2px black;
				-webkit-box-shadow: 3px 2px 2px black;
				box-shadow: 3px 2px 2px black;
				border: 2px outset silver;
				text-shadow: 0 0 8px yellow;
			}
		}
	
	

	
	
	#title-admin {
	  width: 418px;
	  height: 104px;
		background: url(/static/img/glitchlogo-small.jpg);
		background-size:   contain;                    
		background-repeat: no-repeat;
		background-position: center center; 
	  /*+box-shadow: 3px 4px 6px #272626 !important;*/
	  -moz-box-shadow: 3px 4px 6px #272626 !important;
	  -webkit-box-shadow: 3px 4px 6px #272626 !important;
	  box-shadow: 3px 4px 6px #272626 !important;
	  background-color: #B06E6C;
	  /*+border-radius: 12px;*/
	  -moz-border-radius: 12px;
	  -webkit-border-radius: 12px;
	  -khtml-border-radius: 12px;
	  border-radius: 12px;
	  background-color: #b06e6c;
      margin: 0;
      max-width: 80%;
	}
	
	#manage_track{
	
		.player{
			float:right;
			width:20%;
			}
		.details{
			float:left;
			width:80%;
			}
		.clear{
			clear: both;
			}
		}
	.status_alert {
		color: red;
		font-weight: 900;
	}
	#loading
    {
        display:none;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:rgba(255,255,255,0.8);
        z-index:1000;
    }
  
    #loadingcontent
    {
        display:table;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
    }
  
    #loadingspinner
    {
        display: table-cell;
        vertical-align:middle;
        width: 100%;
        text-align: center;
        font-size:larger;
        padding-top:80px;
    }
	
	img.floatLoose {
	  /*+box-shadow: 3px 4px 7px rgba(0, 0, 0, 0.667);*/
	  -moz-box-shadow: 3px 4px 7px rgba(0, 0, 0, 0.667);
	  -webkit-box-shadow: 3px 4px 7px rgba(0, 0, 0, 0.667);
	  box-shadow: 3px 4px 7px rgba(0, 0, 0, 0.667);
	  max-width: 80%;
	  height:auto;
	}
	img.tabHeading  {
	  max-width: 80%;
	  height:auto;
	}
	
	.track_url {
		vertical-align:baseline;
		margin-top:20px;
	}
	
	.track_art {
	max-width: 200px;
	max-height: 200px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 3px 4px 6px #272626 !important;
	-webkit-box-shadow: 3px 4px 6px #272626 !important;
	box-shadow: 3px 4px 6px #272626 !important;
	margin: 0 12px 0 26px;
}

	/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
	 * What follows is the result of much research on cross-browser styling.
	 * Credit left inline and big thanks to <NAME>, <NAME>,
	 * <NAME>, and the H5BP dev community and team.
	 */
	/* ==========================================================================
		   Base styles: opinionated defaults
		   ========================================================================== */
	/* STRUCTURE BOF mZoo 3col*/
	#pagewrap {
		padding: 0;
		width: 100%;
	}
	
	
	.errors {
		color: #8A0C40;
		}
		
	.left-player {
		width: 291px;
		float: none;
		height: 500px;
		background: url(/static/img/player.jpg);
		/*+border-radius: 12px;*/
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;
		/*+box-shadow: 3px 4px 6px #272626 !important;*/
		-moz-box-shadow: 3px 4px 6px #272626 !important;
		-webkit-box-shadow: 3px 4px 6px #272626 !important;
		box-shadow: 3px 4px 6px #272626 !important;
		margin-left: 5%;
		margin-bottom: .7em;
	}
	#trackdetails {
		display: inline-block;
		margin: 36px 0 0 25px;
	}
	#trackdetails .artist, #left #trackdetails .length {
		margin: 0px 8px;
	}
	#trackdetails .artist {
		float: left;
	}
	#trackdetails .length {
		float: right;
	}
	#trackdetails .nametime {
		display: inline-block;
	}
	
	.entire_length {
		color: red;
		font-family: "Lucida Sans Typewriter","Lucida Console",monaco,"Bitstream Vera Sans Mono",monospace;
		font-size: 11px;
		font-weight: 800;
		opacity: 0.6;
		position: absolute;
		left: 145px;
		top: 85px;
		display:none;
	}
	
	#player {
		width: 256px;
		margin: 34px 22px 4px 20px;
		/*overflow: hidden;*/
		z-index: 5;
		height: 256px;
	}

	.track-button {
	background: url(/static/img/tile2.jpg) black;
	cursor: pointer;
	color: white;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	margin: 17px 2px -6px;
	-moz-box-shadow: 3px 2px 2px black;
	-webkit-box-shadow: 3px 2px 2px black;
	box-shadow: 3px 2px 2px black;
	border: 2px outset silver;
	padding-top: 2px;
	padding-bottom: 2px;
}
	.track-button:HOVER {
	background: url(/static/img/tile2.jpg) black;
	cursor: pointer;
	color: #EBEB9D;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	margin: 17px 2px -6px;
	-moz-box-shadow: 3px 2px 2px black;
	-webkit-box-shadow: 3px 2px 2px black;
	box-shadow: 3px 2px 2px black;
	border: 2px outset silver;
}

	.track-button:ACTIVE {
	background: url(/static/img/tile2.jpg) black;
	cursor: pointer;
	color: silver;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	margin: 17px 2px -7px 4px;
	-moz-box-shadow: 3px 2px 2px transparent;
	-webkit-box-shadow: 3px 2px 2px transparent;
	box-shadow: 3px 2px 2px transparent;
	border: 2px inset silver;
}
	#title {
		width: 620px;
		height: 168px;
		background: url(/static/img/glitchlogo.jpg) no-repeat;
		/*+box-shadow: 3px 4px 6px #272626 !important;*/
		-moz-box-shadow: 3px 4px 6px #272626 !important;
		-webkit-box-shadow: 3px 4px 6px #272626 !important;
		box-shadow: 3px 4px 6px #272626 !important;
		background-color: #B06E6C;
		/*+border-radius: 12px;*/
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;
	}
	
	.main {
		border: 1px solid transparent;
		margin-left:0p;
		margin: -10px 0 0;
	}
	.user {
	}
	.user p {
		float: right;
		margin: 3px 29px 11px 2px;
		/*+border-radius: 12px;*/
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;
		padding: 2px 10px;
		background-image: url(../img/tile.jpg);
		border: 1px solid #CBCBCB;
		/*+box-shadow: 2px 3px 4px #514949;*/
		-moz-box-shadow: 2px 3px 4px #514949;
		-webkit-box-shadow: 2px 3px 4px #514949;
		box-shadow: 2px 3px 4px #514949;
	} 
P.infinite-intro
{
	width: 400px;
	color: #000000;
	text-align: justify;
	border: 1px solid gray;
	padding: 10px;
	/*+border-radius: 12px;*/
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	background-color: silver;
}
	.lyric_credits {
		color: #015656;
		margin-left: 0px;
		margin-right: 100px;
		border-left: 1px solid #015656;
		padding: 0 0 0 5px;
		border-top: 1px solid teal;
		border-top-left-radius: 12px;
		width: 677px;
	}
	
#highlight
{
	text-shadow: 0 0 4px red;
	color: white;
}

	/************Start Percent Grid**************/
	.grid {
		overflow: hidden;
		padding: 0;
		/*max-width: 76em;*/
		margin: 0 auto;
	}
	.grid li {
		padding: 0 0.5em 0.5em 0;
	}
	.grid li > div {
		padding: 0;
		text-align: left;
	}
	
	.grid li > nav {
		padding: 0.5em;
		text-align: left;
		/*+box-shadow: black;*/
		-moz-box-shadow: black;
		-webkit-box-shadow: black;
		box-shadow: black;
	}
	
.grid li.wide {
		width: 100%;
		background-image: url(../img/tile2.jpg);
		padding: 5px 0px;
		/*+border-radius: 12px;*/
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;
		border: 4px double #771011;
		/*+box-shadow: 3px 4px 6px #272626;*/
		-moz-box-shadow: 3px 4px 6px #272626;
		-webkit-box-shadow: 3px 4px 6px #272626;
		box-shadow: 3px 4px 6px #272626;
		color: #C0C0C0;
		margin: 0 0 10px 0;
		z-index:1;
	}
	
	/************End Percent Grid**************/
	/************Structure**************/
	.container {
		max-width: 70em;
		margin: 0 auto;
		padding: 0 1em;
		overflow: hidden;
	}
	div[role=main] {
		padding-bottom: 1em;
	}
	/*Footer*/
	footer[role=contentinfo] {
		color: #FFF;
		background: url(/static/img/slim-footer-tile.jpg) #000;
		margin: 0 -1em;
		position: relative;
		z-index: 100;
	}
	footer[role=contentinfo] > div {
		max-width: 70em;
		padding: 0 1em;
		margin: 0 auto;
		overflow: hidden;
	}
	footer[role=contentinfo] p {
		margin: 0;
	}
	footer[role=contentinfo] .nav li a {
		display: block;
		border-bottom: 1px solid #808080;
		padding: 1em;
		margin: 0 -1em;
	}
	footer[role=contentinfo] a {
		display: inline-block;
		padding: 0em 0.3em;
		background-image: url(../img/tile3.jpg);
		/*+border-radius: 12px;*/
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;
		margin: 5px 0 4px 3px;
		border: 1px solid transparent;
	}
	footer[role=contentinfo] a:hover {
		display: inline-block;
		padding: 0em 0.3em;
		background-image: url(../img/tile.jpg);
		/*+border-radius: 12px;*/
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;
		margin: 4px 0 4px 3px;
		border: 1px solid white;
		color: white;
	}
	footer[role=contentinfo] a.nav-home {
		color: #FFF;
	}
	footer[role=contentinfo] .f-rga {
		padding: 0.6em 0;
	}
	footer[role=contentinfo] img {
		max-width: 4.4em;
		display: inline-block;
		margin-bottom: -0.22em;
	}
	#social .fb-like{
		display:inline;
		border:1px solid #fff;
	}
/*Changed 12th march*/
	ul.footer_menu{
	float: left;
	list-style: none;
	margin: 5px 0 0px;
	padding: 0;
	width: 100%;
	}

	ul.footer_menu li{
		display: block;
		float: left;
		margin-right: 10px;
	}
/*Changed 12th march*/
	li.twitter-like{
	margin-top: 6px;
	margin-left: 36px;
	}
/*Added 12th March*/
	LI.fb-like
{
	margin-top: 6px;
}
	li.footerlist{
		margin-top: 0px;
	}
	/*End Footer*/



	/* CSS Animations */
	@-webkit-keyframes fadeout {
	  0%   { background: #fff; }
	  10%   { background: #eee; }
	  100% { background: #fff; }
	}
	@-moz-keyframes fadeout {
	  0%   { background: #fff; }
	  10%   { background: #eee; }
	  100% { background: #fff; }
	}
	@-o-keyframes fadeout {
	  0%   { background: #fff; }
	  10%   { background: #eee; }
	  100% { background: #fff; }
	}
	@keyframes fadeout {
	  0%   { background: #fff; }
	  10%   { background: #eee; }
	  100% { background: #fff; }
	}


	/*EOF mZoo 3col*/

	/*
	 * Hide visually and from screenreaders, but maintain layout
	 */

	.invisible {
		visibility: hidden;
	}

	/*
	 * Clearfix: contain floats
	 *
	 * For modern browsers
	 * 1. The space content is one way to avoid an Opera bug when the
	 *    `contenteditable` attribute is included anywhere else in the document.
	 *    Otherwise it causes space to appear at the top and bottom of elements
	 *    that receive the `clearfix` class.
	 * 2. The use of `table` rather than `block` is only necessary if using
	 *    `:before` to contain the top-margins of child elements.
	 */

	.clearfix:before,
	.clearfix:after {
		left: " "; /* 1 */
		display: table; /* 2 */
	}

	.clearfix:after {
		clear: both;
	}

	
	.secondary-grid li {
		padding: 0 0.5em 0.5em 0;
	}
	.secondary-grid li > div {
		padding: 0.5em;
		text-align: left;
	}

	.secondary-grid li a {
		color: #999;
		margin: 0 0 0 19px;
	}
	
	.secondary-grid li.wide {
		background-image: url("../img/tile.jpg");
		border: 4px double gray;
		border-radius: 12px;
		box-shadow: 3px 4px 6px #514949;
		color: black;
		margin: 0 0 0 86px;
		padding: 0 0 10px 12px;
	}
	
	table.secondary	{
	background-image: url(../img/tile3.jpg);
	border: 7px solid transparent;
	border-collapse: collapse;
	border-radius: 10px;
	border-spacing: 0;
	box-shadow: 0 0 4px #514949;
	margin: 0 10px 0 0;
}

	#header {
		margin-bottom: -35px;
	}
	
	#secondary_header {
		margin-bottom: 0;
	}
	
	.nav_image {
		max-width: 100%;
		height: auto;
	}
	
//Begin Glitch Oracle Styling
	#Table_01 {
		height: 251px;
		left: 0;
		position: relative;
		top: 0;   
		width: 220px;
    	margin: 0 auto;
    	z-index:3;
	}
	#Oracle-01 {
		height: 72px;
		left: 0;
		position: absolute;
		top: 0;
		width: 221px;
	}
	#Oracle-02 {
		height: 104px;
		left: 0;
		position: absolute;
		top: 72px;
		width: 57px;
	}
	#Oracle-03 {
		background-image: url("../img/oracle-off.png");
		height: 104px;
		left: 57px;
		position: absolute;
		top: 72px;
		width: 107px;
	}
	#Oracle-03:hover {
		background-image: url("../img/oracle-hover.png");
		cursor: pointer;
		height: 104px;
		left: 57px;
		position: absolute;
		top: 72px;
		width: 107px;
	}
	#Oracle-03:active {
		background-image: url("../img/oracle-on.png");
		height: 104px;
		left: 57px;
		position: absolute;
		top: 72px;
		width: 107px;
	}
	#Oracle-04 {
		height: 104px;
		left: 164px;
		position: absolute;
		top: 72px;
		width: 57px;
	}
	#Oracle-05 {
		height: 75px;
		left: 0;
		position: absolute;
		top: 176px;
		width: 221px;
	}
//End Glitch Oracle Styling

	#oracle_question {
		background-image: url(../img/oracle-question-box.png);
		background-size:   contain;                    
		background-repeat: no-repeat;
		background-position: center;   
		max-width:100%;
		height: 106px;
		width: 448px;	
		.oracle_question_field {
			width: 300px;
			max-width:70%;
			border-radius:20px;
			border: 0 none;
			font-size: 13px;
			max-width: 70%;
			position: relative;
			top: 45px;
			width: 320px;
			height:auto;
		}
	}
	
	
    #popular_words{
		font-weight: normal;
		line-height: 0.9em;
		max-width: 90%;
		opacity: 0.2;
		position: absolute;
		text-align: center;
		top: 520px;
		z-index: 2;
		a {
			text-decoration: none;
			cursor:none;
		}
	}
	#glitch-ball-title {
		z-index:3;
		}
		
	img.glitch_title {
		max-width:40%;
		height:auto;
		}
		
.glitch_answer {
	max-width: 400px;
	background-image: url(/static/img/tile3.jpg);
	/*+border-radius: 12px;*/
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	border: 4px double #EFFCFC;
	padding: 7px 5px 0px;
	margin: 0px auto;
	position: relative;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: tahoma;
	overflow: auto;
	-webkit-box-shadow: 0 0 0 4px #d35537, 2px 1px 4px 4px rgba(10,10,0,.5);
	-moz-box-shadow: 0 0 0 4px #d35537, 2px 1px 4px 4px rgba(10,10,0,.5);
	box-shadow: 0 0 20px 8px white;
	font-weight: normal;
	color: black;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	p {
		float:right;
		margin-right:2em;
	}
}
  
 //Begin Popup Stying

		.popup-overlay {
		width: 100%;
		height: 100%;
		position: fixed;
		background: rgba(196, 196, 196, 0.85);
		top: 0;
		left: 100%;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: opacity .2s ease-out;
		-moz-transition: opacity .2s ease-out;
		-ms-transition: opacity .2s ease-out;
		-o-transition: opacity .2s ease-out;
		transition: opacity 0.2s ease-out;
	}
		.overlay .popup-overlay {
		opacity: 1;
		left: 0;
	}
		.popup {
		position: fixed;
		top: 25%;
		left: 40%;
		z-index: -9999;
	}
		.popup .popup-body {
		/*background: white;
		background: -moz-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
		background: -webkit-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
		background: -o-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
		background: -ms-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
		background: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: opacity .2s ease-out;
		-moz-transition: opacity .2s ease-out;
		-ms-transition: opacity .2s ease-out;
		-o-transition: opacity .2s ease-out;
		transition: opacity 0.2s ease-out;*/
		opacity: 0;
		min-height: 150px;
		width: 300px;
		margin-left: -40%;
		padding: 0px;

		position: relative;
		-moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
		-webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
		box-shadow: 0 0 7px 2px #343030;
		text-align: left;
		border: 1px solid #E9E9E9;
		-moz-border-radius: 12px 0px 0px 12px;
		-webkit-border-radius: 12px 0px 0px 12px;
		-khtml-border-radius: 12px 0px 0px 12px;
		border-radius: 12px 0px 0px 12px;
	}
		.story {
		overflow-y: auto;
		height: 250px;
		background-color: #F5F5F5;
		/*+border-radius: 9px;*/
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		-khtml-border-radius: 9px;
		border-radius: 9px;
		padding: 6px 0 0 8px;
	}
		.popup.visible, .popup.transitioning {
		z-index: 9999;
	}
		.popup.visible .popup-body {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
		.popup .popup-exit {
		cursor: pointer;
		display: block;
		width: 32px;
		height: 32px;
		position: absolute;
		top: 10px;
		right: 25px;
		background: url("../img/quit.png") no-repeat;
	}
		.popup .popup-content {
		overflow-y: scroll;
		background-color: #B06E6C;
		padding: 10px;
		background-image: url(../img/tile.jpg);
		/*+border-radius: 12px 0px 0px 12px;*/
		-moz-border-radius: 12px 0px 0px 12px;
		-webkit-border-radius: 12px 0px 0px 12px;
		-khtml-border-radius: 12px 0px 0px 12px;
		border-radius: 12px 0px 0px 12px;
	}
{'fraction_non_alphanumeric': 0.16104075414206817, 'fraction_numerical': 0.06984383926871073, 'mean_word_length': 3.0627659574468087, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 17, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5957547', 'n_tokens_mistral': 20814, 'n_tokens_neox': 16917, 'n_words': 4091}