@import 'http://netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css';
/*@import 'purple.css';*/
@import 'red.css';
/*@import 'yellow.css';*/
/*@import 'orange.css';*/
/*@import 'cyan.css';*/
/*@import 'green.css';*/
body, button, pre {
	font-family: 'Consolas', 'Droid Sans Mono Slashed', 'Droid Sans Mono', 'Roboto Mono', 'Monaco', monospace;
	font-size: 16px;
	line-height: 200%;
}
body {
	margin:0; padding:0;
	overflow-x:hidden;
	overflow-y:scroll;
}
/*.full, .menu li.full { display:none; }*/
.noscroll {overflow:hidden;}
/*#main { display:block; }*/
#home { position:absolute; top:0; right: 0; }
h1, h2, h3, h4 { font-family: 'Lucida Console', inherit; padding: 0 1rem; margin:0; line-height: 200%; }
h1, h2 { font-size: 2em; border-bottom-width: 2px; border-bottom-style: solid; margin: 0 0 30px; }
h1.compact, h2.compact { margin: 2px 0 0; line-height: 62px; }
hr { height: 2px; border:0; }
h1 span, .author { display:block; }
p { max-width: 55em; }
a { text-decoration: none; cursor: pointer; }
button { background: 0; }
img { border: 0; max-height: 100vh; max-width:100%; }
.toolbar { z-index: 2; position:absolute; top: -2px; right:0; }
.toolbar li {float:left;}
.vellip {
	font-family: 'Roboto', sans-serif;
	font-size: 2em;
	line-height: 4rem;
	display:inline-block;
}
.holo-spinner { position:relative; }
span.holo-spinner { display:inline-block; padding-right: 1em; }
.holo-spinner:after {
	border-width: .5rem;
	border-style: solid;
	border-left-color: transparent;
	border-top-color: transparent;
	width:0; height:0;
	right: 0; bottom: 0;
	position:absolute;
	content:"";
}

.menu, .menu ul { margin:0; padding: 0; }
.menu li, .menu li .icon { line-height: 3rem; display:block; overflow: hidden; }
.menu .icon { float: right; }
.menu .icon svg { width: 1.5rem; margin-top: .75rem; }
.menu ul a, .menu ul li > span { padding-left: 2em; }
.menu ul ul a { padding-left: 3em; }
.menu ul ul ul a { padding-left: 4em; }
/*.menu ul { border: solid; border-width: 0 0 1px 1px; margin:0 -1em -1px 0; padding: 0; }*/
.menu a, .menu li > span, dt a { padding: 0 1rem; display:block; }
.menu a:hover, .menu a:focus, .menu a:active { outline:0; }
#title { font-size: 2rem; line-height: 4rem; }

#nav { border-width: 0 0 2px; border-style: solid; position:relative; top: -2px; width:100%; z-index: 1; }
#nav.menu a, .toolbar a { font-size:1.25em; height: 6rem; line-height: 4rem; vertical-align: top;}
.js #nav li a { display:none; }
.js #nav.on { max-height: 100%; overflow-y: auto; }
.js #nav.on li a { display:block; }
#nav li a.current-tab { display:block; }
#nav-toggle { display:none; }
.js #nav-toggle { display:block; }
/*.noscroll #nav-toggle { margin-right: 2rem; }*/

/*.content { padding-bottom:2rem;  }*/

p, dl, pre, .read a { padding: 0 1rem; }
.read a { margin: 0 -1rem; }
pre, ol { overflow-x:auto; }
.read dt span { border: 1px solid; }
dt { margin: 2em 0 0; }
dt:first-child { margin: 0; }
.author { position: relative; background-repeat: no-repeat; background-position: right; background-size: contain; }

ul { margin:0; }
ol { padding:0 16px; list-style-type: decimal-leading-zero; list-style-position: inside;}
.menu li { list-style: none; }
#nav.menu > ul { border: none; margin: 0; }
/*#nav.menu.on > ul { border: solid; border-width: 0 0 1px 1px; margin: 0 0 -1px 1em; }*/
.js #nav ul { padding: 0; }
.section {margin: 0 0 2em;}
dd {margin:0;}
#scplay { width:150px; }

