<commit_before>/*

	-- -- -- -- -- -- --
	main template CSS

	where all the magic happens
	-- -- -- -- -- -- --

*/

/* Fonts */
	@font-face {
		font-family: 'Share-Regular';
		src: url('fonts/Share-Regular-webfont.eot');
		src: url('fonts/Share-Regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/Share-Regular-webfont.woff') format('woff'),
			 url('fonts/Share-Regular-webfont.ttf') format('truetype'),
			 url('fonts/Share-Regular-webfont.svg#Share-Regular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	html {
		font-family: sans-serif;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}

/* Body */
	body {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 0.8em;
		line-height: 1.6em;
		color: #666;
		background: #ececec url("../images/layout/noise-lite.png");
		min-width: 960px;
		text-rendering: optimizeLegibility;
	}
	.ckeditor-body {
		padding: 10px;
		min-width: inherit;
		background: #FFF !important;
	}

/* Inputs */
	input[type=text],
	input[type=password],
	input[type=email],
	textarea {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 1em;
		line-height: 1.61803399em;
		max-width: 100%;
		padding: 0.4045084975em;
		outline: none;
		border: 1px solid #D9D9D9;
		border-color: rgba(0, 0, 0, .19) rgba(0, 0, 0, .13) rgba(0, 0, 0, .07);
		background: #F0F0F0;
		background: rgba(0, 0, 0, .039);
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding-box;
		    -ms-background-clip: padding-box;
		     -o-background-clip: padding-box;
		        background-clip: padding-box;
		-webkit-border-radius: 1px;
		   -moz-border-radius: 1px;
		    -ms-border-radius: 1px;
		     -o-border-radius: 1px;
		        border-radius: 1px;
		-webkit-transition: all 0.1s ease-out;
		   -moz-transition: all 0.1s ease-out;
		    -ms-transition: all 0.1s ease-out;
		     -o-transition: all 0.1s ease-out;
		        transition: all 0.1s ease-out;
	}
	textarea:focus, 
	input[type="text"]:focus, 
	input[type="password"]:focus, 
	input[type="file"]:focus {
		background-color: #fff;
		border-color: #0fa1ca;
	}
	.placeholder-support {
		color:#aaa;
	}

/* Links */
	a, 
	a:active, 
	a:visited {
		text-decoration: none;
		color: #178bc1; /* 62a0b2 #0fa1ca;*/
		border-bottom: 1px dotted #344e54;
		border-bottom: 1px dotted rgba(52, 78, 85, 0.4);
	}
	a:hover {
		color: #222;
		border-bottom: 1px solid #999;
	}

/* Elements */
	/* Prevents sub and sup affecting line-height in all browsers */
	sub,
	sup {
		position: relative;
		font-size: 75%;
		line-height: 0;
		vertical-align: baseline;
	}
	sup {
		top: -0.5em;
	}
	sub {
		bottom: -0.25em;
	}
	b,
	strong {
		font-weight: bold;
	}
	i,
	em {
		font-style: italic;
	}

	/* Lists */
	ul {
		list-style: disc;
		margin: 0 0 0 2em;
	}
	ul li {
		margin: 0.5em 0;
	}
	ol {
		list-style: decimal;
		margin: 0 0 0 2em;
	}
	ol li {
		margin: 0.5em 0;
	}
	iframe {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	p {
		margin: 1em 0;
	}
	hr {
		clear: both;
		height: 1px;
		background: #ddd;
		margin: 2em 0;
		border: none;
	}
	abbr {
		border-bottom: 1px dotted #333;
	}
	dfn {
		font-style: italic;
	}
	dl dt {
		font-weight: bold;
	}
	dl dd {
		margin-left: 2em;
	}
	img {
		border: 0;
	}

/* Headers */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #6E6D6D;
		font-family: 'Share-Regular', 'RopaSansRegular', 'LacunaRegular', 'Impact', 'Arial Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: 600;
		font-weight: normal;
		color: #484848;
		margin: 1em 0;
	}
	#droppables h1,
	#droppables h2,
	#droppables h3,
	#droppables h4,
	#droppables h5,
	#droppables h6 {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	h1 {
		font-size: 2.2em;
	}
	h2 {
		line-height: 1.3;
		font-size: 1.9em;
	}
	h3 {
		font-size: 1.6em;
	}
	h4,
	h5,
	h6 {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: bold;
		/*font-size: 1.1em;*/
	}
	/*h3:hover a, 
	h2:hover a {
		color: inherit;
	}*/
	blockquote {
		margin-left: 2em;
		color: #888;
		position: relative;
		background-color: #fff;
	}
	blockquote:before {
		content: "\275D";
		font-family: 'Fontcons';
		position: absolute;
		top: 0;
		left: -2em;
		color: #ccc;
	}

