@charset "UTF-8";
/* CSS Document */
html {
	font-size: 100%;
}
body {
	font: normal 1em monospace;
	background-color: #000;
	margin: 0;
	overflow-y: scroll;
}

body.courier {
	font-family: "Courier New", Courier;
}
body.monospace {
	font-family: monospace!important;
}
body.lucida {
	font-family: "Lucida Console", "Lucida", Lucida Grande;
}
body.monaco {
	font-family: Monaco	;
}

a:visited,
a {
	color: #C30;
	border: none;
}
a:hover {
	color: #F00;
}

img { border: none; }



.main { width: 100%; background-color: #fff; }

.navigation-holder { float: left; width: 18%; padding: 0 1%; margin: 0; }



	.header{
		padding: 8px 10px;
		font-size: 14px;
		text-align: left;
		background-color: #223135;
		color: #fff;
		border-radius: 5px 5px 0 0;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-ms-border-radius: 5px 5px 0 0;
		-o-border-radius: 5px 5px 0 0;
	}
	.toolbar{
		background-color: #eee;
		padding: 0.3em 1em;
	}



	.mode {  float: left; padding: 0.4em 0 0.5em 0.5em; }

	form{ margin: 0.5em 0; float: right; }
	form input { font-size: 1em; line-height: 1; margin: 0 1em; }

	label.toggle {
		cursor: pointer;
		display: block;
		color: #fff;
		background-color: #ccc;
		padding: 0.4em 0.8em;
		line-height: 1em;
		border-radius: 4px;
		border: 1px solid #ccc;
	}
	label input {
		position: absolute;
		left: -20000px;
	}
	label.checked {
		color: #444;
		background-color: #fff!important;
	}
	.mode label:hover {
		border: 1px solid #aaa;
	}
	label:active {
		color: #737059;
		background-color: #fffddc!important;
	}

	.cols {
		font-size: 0.9618em;
		display: inline-block;
		padding: 1px;
		margin: 0.3em 0 0 0;
		background-color: #bbb;

		float: left;
		line-height: 2em;
		border-radius: 4px!important;
	}
	.cols label {
		float: left;
		padding: 0 5px;
		color: #fff;
		font-weight: bold;
	}
	.cols a {
		display: block;
		width: 2em;
		height: 2em;
		float: left;
		background-color: #ccc;
		border: 1px solid #ddd;
		color: #fff;
		text-decoration: none;
		text-align: center;
		line-height: 2em;
		margin: 0 0 0 1px;
	}
	.cols a:first-child {
		border-radius: 4px 0 0 4px!important;
	}
	.cols a:last-child {
		border-radius: 0 4px 4px 0!important;
	}
	.cols a:hover {

		border: 1px solid #aaa;
	}
	.cols a:active {
		color: #737059;
		background-color: #fffddc!important;
	}
	.cols a.active {
		color: #222;
		background-color: #fff;
	}

	#index a {
		text-decoration: none;
		margin: 0 0 2px 0;
		padding: 5px 10px 5px 10px;
		color: #a89767;
		font-weight: bold;
		text-shadow: 1px 1px 0px rgba(255,255,255,1);
		position: relative;

		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-bottom: 1px solid #ddd;
	}


	#index a.advanced { color: #91acc7;}
	#index a:hover,#index a.advanced:hover{ color: #000}

	#index .active {
		color: #000!important;
		border-bottom: 1px solid #555;
	}

	.section {
		width: 100%;
	}

	#isotope { height: 10%; height: auto; }
	#isotope { float: left; width: 80%; padding-bottom: 2em; }
	#isotope .section{
		float: left;
		width: 32.3333%;
		margin: 0 0 1em 0;
	}

	.cat{ }
	.section a { display: block; }

	p {
		margin: 2px 0 0 0;
		padding: 4px 4px 3px 10px;

		color: #333;
		position: relative;

		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
		background: #f0ede6 url(simple.gif) 0 0 repeat-y;

	}

	p:hover {
		background-color: #FFC;
	}

	span.descr {
		font: normal 12px monospace;
		line-height: 16px;
		color: #fff;
		margin: 0.4em 0 0.3em 0;
		padding: 10px 15px;
		width: 88%;
		display: block;
		cursor: pointer;
		background-color:#2F4248;
		border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
		box-shadow: inset 1px 1px 5px #000;
	}


	.hasdescr {
		cursor: help;
	}
	.hasdescr:hover {
		background-color: #FFC;
	}

	h2 {
		font-size: 16px;
		margin: 1em 0 0.5em 0;
	}
	h3 {
		font-size: 12px;
		margin: 1em 0 0.5em 0;
		color: #a92a10;
		cursor: pointer;
	}

	.right { float: right; }

	.footer {
		text-align: right;
		background-color: #eee;
		font-size: 10px;
		padding: 10px;
		line-height: 1.6em;
		border-top: 1px solid #ddd;
		color: #aaa;
	}


	a.toggle_advanced {
		float: right;
		margin: 0.5em 0 0 0;
		padding: 1px 5px 1px 5px;
		border: 1px solid #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		text-decoration: none;
		color: #000;
		background-color: #eceae4;
	}

	/* helpers */
	p.advanced {  background: #f0ede6 url(advanced.gif) 0 0 repeat-y; }
	div.advanced p {  background: #f0ede6 url(advanced.gif) 0 0 repeat-y;}
	div.advanced {  }

	.api { /*color: red; */}
	.removed { display: none!important; }

	.hidden { display: none!important; }
	.notfiltered{ display: none!important; }
	.filtered { display: block;}

	.clearfix:before,.clearfix:after{content: "";display: table;}
	.clearfix:after{clear: both;}
	.clearfix{zoom: 1;}


/**** Isotope Filtering ****/

.isotope-item {
  z-index: 0;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: -1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.4s;
	 -moz-transition-duration: 0.4s;
	  -ms-transition-duration: 0.4s;
	   -o-transition-duration: 0.4s;
		  transition-duration: 0.4s;
}

.isotope {
  -webkit-transition-property: height, width;
	 -moz-transition-property: height, width;
	  -ms-transition-property: height, width;
	   -o-transition-property: height, width;
		  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
	 -moz-transition-property:    -moz-transform, opacity;
	  -ms-transition-property:     -ms-transform, opacity;
	   -o-transition-property:         top, left, opacity;
		  transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
	 -moz-transition-duration: 0s;
	  -ms-transition-duration: 0s;
	   -o-transition-duration: 0s;
		  transition-duration: 0s;
}

a.fredi{
	float:right;
	font-size: 10px;
	margin: 0 0.5em 0 0;
}

@media screen and ( min-width : 10em ) and ( max-width : 43em ) {
	.infos { font-size: 0.75em; margin-top: 1em;}

	body {  }
}