body {
	background-color:black;
	background-image:url(/images/background.png);
	font-family:Verdana, sans-serif;
	font-size:14px;
	color:#DDD;
	margin:0;
}
img, iframe {
	border:0;
}
a, summary {
	color:#ff8040;
	text-decoration:none;
	text-shadow:0 0 4px #f95;
	transition:200ms ease-in;
}
a:hover, a>h2:hover, summary:hover {
	color:#ffffbf;
	text-shadow:0 0 4px #fff;
	transition:50ms linear;
}
a>img {
	color:black;
}
details {
	margin-left:10px;
}
summary {
	cursor:pointer;
	font-weight:bold;
}
canvas {
	width:100%;
	cursor:none;
	outline:0;
}
h1, .h1, .song h2 {
	font-size:250%;
	color:#fff;
	text-shadow:0 0 8px #999;
	margin:0 30px;
	white-space:nowrap;
	padding-top:35px;
}
.h1 {
	padding: 0 0 35px;
}
.h1_smaller {
	font-size:200%;
}
h2, .h2 {
	font-size:150%;
	color:#ffbf80;
	font-weight:bold;
	text-shadow:0 0 2px #fc9;
	margin:0 15px 8px;
	white-space:nowrap;
	transition:200ms ease-in;
}
h2.video {
	margin-top:35px;
}
h3, .h3 {
	font-size:120%;
	font-weight:bold;
	margin:10px;
}
.bold {
	font-weight:bold;
}
.highlines {
	line-height:140%;
}


/* This is the container for site stats */
ul {
	padding-left:20px;
}
ul ul {
	padding-left:15px;
}
ul li {
	padding:5px 0;
}
ul ul li {
	padding-top:2px;
}