/* Pre, Code, TrueType. */
	pre {
		font-family: "Bitstream Vera Sans Mono", Courier, Monaco, ProFont, "American Typewriter", "Andale Mono", monospace;
		color: #555;
		margin: 1em 0 1em 0;
		padding: 0.5em 1em;
		font-size: 0.85em;
		line-height: 1.95em;
		word-wrap: break-word;
		white-space: pre;
		white-space: -moz-pre-wrap;
		white-space: -o-pre-wrap;
		white-space: -pre-wrap;
		white-space: pre-wrap;
		border: 1px solid #d7d7d7;
		background-color: #fff; 
		background-image: -webkit-linear-gradient(#eee 1px, transparent 1px),
						  -webkit-linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-image: -moz-linear-gradient(#eee 1px, transparent 1px),
						  -moz-linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-image: -ms-linear-gradient(#eee 1px, transparent 1px),
						  -ms-linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-image: -o-linear-gradient(#eee 1px, transparent 1px),
						  -o-linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-image: linear-gradient(#eee 1px, transparent 1px),
						  linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-size: 100% 1.95em;
		background-position: 0 -1px;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
	}
	body .wikipage pre,
	body .wikipage .pre,
	.pre {
		background-color: #fff; 
	}
	code,
	tt {
		border: 1px solid #d7d7d7;
		background-color: #fff;
		font-family: "Bitstream Vera Sans Mono", Courier, Monaco, ProFont, "American Typewriter", "Andale Mono", monospace;
		font-size: 0.91em;
		padding: 0.2em 0.4em;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
	}

/* Table */
	table {
		clear: left;
		width: 100%;
		text-align: left;
		font-size: 1em;
		border-collapse: collapse;
		border-bottom: 1px dashed #dadada;

	}
	table caption {
		line-height: 1.6em;
		padding: 0.4045084975em 0.61803399em;
		text-align: left;
	}
	table th,
	table td {
		vertical-align: top;
		line-height: 1.6em;
		padding: 0.4045084975em 0.61803399em;
		border-bottom: 1px solid #dadada;
	}
	table th {
		font-weight: bold;
		white-space: nowrap;
	}

/* Core classes */
	.nowrap {
		white-space: nowrap;
	}
	.highlight {
		background-color: #FFFF99;
	}

/* Shortcuts */
	#top {
		border-top: 3px solid #178bc1;
		background: #4b677c;
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#62a0b2), color-stop(50%,#4b677c), color-stop(100%,#250b23));
		background: -webkit-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: -moz-linear-gradient(-75deg, #62a0b2 0%, #4b677c 50%, #250b23 100%);
		background: -ms-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: -o-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: linear-gradient(135deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62a0b2', endColorstr='#250b23',GradientType=1 );
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#62a0b2, endColorstr=#250b23)";
	}

/* Splash */
	#splash {
		margin: 0 30px;
		-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		   -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		    -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		     -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		background: #4b677c;
		/* blue -> purple gradient */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#62a0b2), color-stop(50%,#4b677c), color-stop(100%,#250b23));
		background: -webkit-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: -moz-linear-gradient(-75deg, #62a0b2 0%, #4b677c 50%, #250b23 100%);
		background: -ms-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: -o-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: linear-gradient(135deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62a0b2', endColorstr='#250b23',GradientType=1 );
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#62a0b2, endColorstr=#250b23)";
	}
	#splash .inner-wrap {
		/* Vertical stripes */
		background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		background-image: -o-linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		background-image: linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		-webkit-background-size: 300px 300px;
		   -moz-background-size: 300px 300px;
		    -ms-background-size: 300px 300px;
		     -o-background-size: 300px 300px;
		        background-size: 300px 300px;
		background-position: 95px 0;
	}
	/* Safari seems to interpret degrees incorrectly) */
	html.safari #splash .inner-wrap {
		background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
	}
	#splash .inner-wrap .inner {
		/* Slanted gradients */
		background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0))),
		                  -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.4, rgba(255, 255, 255, .1)), color-stop(0.401, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
		background-image: -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)),
		                  -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0));
		background-image: -ms-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)),
		                  -ms-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0));
		background-image: -o-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)),
		                  -o-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0));
		background-image: linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)),
		                  linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0));
		-webkit-background-size: 400px 400px;
		   -moz-background-size: 400px 400px;
		    -ms-background-size: 400px 400px;
		     -o-background-size: 400px 400px;
		        background-size: 400px 400px;
		background-position: 120px -10px;
		border-left: 1px solid rgba(255, 255, 255, 0.05);
		border-right: 1px solid rgba(255, 255, 255, 0.05);
	}
	#splash .inner-wrap .inner .wrap {
		min-height: 80px;
		background: transparent url("../images/layout/noise-white.png") 0 0;
		position: relative;
		padding: 10px 10px 0 10px;
	}
	#splash #system-message {
		margin: 0;
	}

