/*@charset "utf-8";
/* CSS Document */

	/* style new tags to work as normal tags in old browsers */
	article, main, section, aside, hgroup, nav, header, footer, figure, figcaption {
		display: block;
	}

	a {outline:none;}

	body {
		min-width: 640px;
		font-family: helvetica, arial, 'sans serif';
		font-size:20px;
		color:#666;
		padding: 16px;
		background-color: #c69c6d; /*#a67c52;*/
	}

	main {
		background-color:#333;
		padding:0px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		padding-bottom:36px;

	}

	main a {
		color:#A00;
		text-decoration:none;
		text-transform:uppercase;
		padding:2px;
	}

	main a:hover {
		background-color:#DDD;
		color:#A00;
	}

	main .note a:hover {
		background-color:#EEE;
		color:#A00;
	}

	header {
		padding:20px 0px 10px 20px;
	}

	nav {
		background-color: #888;
		padding:10px 20px;
		color:#aaa;
		cursor:pointer;
	}

	nav a {
		color:#eee;
		text-decoration:none;
		text-transform:uppercase;
		padding:2px;
	}

	nav a:hover {
		background-color:#DDD;
		color:#A00;
	}

	article {
		background-color: #eee;
		padding:20px;
		margin-bottom:20px;
	}

	.list a {
		color:orange;
	}

	footer {
		text-align: center;
		color:rgba(0,0,0,.4);
	}
	footer a {
		color:rgba(0,0,0,.5);
	}
	footer a:hover {
		color:rgba(0,0,0,.6);
	}

	#steps li, #resources li {padding-bottom:20px;}
	.outerList li {
		color:#666;
		font-size:16px;
	}
	.innerList {
		padding-top:16px; margin-bottom:-16px;
	}
	.innerList li {
		font-size:16px;
		border-bottom:thin dashed #555;
		padding-bottom:10px !important;
	}
	.code {
		display:inline-block;
		margin-top:20px;
		padding:14px;
		background-color: #333;
		font-size:16px;
		font-family: courier;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	em {color:violet;}
	strong {border:thin solid #888; font-weight: normal; padding:4px;}

	.note {
		background-color:#ddd;
		padding:20px;
		border:dashed thin #666;
	}

	.types {
		padding:1px 3px 0px 3px; text-transform: uppercase;
		font-size:20px; color:#eee;
		margin:0px 1px;

	}

	.h {
		border-top:thin dashed violet;
		border-bottom:thin dashed violet;
		background-color:white;
		padding:0px 8px;
	}

	.hh {
		border-top:thin dashed violet;
		border-bottom:thin dashed violet;
		background-color:#333;
		padding:0px 8px;
	}

	.mainTitle {
		font-size:50px;
		font-weight:bold;
		color:#960;
		margin:50px 0px 20px 0px;
		-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Chrome/Safari/Opera */
		-khtml-user-select: none; /* Konqueror */
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
		user-select: none;

	}

	.list {
		background-color: #444; padding:10px;
		-moz-border-radius: 14px;
		border-radius: 14px;
	}

	#moreinfo {
		display:none;
	}
	#moreinfo li {
		color:#555;
		font-size:16px;
	}
	#moreinfo em {
		color:#555;
	}
	#moreinfo pre {
		margin:0px;
	}
	#moreinfo ul {
		padding:10px 10px 10px 40px;
		background-color: #ccc;
	}

	article li {font-size:20px; color: #ddd; margin-bottom:5px; list-style-image: url(tri/yes.png);}

	#frame {
		margin:-20px 0px 14px 0px;
		background-color: #333;
		text-align:center;
	}

	section {
		background-color: #ccc;
		padding:0px;
		color:#666;
		margin:20px 0px;
	}

	section a:hover {
		background-color:transparent !important;
	}

	.bar {
		background-color: #444;
		padding:10px;
		white-space: nowrap;
		color:#bbb;
		position:relative;
		cursor: pointer;
		overflow:hidden;
	}
	.bar h2 {
		display: inline;
	}
	.bar h2 span {
		font-size:18px;
		font-weight: normal;
	}
	.open {
		display: inline-block;
		position:absolute;
		width:90px;
		text-align: right;
		top:14px;
		right:17px;
		font-size:18px;
		color:#333;
		padding:3px 8px 3px 5px;
		display:inline-block;
		cursor: pointer;
	}
	.open:hover {
		background-color:#ddd !important;
	}

	#tutorials .open {
		background-color: #e472c4;
	}
	#workshops .open {
		background-color: #50c4b7;
	}
	#lessons .open {
		background-color: #f58e25;
	}
	#beyond .open {
		background-color: #d1a170;
	}
	.content {
		display: none;
		padding:20px;
	}

	#tutorials .content {
		display:block;
	}

	.izimg:hover {
		-moz-box-shadow: 2px 2px 1px 1px rgba(0,0,0,.3);
		-webkit-box-shadow: 2px 2px 1px 1px rgba(0,0,0,.3);
		box-shadow: 2px 2px 1px 1px rgba(0,0,0,.3);
	}

	.bitimg:hover {opacity:.85;}

	.level {
		text-align: center;
		padding:5px 10px;
		background-color: #777;
		color:#fff;
		border-top:thin solid #999;
		border-bottom:thin solid #999;
	}

	.level .tutorials {
		background-color: #50c4b7;
	}

	.level .workshop {
		background-color: #50c4b7;
	}

	.level .lessons {
		background-color: #50c4b7;
	}

	.items {
		border:dashed #aaa thin;
		width:100%;
		background-color:#EEE;
		-moz-border-radius: 14px;
		border-radius: 14px;
	}

	tr {vertical-align: top;}

	#basicTutorialZB div, #midTutorialZB div, #advancedTutorialZB div, #basicTutorialCA div, #midTutorialCA div, #advancedTutorialCA div, #basicTutorialIZ img, #midTutorialIZ img, #advancedTutorialIZ img {
		display:inline-block;
		padding:0px;
		margin:.4em;
		position:relative;
	}

	figcaption {
		text-align: center;
		font-size:15px;
	}

	#basicTutorialCA figcaption, #midTutorialCA figcaption, #advancedTutorialCA figcaption {
		text-align: center;
		font-size:16px;
		font-style:italic;
	}*/