#header {
	background-color:black;
	background-image:url(/images/banner.png);
	background-repeat:no-repeat;
	height:140px;
}
#header_tall {
	background-color:black;
	background-image:url(/images/banner_tall.png);
	background-repeat:no-repeat;
	height:180px;
	width:1200px;
	margin:auto;
	border:3px solid #500;
	border-top-width:0;
	border-radius:0 0 30px 30px;
	box-shadow:inset 0 0 100px 10px #300, 0 -40px 150px 30px #900;
}
#twitter_box_1 {
	background-image:url(/images/twitter_bg.png);
	background-repeat:repeat-y;
	float:right;
	width:550px;
	height:250px;
}
#twitter_box {
	float:right;
	width:450px;
	height:250px;
}
#buttons_bg {
	background-image:url(/images/buttons_bg_tall_dark.png);
	background-repeat:repeat-x;
	height:70px;
	text-align:center;
	position:fixed;
	width:100%;
	z-index:9999;
}
#buttons_bg_tall_1 {
	background-image:url(/images/buttons_bg_tall_dark.png);
	background-repeat:repeat-x;
	background-position:bottom;
	height:250px;
}
#buttons_bg_tall {
	background-image:url(/images/buttons_bg_tall.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:250px;
}
#buttons {
	padding-top:20px;
	display:block;
	font-size:25px;
}
#buttons_tall {
	padding-top:183px;
	margin-left:40px;
	display:block;
	font-size:23px;
	line-height:30px;
	white-space:nowrap;
}
.button_off, .button_off:hover {
	margin-right:13px;
	color:black;
	text-shadow:0 0 4px white, 0 0 5px white, 0 0 6px white;
}
.button_on {
	margin-right:13px;
	color:white;
	text-shadow:1px 0 2px black, -1px 0 2px black, 0 1px 2px black, 0 -1px 2px black;
	transition:200ms ease-in;
}
.button_on:hover {
	color:rgba(255,255,255,0);
	text-shadow:0 0 4px white, 0 0 4px white, 1px 0 6px black, -1px 0 6px black;
	transition:50ms linear;
}
#archive_button {
	padding-top:3px;
	font-size:18px;
	float:right;
}
.download_buttons1, .download_button2, .music_buttons {
	margin:15px 10px;
	font-size:22px;
}
.download_buttons1 a {
	display:block;
	margin-top:10px;
}
.download_button2, .music_buttons {
	font-size:32px;
}
.download_buttons1 a, .download_button2 a, .music_buttons a {
	color:#ddddff;
}
main {
	display:block;
	margin:auto;
	padding:1px 30px 30px;
	width:800px;
	min-height:370px;
	background-color:#1a0000;
	color:white;
	vertical-align:text-top;
	border:2px solid #300;
	border-top-width:0;
	border-radius:0 0 4px 4px;
	box-shadow:0 0 30px 1px #300 inset, 0 0 10px #200;
}
#main2 {
	padding-top:70px;
}
.mainbutton_pair {
	text-align:center;
	margin-top:8px;
}
.mainbutton_pair:first-of-type {
	margin-top:100px;
}
.mainbutton, .mainbutton_c {
	margin:0 8px;
	width:320px;
	height:160px;
	border:2px solid black;
	/*border-radius:20px;*/
	box-shadow:0 0 70px black inset, 0 0 60px black inset;
	position:relative;
	display:inline-block;
	transition:200ms ease-in;
}
.mainbutton_c { /* contact */
	text-align:left;
	margin-right:348px;
	padding:10px 20px;
	background-image:linear-gradient(to right, black, #aaa);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:contain, cover;
	width:280px;
	height:auto;
	position:static;
}
.mainbutton_w { /* wide */
	margin-right:8px;
	width:620px;
}
.mainbutton:hover, .mainbutton_c:hover {
	border:2px solid #aaa;
	box-shadow:0 0 70px black inset, 0 0 10px white inset;
	transition:50ms linear;
}
.mainbutton_text, .mainbutton_text_s, .mainbutton_text_c {
	font-size:45px;
	color:#002;
	text-shadow:0 0 5px #eff, 0 0 12px #eff, 0 0 25px black, 0 0 30px black;
	position:absolute;
	bottom:20px;
	left:25px;
}
.mainbutton_text_s { /* small text */
	font-size:35px;
	left:20px;
}
.mainbutton_text_c { /* contact */
	font-size:40px;
	position:static;
}
.archive_box {
	width:95%;
	border-spacing:0;
	border:1px solid #999;
	border-radius:25px;
	box-shadow:0 0 10px #999;
	margin-top:20px;
	padding:10px;
	line-height:140%;
}
.archive_box:last-of-type {
	margin-bottom:30px;
}
.archive_box span, .archive_box time {
	display:inline-block;
	padding-right:20px;
}
.archive_box time, .archive_box .number {
	font-family:monospace;
	font-weight:bold;
	line-height:100%;
}
.archive_box h3 {
	padding:0 60px 5px;
	margin:0;
}


div.section, header.section, section, article {
	border-style:solid;
	border-width:0px 0px 2px;
	border-color:#261b1b;
	width:100%;
	padding:35px 0 25px;
}
header.section {
	padding-top:20px;
}
section:hover, article:hover {
	background-color:rgba(0, 0, 0, 0.15);
}
.nobg, .nobg:last-of-type {
	margin:-20px 0 0;
	padding:0;
}
.nobg:hover, .nobg2:hover {
	background-color:initial;
}
article {
	padding-bottom:10px;
}
article:last-of-type {
	margin-bottom:40px;
}
div.section:last-of-type, section:last-of-type {
	border-bottom-width:0;
	margin-bottom:25px;
}
header.section p {
	font-weight:bold;
}
div.section img, section img, article img, section video {
	border:1px solid black;
	box-shadow:0 0 0 #fff;
	transition:200ms ease-in;
}
div.section img:hover, section img:hover, article img:hover, section video:hover {
	border:1px solid white;
	box-shadow:0 0 10px #fff;
	transition:50ms linear;
}
article time {
	font-size:12px;
	color:#888;
	font-style:italic;
	float:right;
	margin-top:-5px;
}
footer {
	font-size:80%;
	text-align:center;
	width:780px;
	margin:8px auto;
	line-height:190%;
	padding-bottom:10px;
}
footer a {
	margin:0 15px;
}
footer h3 {
	margin:5px;
}
#video {
	text-align:center;
	margin:35px 0px 10px;
}
#video_4_3 {
	width:640px;
	height:480px;
}
#video_16_9 {
	width:640px;
	height:360px;
}
#video_16_9_small {
	width:480px;
	height:270px;
}
#form_title {
	display:none;
}
#form_limit {
	margin-left:10px;
}


#fsimg {
	margin:0;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:zoom-out;
	z-index:10000;
}
#fsimg img, #fsimg video {
	max-width:95%;
	max-height:95%;
}
#fsimg_close {
	position:fixed;
	top:20px;
	right:30px;
	color:white;
	font-family:sans-serif;
	font-weight:bold;
	font-size:xx-large;
	text-shadow:0 0 10px white, 0 0 20px white;
}
#vid {
	margin:0;
	position:fixed;
	bottom:0;
	right:0;
}
#vid #fsimg_close {
	position:absolute;
	top:-20px;
	left:-20px;
	cursor:pointer;
}
.song {
	display:flex;
	flex-direction:row-reverse;
	justify-content:flex-end;
}
.song h2 {
	margin:0 10px 8px;
	padding:0;
}
.song img{
	max-height:170px;
	max-width:220px;
}