/* Search */
	#searchform {
		float: right;
		margin: 0;
		padding: 0;
	}
	#searchform legend {
		display: none;
	}
	#searchform fieldset {
		border: none;
		padding: 0;
	}
	#searchform input {
		display: block;
		border: none;
		float: left;
		line-height: 1;
		-webkit-border-radius: 0px;
		   -moz-border-radius: 0px;
		    -ms-border-radius: 0px;
		     -o-border-radius: 0px;
		        border-radius: 0px;
	}
	#submitquery {
		margin: 0;
		padding: 1.4em 1em 1.4em 1em;
		background: #333 url("../images/layout/search.png") center center no-repeat;
		background: rgba(0, 0, 0, 0.15) url("../images/layout/search.png") center center no-repeat;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding-box;
		    -ms-background-clip: padding-box;
		     -o-background-clip: padding-box;
		        background-clip: padding-box;
		outline: none;
		font-size: 1em;
		cursor: pointer;
		color: transparent;
		border-right: 1px solid rgba(255, 255, 255, 0.1);
	}
	@-moz-document url-prefix() {
		#submitquery {
			padding: 1.3em 1em 1.3em 1em;
		}
	}
	html.opera #submitquery {
		padding: 1.2em 1em 1.2em 1em;
	}
	#submitquery:hover {
		background-color: #000;
	}
	#searchword-label {
		display: none;
	}
	#searchword {
		margin: 0;
		background-color: #333;
		background-color: rgba(0, 0, 0, 0.15);
		border-left: 1px solid #222;
		border-left: 1px solid rgba(255, 255, 255, 0.1);
		width: 170px;
		color: #abadad;
		padding: 1.3em 1em 1.3em 1em;
	}
	html.opera #searchword {
		padding: 1.2em 1em 1.2em 1em;
	}
	#searchword:focus {
		color: #e1e1e1;
	}

/* Header */
	#masthead {
		margin: 0;
		padding: 0 30px;
		position: relative;
		background: #ececec url("../images/layout/noise-lite.png");
	}
	#masthead .inner {
		padding: 0;
		background: #fff;
		-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		   -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		    -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		     -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	}
	#masthead .inner:before,
	#masthead .inner:after {
		content: "";
		display: table;
		line-height: 0;
	}
	#masthead .inner:after {
		clear: both;
	}
	#masthead h1 {
		font-size: 2.7em;
		line-height: 1;
		margin: 0;
		padding: 0 30px;
		float: left;
		text-transform: lowercase;
		border-right: 1px dashed #ddd;
	}
	#masthead h1 a {
		position: relative; 
		display: block; 
		height: 1em;
		background: transparent;
		border: none;
		font-weight: normal;
		font-style: normal;
		padding: 0.5em 0;
	}
	#masthead h1 a:hover {
		color: #615287;
	}

/* Trail */
	#sub-masthead {
		margin: 0;
		padding: 0 30px;
		vertical-align: baseline;
		background: #3e3e3e url("../images/layout/noise.png");
		display: block;
		font-size: 0.85em;
	}
	#sub-masthead .inner {
		padding: 0 30px;
		background: #494949 url("../images/layout/noise.png");
		-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		   -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		    -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		     -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	}
	#sub-masthead:before,
	#sub-masthead:after {
		content: "";
		display: table;
		line-height: 0;
	}
	#sub-masthead:after {
		clear: both;
	}

	/* Breadcrumbs */
	#trail {
		margin: 0;
		padding: 0;
		color: #abadad;
	}
	#trail span.pathway {
		display: block;
		padding: 1em 0 1em 0;
		margin: 0;
	}
	#trail a {
		color: #ccc;
		border: none;
	}
	#trail a:hover {
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	#trail .sep {
		padding: 0 0.2em;
		color: #666;
	}

/* Account */
	#account {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 798;
	}
	#account li {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		line-height: 1.3em;
		vertical-align: middle;
		zoom: 1;
	}
	#account li>a {
		display: block;
		border: none;
		color: #747474;
		font-family: 'Share-Regular', 'RopaSansRegular', 'Impact', 'Arial Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		padding: 1.675em 1em;
		font-size: 1.3em;
		border-left: 1px dashed #ddd;
	}
	#account li>a:hover,
	#account li>a:focus,
	#account a:hover,
	#account a:focus { 
		color: #111;
	}
	#account .account-details {
		color: #555;
		border: none;
	}
	#account #account-info {
		padding: 1.5em 3.25em 1.5em 1.675em;
		white-space: nowrap;
		border-left: 1px dashed #ddd;
		max-width: 30em;
	}
	#account #account-info:after {
		content: "";
		border-color: #E5E5E5 transparent transparent transparent;
		border-style: solid dashed dashed dashed;
		border-width: 6px 6px 0 6px;
		height: 0;
		width: 0;
		display: block;
		overflow: hidden;
		position: absolute;
		top: 1.5em;
		right: 1.675em;
	}

	#account.loggedin {
		cursor: pointer;
	}

	#account img {
		float: left;
		margin: 0 0.5em 0 0;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
	}
	#account span.account-email {
		display: block;
		color: #bbb;
		font-size: 85%;
		margin-right: 3em;
	}
	#account li ul {
		background: #fff;
		border: 1px solid rgba(0, 0, 0, 0.4);
		border-top: none;
		position: absolute;
		visibility: hidden;
		width: 200px;
		right: 0px;
		top: 100%;
	}
	#account li:hover > ul,
	#account li:focus > ul {
		visibility: visible;
	}
	#account li ul li {
		float: none;
		border: none;
		border-top: 1px solid #eee;
	}
	#account li ul li a {
		display: block;
		color: #747474;
		position: relative;
		font-size: 1em;
		border: none;
		padding: 0.8em 1em;
	}
	#account li ul li a:hover,
	#account li ul li a:focus {
		background-color: #178bc1;
		color: #fff;
		margin: 0 -2px;
	}

	#account li ul li a:before {
		content: "";
		display: inline-block;
		font-family: 'Fontcons';
		font-size: 1.2em;
		width: 1em;
		height: 1em;
		margin-right: 0.2em;
	}
	#account li ul li#account-dashboard a:before {
		content: "\f009";
	}
	#account li ul li#account-profile a:before {
		content: "\f007";
	}
	#account li ul li#account-messages a:before {
		content: "\2709";
	}
	#account li ul li#account-logout a:before {
		content: "\f011";
	}