/*.notice { font-size: 2em; line-height: 2em; }*/

.hint { font-size:.5em; line-height:0; }

.start a {
	background: #000;
	display: block;
	font: 2em sans-serif;
	letter-spacing: -.05em;
	line-height: 200%;
	padding:0 .5em;
	text-decoration: none;
}
.start a:focus, .start a:hover {
	opacity: .8;
}

.start .icon { float: right; height: 2em; line-height: 2em; min-width: 2em; text-align: center; }
.start img { height: 1.5em; padding: .25em 0; }

footer, #footer { margin: 46px 0 1rem; padding: 1em; border-top: 2px #222 solid;}

@media screen and (min-width: 40em){
	/*.js { overflow-y:scroll; }*/
	/*.js .content { overflow-y:hidden; position:static; }*/
	/*.js .content, .content { margin: 0 auto 0 13em; padding-top:0;}*/
	.full { display:inherit; }
	.mobi { display:none!important; }
	.star { width: 12rem; height: 12rem; margin: 0 -1rem; }
	.toolbar { display:none; }
	#nav.menu a, .toolbar a { font-size:1rem; height: auto; line-height: 2em; }
	.js #nav { margin-top: 0; }
	.js #nav li a { display:block; }
	.menu .holo-spinner:after {	border: none; }
	#nav { width: 12rem; background: 0; float:left; height: 100%; border-bottom:none; }
	.js .toolbar, .js #nav { position:absolute; top: 0; }
	/*#nav.menu ul { border: solid; border-width: 0 0 1px 1px; margin: 0 -1em -1px 0; }*/
	#nav li { display:block; }
	.js #nav .current-tab {
		position:static;
		top: auto;
		width:auto;
	}
	/*.content .menu { margin-top:4rem;  }*/
}
@media screen and (min-height: 30em) and (min-width: 40em){
	#nav, .js #nav { position:fixed; }
}




/* Acting */
.script p {margin-left: 5em; position: relative;}
.script .char {position: absolute; left: -4em;max-width: 4em;}

/* Brands */
/*a.amazon { background-color: #232f3e; }*/
a.amazon span { border-bottom: .1em #FF9900 solid; }
a.googleplaymusic { color: #EF6C00; }
/*a.itunes { background-color: #D9D9D9; color: #595959; }*/
a.routenote { background: #906; color: #FFF; }
a.soundcloud { color: rgb(206,78,0); background-color:#000; }
a.spotify { background: #000; color: #2EBD59; }
a.youtube { background: #000; color: #CC181E; }

/*	Colors */
.re {color: #F00;}
.pi {color: #F88;}
.or {color: #F70;}
.ye {color: #FF0;}
.sg {color: #0F0;}
.cy {color: #0FF;}
.lb {color: #08F;}
.pu {color: #96F;}
.ma {color: #F0F;}
.gy {color: #68A;}


a.chan {color:#5FCF5F;}
a.chan:focus, a.chan:hover {background: #003000;}
a.google-plus {color:#DB4437;}
a.google-plus:focus, a.google-plus:hover {background:#6D221B;color:#fff;}
a.hn {color: #F60;}
a.hn:focus, a.hn:hover {background: #301800;}
a.instagram {background:#000; color:#FFF;}
a.instagram:focus, a.instagram:hover {background:#333;}
a.lastfm {color:#B90000;}
a.lastfm:focus, a.lastfm:hover {background:#3D0000;}
a.reddit {color: #5F99CF;}
a.reddit:focus, a.reddit:hover {background: #001830 ;}
a.twitter, a.vortices { color: #0FF; fill: #0FF; background: #000; }
a.twitter:focus, a.twitter:hover, a.vortices:focus, a.vortices:hover { background: #022; }