/* Navigation */
	#nav {
		float: left;
		border: none;
		padding: 0;
		margin: 0;
	}
	#nav h2 {
		display: none;
	}
	#nav ul.menu:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	#nav ul.menu,
	#nav ul.menu li,
	#nav ul.menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#nav ul.menu {
		position: relative;
		z-index: 797;
		float: left;
		padding: 0;
		width: 100%;
	}
	#nav ul.menu li {
		float: left;
		line-height: 1.3em;
		vertical-align: middle;
		zoom: 1;
	}
	#nav ul.menu li:hover,
	#nav ul.menu li:focus {
		position: relative;
		z-index: 799;
		cursor: default;
	}
	#nav ul.menu ul {
		visibility: hidden;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 798;
		width: 100%;
	}
	#nav ul.menu ul li {
		float: none;
	}
	#nav ul.menu ul ul {
		top: 1px;
		left: 99%;
	}
	#nav ul.menu li:hover > ul,
	#nav ul.menu li:focus > ul {
		visibility: visible;
	}
	/* Drop-Down Menu Theme */
	#nav ul.menu {
		font-weight: normal;
	}
	#nav ul.menu li {
		padding: 0;
		border: none;
		color: #343434;
	}
	#nav ul.menu li:hover {
		color: #FF9966;
	}
	#nav ul.menu>li.active>a,
	#nav ul.menu li.active a {
		color: #222;
		position: relative;
		background-color: #f1f1f1;
	}
	#nav ul.menu li.active li a {
		color: #fff;
		background: transparent;
	}
	#nav ul.menu li li.active a {
		color: #fff;
		background: transparent;
	}
	#nav ul.menu>li.active>a:after {
		content: "";
		display: block;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 2px;
		background: #3e3e3e;
	}
	#nav ul.menu>li.active:hover>a:after,
	#nav ul.menu>li.active>a:hover:after {
		display: none;
	}

	#nav ul.menu span.separator {
		display: block;
		padding: 0.8em 1em;
		border: none;
	}
	#nav ul.menu a {
		display: block;
		border: none;
		color: #747474;
		font-family: 'Share-Regular', 'RopaSansRegular', 'LacunaRegular', 'Impact', 'Arial Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		padding: 1.675em 1em;
		font-size: 1.3em;
		border-right: 1px dashed #ddd;
	}
	#nav ul.menu ul li a {
		padding: 0.8em 1em;
		text-transform: none;
		border-top: 1px solid #3a3a3a;
		color: #747474;
		border: none;
		font-size: 1.2em;
	}
	#nav ul.menu li:hover > a,
	#nav ul.menu li:focus > a { 
		color: #111;
	}
	#nav ul.menu li.active li a {
		color: #747474;
	}
	#nav ul.menu li.active li a:hover,
	#nav ul.menu li.active li a:focus,
	#nav ul.menu a:hover,
	#nav ul.menu a:focus { 
		color: #111;
	}
	#nav ul.menu li.parent:hover > a,
	#nav ul.menu li.parent:focus > a
	#nav ul.menu li.parent>a:hover,
	#nav ul.menu li.parent>a:focus {
		background-color: #FFF;
	}
	#nav ul.menu ul li.active a,
	#nav ul.menu ul li a:hover,
	#nav ul.menu ul li a:focus,
	#nav ul.menu li.parent>ul li a:hover,
	#nav ul.menu li.parent>ul li a:focus { 
		background-color: #178bc1;
		color: #fff;
		margin: 0 -0.2em;
		padding-left: 1.15em;
		padding-right: 1.15em;
	}
	#nav ul.menu a:active { 
		color: #ECECC4;
	}
	/* Second level */
	#nav ul.menu ul {
		width: 16em;
		padding: 0;
		margin-left: -1px;
		background: #fff;<commit_msg>[HUBZERO][#5185][TPL_HUBBASIC2013] Fixing issue where highligting of active menu item would highlight children as well<commit_after>/*

	-- -- -- -- -- -- --
	main template CSS

	where all the magic happens
	-- -- -- -- -- -- --

*/

/* Fonts */
	@font-face {
		font-family: 'Share-Regular';
		src: url('fonts/Share-Regular-webfont.eot');
		src: url('fonts/Share-Regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/Share-Regular-webfont.woff') format('woff'),
			 url('fonts/Share-Regular-webfont.ttf') format('truetype'),
			 url('fonts/Share-Regular-webfont.svg#Share-Regular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	html {
		font-family: sans-serif;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}

/* Body */
	body {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 0.8em;
		line-height: 1.6em;
		color: #666;
		background: #ececec url("../images/layout/noise-lite.png");
		min-width: 960px;
		text-rendering: optimizeLegibility;
	}
	.ckeditor-body {
		padding: 10px;
		min-width: inherit;
		background: #FFF !important;
	}

/* Inputs */
	input[type=text],
	input[type=password],
	input[type=email],
	textarea {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 1em;
		line-height: 1.61803399em;
		max-width: 100%;
		padding: 0.4045084975em;
		outline: none;
		border: 1px solid #D9D9D9;
		border-color: rgba(0, 0, 0, .19) rgba(0, 0, 0, .13) rgba(0, 0, 0, .07);
		background: #F0F0F0;
		background: rgba(0, 0, 0, .039);
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding-box;
		    -ms-background-clip: padding-box;
		     -o-background-clip: padding-box;
		        background-clip: padding-box;
		-webkit-border-radius: 1px;
		   -moz-border-radius: 1px;
		    -ms-border-radius: 1px;
		     -o-border-radius: 1px;
		        border-radius: 1px;
		-webkit-transition: all 0.1s ease-out;
		   -moz-transition: all 0.1s ease-out;
		    -ms-transition: all 0.1s ease-out;
		     -o-transition: all 0.1s ease-out;
		        transition: all 0.1s ease-out;
	}
	textarea:focus, 
	input[type="text"]:focus, 
	input[type="password"]:focus, 
	input[type="file"]:focus {
		background-color: #fff;
		border-color: #0fa1ca;
	}
	.placeholder-support {
		color:#aaa;
	}

/* Links */
	a, 
	a:active, 
	a:visited {
		text-decoration: none;
		color: #178bc1; /* 62a0b2 #0fa1ca;*/
		border-bottom: 1px dotted #344e54;
		border-bottom: 1px dotted rgba(52, 78, 85, 0.4);
	}
	a:hover {
		color: #222;
		border-bottom: 1px solid #999;
	}

/* Elements */
	/* Prevents sub and sup affecting line-height in all browsers */
	sub,
	sup {
		position: relative;
		font-size: 75%;
		line-height: 0;
		vertical-align: baseline;
	}
	sup {
		top: -0.5em;
	}
	sub {
		bottom: -0.25em;
	}
	b,
	strong {
		font-weight: bold;
	}
	i,
	em {
		font-style: italic;
	}

	/* Lists */
	ul {
		list-style: disc;
		margin: 0 0 0 2em;
	}
	ul li {
		margin: 0.5em 0;
	}
	ol {
		list-style: decimal;
		margin: 0 0 0 2em;
	}
	ol li {
		margin: 0.5em 0;
	}
	iframe {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	p {
		margin: 1em 0;
	}
	hr {
		clear: both;
		height: 1px;
		background: #ddd;
		margin: 2em 0;
		border: none;
	}
	abbr {
		border-bottom: 1px dotted #333;
	}
	dfn {
		font-style: italic;
	}
	dl dt {
		font-weight: bold;
	}
	dl dd {
		margin-left: 2em;
	}
	img {
		border: 0;
	}

/* Headers */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #6E6D6D;
		font-family: 'Share-Regular', 'RopaSansRegular', 'LacunaRegular', 'Impact', 'Arial Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: 600;
		font-weight: normal;
		color: #484848;
		margin: 1em 0;
	}
	#droppables h1,
	#droppables h2,
	#droppables h3,
	#droppables h4,
	#droppables h5,
	#droppables h6 {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	h1 {
		font-size: 2.2em;
	}
	h2 {
		line-height: 1.3;
		font-size: 1.9em;
	}
	h3 {
		font-size: 1.6em;
	}
	h4,
	h5,
	h6 {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: bold;
		/*font-size: 1.1em;*/
	}
	/*h3:hover a, 
	h2:hover a {
		color: inherit;
	}*/
	blockquote {
		margin-left: 2em;
		color: #888;
		position: relative;
		background-color: #fff;
	}
	blockquote:before {
		content: "\275D";
		font-family: 'Fontcons';
		position: absolute;
		top: 0;
		left: -2em;
		color: #ccc;
	}

/* Pre, Code, TrueType. */
	pre {
		font-family: "Bitstream Vera Sans Mono", Courier, Monaco, ProFont, "American Typewriter", "Andale Mono", monospace;
		color: #555;
		margin: 1em 0 1em 0;
		padding: 0.5em 1em;
		font-size: 0.85em;
		line-height: 1.95em;
		word-wrap: break-word;
		white-space: pre;
		white-space: -moz-pre-wrap;
		white-space: -o-pre-wrap;
		white-space: -pre-wrap;
		white-space: pre-wrap;
		border: 1px solid #d7d7d7;
		background-color: #fff; 
		background-image: -webkit-linear-gradient(#eee 1px, transparent 1px),
						  -webkit-linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-image: -moz-linear-gradient(#eee 1px, transparent 1px),
						  -moz-linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-image: -ms-linear-gradient(#eee 1px, transparent 1px),
						  -ms-linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-image: -o-linear-gradient(#eee 1px, transparent 1px),
						  -o-linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-image: linear-gradient(#eee 1px, transparent 1px),
						  linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-size: 100% 1.95em;
		background-position: 0 -1px;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
	}
	body .wikipage pre,
	body .wikipage .pre,
	.pre {
		background-color: #fff; 
	}
	code,
	tt {
		border: 1px solid #d7d7d7;
		background-color: #fff;
		font-family: "Bitstream Vera Sans Mono", Courier, Monaco, ProFont, "American Typewriter", "Andale Mono", monospace;
		font-size: 0.91em;
		padding: 0.2em 0.4em;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
	}

/* Table */
	table {
		clear: left;
		width: 100%;
		text-align: left;
		font-size: 1em;
		border-collapse: collapse;
		border-bottom: 1px dashed #dadada;

	}
	table caption {
		line-height: 1.6em;
		padding: 0.4045084975em 0.61803399em;
		text-align: left;
	}
	table th,
	table td {
		vertical-align: top;
		line-height: 1.6em;
		padding: 0.4045084975em 0.61803399em;
		border-bottom: 1px solid #dadada;
	}
	table th {
		font-weight: bold;
		white-space: nowrap;
	}

/* Core classes */
	.nowrap {
		white-space: nowrap;
	}
	.highlight {
		background-color: #FFFF99;
	}

/* Shortcuts */
	#top {
		border-top: 3px solid #178bc1;
		background: #4b677c;
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#62a0b2), color-stop(50%,#4b677c), color-stop(100%,#250b23));
		background: -webkit-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: -moz-linear-gradient(-75deg, #62a0b2 0%, #4b677c 50%, #250b23 100%);
		background: -ms-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: -o-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: linear-gradient(135deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62a0b2', endColorstr='#250b23',GradientType=1 );
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#62a0b2, endColorstr=#250b23)";
	}

/* Splash */
	#splash {
		margin: 0 30px;
		-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		   -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		    -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		     -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		background: #4b677c;
		/* blue -> purple gradient */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#62a0b2), color-stop(50%,#4b677c), color-stop(100%,#250b23));
		background: -webkit-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: -moz-linear-gradient(-75deg, #62a0b2 0%, #4b677c 50%, #250b23 100%);
		background: -ms-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: -o-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: linear-gradient(135deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62a0b2', endColorstr='#250b23',GradientType=1 );
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#62a0b2, endColorstr=#250b23)";
	}
	#splash .inner-wrap {
		/* Vertical stripes */
		background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		background-image: -o-linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		background-image: linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		-webkit-background-size: 300px 300px;
		   -moz-background-size: 300px 300px;
		    -ms-background-size: 300px 300px;
		     -o-background-size: 300px 300px;
		        background-size: 300px 300px;
		background-position: 95px 0;
	}
	/* Safari seems to interpret degrees incorrectly) */
	html.safari #splash .inner-wrap {
		background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
	}
	#splash .inner-wrap .inner {
		/* Slanted gradients */
		background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0))),
		                  -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.4, rgba(255, 255, 255, .1)), color-stop(0.401, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
		background-image: -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)),
		                  -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0));
		background-image: -ms-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)),
		                  -ms-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0));
		background-image: -o-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)),
		                  -o-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0));
		background-image: linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)),
		                  linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0));
		-webkit-background-size: 400px 400px;
		   -moz-background-size: 400px 400px;
		    -ms-background-size: 400px 400px;
		     -o-background-size: 400px 400px;
		        background-size: 400px 400px;
		background-position: 120px -10px;
		border-left: 1px solid rgba(255, 255, 255, 0.05);
		border-right: 1px solid rgba(255, 255, 255, 0.05);
	}
	#splash .inner-wrap .inner .wrap {
		min-height: 80px;
		background: transparent url("../images/layout/noise-white.png") 0 0;
		position: relative;
		padding: 10px 10px 0 10px;
	}
	#splash #system-message {
		margin: 0;
	}

/* Search */
	#searchform {
		float: right;
		margin: 0;
		padding: 0;
	}
	#searchform legend {
		display: none;
	}
	#searchform fieldset {
		border: none;
		padding: 0;
	}
	#searchform input {
		display: block;
		border: none;
		float: left;
		line-height: 1;
		-webkit-border-radius: 0px;
		   -moz-border-radius: 0px;
		    -ms-border-radius: 0px;
		     -o-border-radius: 0px;
		        border-radius: 0px;
	}
	#submitquery {
		margin: 0;
		padding: 1.4em 1em 1.4em 1em;
		background: #333 url("../images/layout/search.png") center center no-repeat;
		background: rgba(0, 0, 0, 0.15) url("../images/layout/search.png") center center no-repeat;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding-box;
		    -ms-background-clip: padding-box;
		     -o-background-clip: padding-box;
		        background-clip: padding-box;
		outline: none;
		font-size: 1em;
		cursor: pointer;
		color: transparent;
		border-right: 1px solid rgba(255, 255, 255, 0.1);
	}
	@-moz-document url-prefix() {
		#submitquery {
			padding: 1.3em 1em 1.3em 1em;
		}
	}
	html.opera #submitquery {
		padding: 1.2em 1em 1.2em 1em;
	}
	#submitquery:hover {
		background-color: #000;
	}
	#searchword-label {
		display: none;
	}
	#searchword {
		margin: 0;
		background-color: #333;
		background-color: rgba(0, 0, 0, 0.15);
		border-left: 1px solid #222;
		border-left: 1px solid rgba(255, 255, 255, 0.1);
		width: 170px;
		color: #abadad;
		padding: 1.3em 1em 1.3em 1em;
	}
	html.opera #searchword {
		padding: 1.2em 1em 1.2em 1em;
	}
	#searchword:focus {
		color: #e1e1e1;
	}

/* Header */
	#masthead {
		margin: 0;
		padding: 0 30px;
		position: relative;
		background: #ececec url("../images/layout/noise-lite.png");
	}
	#masthead .inner {
		padding: 0;
		background: #fff;
		-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		   -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		    -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		     -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	}
	#masthead .inner:before,
	#masthead .inner:after {
		content: "";
		display: table;
		line-height: 0;
	}
	#masthead .inner:after {
		clear: both;
	}
	#masthead h1 {
		font-size: 2.7em;
		line-height: 1;
		margin: 0;
		padding: 0 30px;
		float: left;
		text-transform: lowercase;
		border-right: 1px dashed #ddd;
	}
	#masthead h1 a {
		position: relative; 
		display: block; 
		height: 1em;
		background: transparent;
		border: none;
		font-weight: normal;
		font-style: normal;
		padding: 0.5em 0;
	}
	#masthead h1 a:hover {
		color: #615287;
	}

/* Trail */
	#sub-masthead {
		margin: 0;
		padding: 0 30px;
		vertical-align: baseline;
		background: #3e3e3e url("../images/layout/noise.png");
		display: block;
		font-size: 0.85em;
	}
	#sub-masthead .inner {
		padding: 0 30px;
		background: #494949 url("../images/layout/noise.png");
		-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		   -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		    -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		     -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	}
	#sub-masthead:before,
	#sub-masthead:after {
		content: "";
		display: table;
		line-height: 0;
	}
	#sub-masthead:after {
		clear: both;
	}

	/* Breadcrumbs */
	#trail {
		margin: 0;
		padding: 0;
		color: #abadad;
	}
	#trail span.pathway {
		display: block;
		padding: 1em 0 1em 0;
		margin: 0;
	}
	#trail a {
		color: #ccc;
		border: none;
	}
	#trail a:hover {
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	#trail .sep {
		padding: 0 0.2em;
		color: #666;
	}

/* Account */
	#account {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 798;
	}
	#account li {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		line-height: 1.3em;
		vertical-align: middle;
		zoom: 1;
	}
	#account li>a {
		display: block;
		border: none;
		color: #747474;
		font-family: 'Share-Regular', 'RopaSansRegular', 'Impact', 'Arial Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		padding: 1.675em 1em;
		font-size: 1.3em;
		border-left: 1px dashed #ddd;
	}
	#account li>a:hover,
	#account li>a:focus,
	#account a:hover,
	#account a:focus { 
		color: #111;
	}
	#account .account-details {
		color: #555;
		border: none;
	}
	#account #account-info {
		padding: 1.5em 3.25em 1.5em 1.675em;
		white-space: nowrap;
		border-left: 1px dashed #ddd;
		max-width: 30em;
	}
	#account #account-info:after {
		content: "";
		border-color: #E5E5E5 transparent transparent transparent;
		border-style: solid dashed dashed dashed;
		border-width: 6px 6px 0 6px;
		height: 0;
		width: 0;
		display: block;
		overflow: hidden;
		position: absolute;
		top: 1.5em;
		right: 1.675em;
	}

	#account.loggedin {
		cursor: pointer;
	}

	#account img {
		float: left;
		margin: 0 0.5em 0 0;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
	}
	#account span.account-email {
		display: block;
		color: #bbb;
		font-size: 85%;
		margin-right: 3em;
	}
	#account li ul {
		background: #fff;
		border: 1px solid rgba(0, 0, 0, 0.4);
		border-top: none;
		position: absolute;
		visibility: hidden;
		width: 200px;
		right: 0px;
		top: 100%;
	}
	#account li:hover > ul,
	#account li:focus > ul {
		visibility: visible;
	}
	#account li ul li {
		float: none;
		border: none;
		border-top: 1px solid #eee;
	}
	#account li ul li a {
		display: block;
		color: #747474;
		position: relative;
		font-size: 1em;
		border: none;
		padding: 0.8em 1em;
	}
	#account li ul li a:hover,
	#account li ul li a:focus {
		background-color: #178bc1;
		color: #fff;
		margin: 0 -2px;
	}

	#account li ul li a:before {
		content: "";
		display: inline-block;
		font-family: 'Fontcons';
		font-size: 1.2em;
		width: 1em;
		height: 1em;
		margin-right: 0.2em;
	}
	#account li ul li#account-dashboard a:before {
		content: "\f009";
	}
	#account li ul li#account-profile a:before {
		content: "\f007";
	}
	#account li ul li#account-messages a:before {
		content: "\2709";
	}
	#account li ul li#account-logout a:before {
		content: "\f011";
	}

/* Navigation */
	#nav {
		float: left;
		border: none;
		padding: 0;
		margin: 0;
	}
	#nav h2 {
		display: none;
	}
	#nav ul.menu:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	#nav ul.menu,
	#nav ul.menu li,
	#nav ul.menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#nav ul.menu {
		position: relative;
		z-index: 797;
		float: left;
		padding: 0;
		width: 100%;
	}
	#nav ul.menu li {
		float: left;
		line-height: 1.3em;
		vertical-align: middle;
		zoom: 1;
	}
	#nav ul.menu li:hover,
	#nav ul.menu li:focus {
		position: relative;
		z-index: 799;
		cursor: default;
	}
	#nav ul.menu ul {
		visibility: hidden;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 798;
		width: 100%;
	}
	#nav ul.menu ul li {
		float: none;
	}
	#nav ul.menu ul ul {
		top: 1px;
		left: 99%;
	}
	#nav ul.menu li:hover > ul,
	#nav ul.menu li:focus > ul {
		visibility: visible;
	}
	/* Drop-Down Menu Theme */
	#nav ul.menu {
		font-weight: normal;
	}
	#nav ul.menu li {
		padding: 0;
		border: none;
		color: #343434;
	}
	#nav ul.menu li:hover {
		color: #FF9966;
	}
	#nav ul.menu>li.active>a,
	#nav ul.menu li.active a {
		color: #222;
		position: relative;
		background-color: #f1f1f1;
	}
	#nav ul.menu li.active li a {
		color: #fff;
		background: transparent;
	}
	#nav ul.menu li li.active a {
		color: #fff;
		background: transparent;
	}
	#nav ul.menu>li.active>a:after {
		content: "";
		display: block;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 2px;
		background: #3e3e3e;
	}
	#nav ul.menu>li.active:hover>a:after,
	#nav ul.menu>li.active>a:hover:after {
		display: none;
	}

	#nav ul.menu span.separator {
		display: block;
		padding: 0.8em 1em;
		border: none;
	}
	#nav ul.menu a {
		display: block;
		border: none;
		color: #747474;
		font-family: 'Share-Regular', 'RopaSansRegular', 'LacunaRegular', 'Impact', 'Arial Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		padding: 1.675em 1em;
		font-size: 1.3em;
		border-right: 1px dashed #ddd;
	}
	#nav ul.menu ul li a {
		padding: 0.8em 1em;
		text-transform: none;
		border-top: 1px solid #3a3a3a;
		color: #747474;
		border: none;
		font-size: 1.2em;
	}
	#nav ul.menu li:hover > a,
	#nav ul.menu li:focus > a { 
		color: #111;
	}
	#nav ul.menu li.active li a {
		color: #747474;
	}
	#nav ul.menu li.active li a:hover,
	#nav ul.menu li.active li a:focus,
	#nav ul.menu a:hover,
	#nav ul.menu a:focus { 
		color: #111;
	}
	#nav ul.menu li.parent:hover>a,
	#nav ul.menu li.parent:focus>a,
	#nav ul.menu li.parent>a:hover,
	#nav ul.menu li.parent>a:focus {
		background-color: #FFF;
	}
	#nav ul.menu li.active:hover>a,
	#nav ul.menu li.active:focus>a,
	#nav ul.menu ul li.active>a,
	#nav ul.menu ul li a:hover,
	#nav ul.menu ul li a:focus,
	#nav ul.menu li.parent>ul li a:hover,
	#nav ul.menu li.parent>ul li a:focus { 
		background-color: #178bc1;
		color: #fff;
		margin: 0 -0.2em;
		padding-left: 1.15em;
		padding-right: 1.15em;
	}
	#nav ul.menu a:active { 
		color: #ECECC4;
	}
	/* Second level */
	#nav ul.menu ul {
		width: 16em;
		padding: 0;
		margin-left: -1px;
		background: #fff;
{'fraction_non_alphanumeric': 0.1697899551489853, 'fraction_numerical': 0.09853901150139882, 'mean_word_length': 3.15144252926537, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 54, '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': '6628460', 'n_tokens_mistral': 23880, 'n_tokens_neox': 18522, 'n_words': 4557}