html {
	height:100%;
}

body, .content {	
	background:#000;
}

body {
	font:12px "Open Sans",Arial,Sans-serif,Sans;
}

#wrapper {
	position:fixed;
	top:0; right:0; bottom:0; left:0;
	width:100vw; height:100vh;
	overflow:auto;
}

#wrapper.storebg {
	background-color:#0B0D09;
}

#header, #footer, .content, #home-content p {
	color:#FFF;
}

#header, #footer, .content {
	margin:0;
	width:100%; min-width:660px;
}

#header, #footer {
	position:relative;
}

#header {
	background:#000;
	height:50px;
	min-width:1152px;
	overflow:hidden;
	z-index:1;
}
	#header.homepage {
		position:absolute;
		background:#492E29;
	}
	#header.clipspage {
		background:#080030;
	}
	#header.otherpage {
	}

#footer {
}
	#footer #Lily {
		position:fixed;
		bottom:1%; left:1%;
		background:url('../img/player.png') no-repeat bottom;
		-webkit-transition:background-image .25s ease-out;
		transition:background-image .25s ease-out;
		background-size:contain;
		width:55%; height:2%;
		min-width:440px; max-width:755px;
		padding-bottom:34px;
		text-shadow:0 0 4px #000;
	}
	#footer #Lily:hover {
		background-image:url('../img/playerhover.png');
		-webkit-transition:background-image .5s ease-out;
		transition:background-image .5s ease-out;
	}

.contentbg, .content {
	min-width:1152px;
	width:100%;
}
.contentbg {
	height:92.33%;
}
	.content {
		position:absolute;
		bottom:0;
		top:50px;
		max-width:1920px;
		min-height:550px;
	}
	.content-body {
		font-size:125%;
		min-width:480px;
	}
		.indent * {
			text-indent:3em;
		}
		.no-space {
			margin:0 0 1em;
		}
			.no-space p {
				margin:0;
			}
		.block-center>p {
			width:75%;
		}
		h1, h2, h3.subtitle {
			height:0;
			overflow:hidden;
		}
		h1 {
			background:url('../img/name.png') no-repeat;
			background-size:contain;
			font:bold 450% "Georgia",Courier,serif;
			text-shadow:
				4px 6px 20px #080808,
				1px -1px #000,
				-1px -1px #000,
				-1px 1px #000,
				1px 1px #000,
				2px 2px #FFF;
			padding:94px 2% 0;
		}
		h2 {
			padding:26px 0 0;
			background-size:contain;
		}

#Homebg {
	background: #492E29;
	height:100%;
}
	#Home {
		background:#492E29 url('../img/bghome.jpg') no-repeat;
		background-size:contain;
		padding:3.7% 0 0;
		top:50px;
		text-shadow:0 0 4px #000;
	}
		#home-content {
			margin:8% 4% 2% auto;
			width:33%;
		}
			#Home .quote {
				position:absolute;
				bottom:3%; right:4%;
				width:32%; min-width:480px;
			}
			#Home .stampbox {
				position:absolute;
				background:url('../img/stamp.png') no-repeat right center;
				background-size:200%;
				right:10%; top:50%;
				width:32%; min-width:480px; max-width:640px;
				height:32%; min-height:180px; max-height:240px;
				border-radius:20%;
				-webkit-transform:rotate(-15deg);
				-moz-transform:rotate(-15deg);
				-o-transform:rotate(-15deg);
				transform:rotate(-15deg);
				/* -webkit-transition:background-image .5s ease-out;
				-moz-transition:background-image .5s ease-out;
				-o-transition:background-image .5s ease-out;
				transition:background-image .5s ease-out; */
			}
			#Home .stamp {
				position:absolute;
				background:url('../img/stamp.png') no-repeat left center;
				background-size:200%;
				bottom:0;left:0;right:0;top:0;
				-webkit-animation: fadein .5s; /* Safari and Chrome */
				-moz-animation: fadein .5s; /* Firefox */
				-o-animation: fadein .5s;
				animation: fadein .5s;
				opacity:1;
			}
			#Home .stamp:hover {
				-webkit-animation: fadeout .25s; /* Safari and Chrome */
				-moz-animation: fadeout .25s; /* Firefox */
				-o-animation: fadeout .25s;
				animation: fadeout .25s;
				opacity:0;
			}
			@-webkit-keyframes fadein { /* Safari and Chrome */
				from {
					opacity:0;
				}
				to {
					opacity:1;
				}
			}
			@-webkit-keyframes fadeout { /* Safari and Chrome */
				from {
					opacity:1;
				}
				to {
					opacity:0;
				}
			}
			/* grandfathered #Home .stamp2 {
				position:absolute;
				background:url('../img/stamp.png') no-repeat left top;
				background-size:200%;
				background-position:100% 0;
				right:10%; top:50%;
				width:32%; min-width:480px; max-width:640px;
				height:32%; min-height:120px; max-height:160px;
				border-radius:20%;
				opacity:0;
				-webkit-transform:rotate(-15deg);
				-moz-transform:rotate(-15deg);
				-o-transform:rotate(-15deg);
				transform:rotate(-15deg);
				-webkit-transition:opacity .25s ease-out;
				-moz-transition:opacity .25s ease-out;
				-o-transition:opacity .25s ease-out;
				transition:opacity .25s ease-out;
			}
			#Home .stamp2:hover {
				opacity:1;
			}
			/*
			#Home .stamp:hover {
				background-image:url('../img/stamp2.png');
				-webkit-transition:background-image .25s ease-out;
				transition:background-image .25s ease-out;
			} */
	#About {
		background:#0B0D09 url('../img/bgabout.jpg') no-repeat;
		background-size:cover;
	}
		#about-content, #bobsHats-content {
			height:88%;
			padding:2%; 
			overflow:hidden;
		}
			#about-content h1, #bobsHats-content h1, #pipeline-content h1 {
				background-position:right;
				text-align:right;
			}
			#about-content h2 {
				background:url('../img/ttabout2.png') no-repeat;
				width:420px;
				margin-left:auto;
				padding-top:1.2em;
			}
			#about-content h3 {
				margin-bottom:.5em;
			}
			#about-content #about-scroller {
				background:rgba(204,204,204,0.8);
				width:41%; height:80%;
				min-width:480px;
			}
			.fullart {
				position:fixed;
				top:174px; right:3.6%; bottom:4%;
				background:rgba(204,204,204,0.98);
				width:92%;
			}
			.scrollerbg {
				border-radius:.7em;
				margin-left:auto;
				padding:6px;
			}
				.scroller {
					color:#000;
					font-family:Verdana;
					font-size:125%;
					height:96%;
					padding:.5em 1em;
					overflow:auto;
					overflow-x:hidden;
				}
					.scroller::-webkit-scrollbar {
						width:24px; height:24px;
					}
					.scroller::-webkit-scrollbar-button {
						width:24px; height:24px;
						border:3px solid rgba(0,0,0,0);
						border-radius:12px;
						-webkit-box-shadow:inset 1px 1px 15px rgba(0,0,0,0.2), 
							inset 1px 1px 9px rgba(0,0,0,0.4);
						box-shadow:inset 1px 1px 15px rgba(0,0,0,0.2), 
							inset 1px 1px 9px rgba(0,0,0,0.4);
					}
					.scroller::-webkit-scrollbar-button:hover {
						-webkit-box-shadow:inset 1px 1px 18px rgba(0,0,0,0.3), 
							inset 1px 1px 12px rgba(0,0,0,0.6);
						box-shadow:inset 1px 1px 18px rgba(0,0,0,0.3), 
							inset 1px 1px 12px rgba(0,0,0,0.6);
					}
					.scroller::-webkit-scrollbar-button:active {
						-webkit-box-shadow:inset 1px 1px 21px rgba(0,0,0,0.4), 
							inset 1px 1px 15px rgba(0,0,0,0.8);
						box-shadow:inset 1px 1px 21px rgba(0,0,0,0.4), 
							inset 1px 1px 15px rgba(0,0,0,0.8);
					}
					.scroller::-webkit-scrollbar-thumb {
						border:3px solid rgba(0,0,0,0);
						border-radius:12px;
						-webkit-box-shadow:inset -2px -2px 27px rgba(64,64,64,0.75), 
							inset -2px -2px 9px rgba(0,0,0,0.5), 
							inset 3px 3px 3px rgba(255,255,255,1);
						box-shadow:inset -2px -2px 27px rgba(64,64,64,0.75), 
							inset -2px -2px 9px rgba(0,0,0,0.5), 
							inset 3px 3px 3px rgba(255,255,255,1);
					}
					.scroller::-webkit-scrollbar-thumb:hover {
						-webkit-box-shadow:inset -2px -2px 30px rgba(64,64,64,0.85), 
							inset -2px -2px 12px rgba(0,0,0,0.7), 
							inset 4px 4px 4px rgba(255,255,255,1);
						box-shadow:inset -2px -2px 30px rgba(64,64,64,0.85), 
							inset -2px -2px 12px rgba(0,0,0,0.7), 
							inset 4px 4px 4px rgba(255,255,255,1);
					}
					.scroller::-webkit-scrollbar-thumb:active {
						-webkit-box-shadow:inset -2px -2px 33px rgba(64,64,64,0.95), 
							inset -2px -2px 15px rgba(0,0,0,0.9), 
							inset 5px 5px 5px rgba(255,255,255,1);
						box-shadow:inset -2px -2px 33px rgba(64,64,64,0.95), 
							inset -2px -2px 15px rgba(0,0,0,0.9), 
							inset 5px 5px 5px rgba(255,255,255,1);
					}
					.scroller::-webkit-scrollbar-track {
						border:9px solid rgba(0,0,0,0);
						border-radius:12px;
						-webkit-box-shadow:inset 0 0 9px rgba(0,0,0,0.3), 
							inset 0 0 5px rgba(255,255,255,0.6);
						box-shadow:inset 0 0 9px rgba(0,0,0,0.3), 
							inset 0 0 5px rgba(255,255,255,0.6);
					}
					.scroller::-webkit-scrollbar-track:hover {
						-webkit-box-shadow:inset 0 0 12px rgba(0,0,0,0.4), 
							inset 0 0 4px rgba(255,255,255,0.8);
						box-shadow:inset 0 0 12px rgba(0,0,0,0.4), 
							inset 0 0 4px rgba(255,255,255,0.8);
					}
					.scroller::-webkit-scrollbar-track:active {
						-webkit-box-shadow:inset 0 0 15px rgba(0,0,0,0.5), 
							inset 0 0 3px rgba(255,255,255,1.0);
						box-shadow:inset 0 0 15px rgba(0,0,0,0.5), 
							inset 0 0 3px rgba(255,255,255,1.0);
					}
					.scroller::-webkit-scrollbar-corner {
						background:transparent;
					}
						.scroller .intro p {
							font-size:120%;
						}
							.scroller .intro p strong {
								font-size:96%;
							}
						.scroller .break {
							min-height:8em;
						}
						.scroller .mbreak {
							min-height:2em;
						}
						.scroller .sbreak {
							height:0;
						}
						.article h3 {
							text-align:center;
						}
						.article img, img.left, img.right {
							display:block;
							margin:0 auto 1em;
							box-shadow:8px 8px 16px rgba(0,0,0,.5);
							max-height:400px;
						}
						img.left {
							float:left;
							margin:0 1em 1em 0;
						}
						img.right {
							float:right;
							margin:0 0 1em 1em;
						}
						img.left.morespace {
							margin-right:2em;
						}
						img.spacer {
							box-shadow:none;
						}
						.imgblock {
							text-align:center;
						}
							.imgblock img {
								display:inline-block;
							}
						.scroller a, h3>a, p>a {
							color:#933;
							font-style:italic;
						}
						.scroller div {
							margin:1em 0;
						}
						#about-scroller .scroller div, #bobsHats-scroller .scroller div, #pipeline-scroller .scroller div {
							margin:2em 0;
						}
						.scroller div.vidframe {
							width:560px;
							margin:0 auto 2em;
						}
						ul.bullist {
							list-style-type:disc;
							margin:0 0 1em 2em;
						}
						ul.numlist {
							margin:0 0 1em 2em;
						}
	#Clips {
		background:#080030 url('../img/bgclips.jpg') no-repeat;
		background-size:contain;
	}
		#clips-content {
			position:absolute;
			top:0; right:0; bottom:0; left:0; overflow:hidden;
		}
			#clips-content h1 {
				margin:4% 0 0 2%;
				padding:0;
			}
			#clips-content h2 {
				background:url('../img/ttclips.png') no-repeat right;
				margin:.5em 14%;
				padding-top:1.5em;
			}
			#clips-content #vid-reel {
				position:absolute;
				top:4%; right:1%; bottom:4%; left:66.7%;
				/*background:rgba(16,0,96,.1);*/
				background: -moz-linear-gradient(right,rgba(0,0,0,0)0,rgba(106,102,126,.4)4px,rgba(106,102,126,0.5)12px,rgba(106,102,126,.4)20px,rgba(0,0,0,0)24px);
				background: -webkit-linear-gradient(right,rgba(0,0,0,0)0,rgba(106,102,126,.4)4px,rgba(106,102,126,0.5)12px,rgba(106,102,126,.4)20px,rgba(0,0,0,0)24px);
				background: linear-gradient(to left,rgba(0,0,0,0)0,rgba(106,102,126,.4)4px,rgba(106,102,126,0.5)12px,rgba(106,102,126,.4)20px,rgba(0,0,0,0)24px);
				height:92%;
			}
				#vid-reel ul.clipreel {
					width:100%; height:100%;
				}
					#vid-reel ul li.clip {
						float:left;
						width:100%; height:25%;
					}
					#vid-reel ul li.left {
						background:url('../img/arrowtop.png') no-repeat center;
					}
					#vid-reel ul li.right {
						background:url('../img/arrowbot.png') no-repeat center;
					}
					#vid-reel ul li.arrow {
						height:6%;
						background-size:2%;
						-webkit-transition:all .25s ease-out;
						transition:all .25s ease-out;
					}
					#vid-reel li.arrow:hover {
						transform:scale(1.2);
						-webkit-transition:all .5s ease-out;
						transition:all .5s ease-out;
					}
						#vid-reel li a {
							display:block;
							outline:none;
							color:#FFF;
							font-size:80%;
							font-style:normal;
							text-shadow:0 0 4px #000;
						}
						#vid-reel li.arrow a {
							width:80%; height:90%;
							padding:10%;
						}
						#vid-reel li.clip a {
							position:relative;
							background-size:contain!important;
							width:98%; height:81%;
							margin:5% 1%;
							-webkit-transition:all .25s ease-out;
							transition:all .25s ease-out;
						}
						#vid-reel li.clip a:hover, #vid-reel li.clip a:active { /* old scaling method
							width:120%; height:100%;
							margin:0 -10%; */
							z-index:1;
							transform:scale(1.2);
							-webkit-transition:all .5s ease-out;
							transition:all .5s ease-out;
						}
						#vid-reel li#clip01 a { background:url('http://img.youtube.com/vi/Z-qibl5XUrs/sddefault.jpg') no-repeat center; }
						#vid-reel li#clip02 a { background:url('http://img.youtube.com/vi/DXaDxlAKRt0/hqdefault.jpg') no-repeat center; }
						#vid-reel li#clip03 a { background:url('../img/tnhandsup.jpg') no-repeat center; }
						#vid-reel li#clip04 a { background:url('http://img.youtube.com/vi/Rk_olVLUgKI/sddefault.jpg') no-repeat center; }
						#vid-reel li#clip05 a { background:url('http://img.youtube.com/vi/tOyceZiLF-Y/sddefault.jpg') no-repeat center;	}
						#vid-reel li#clip06 a {	background:url('http://img.youtube.com/vi/SOmYdZMGiMk/sddefault.jpg') no-repeat center;	}
						#vid-reel li#clip07 a {	background:url('http://img.youtube.com/vi/wODa-pEMHnc/sddefault.jpg') no-repeat center;	}
						#vid-reel li#clip08 a {	background:url('http://img.youtube.com/vi/qcbPBL5vomw/sddefault.jpg') no-repeat center;	}
						#vid-reel li#clip09 a {	background:url('http://img.youtube.com/vi/fsd_19LhhkE/sddefault.jpg') no-repeat center;	}
						#vid-reel li#clip10 a {	background:url('http://img.youtube.com/vi/SKzF3PTXQvM/sddefault.jpg') no-repeat center;	}
						#vid-reel li#clip11 a { background:url('http://img.youtube.com/vi/MPTnxQNuQko/sddefault.jpg') no-repeat center;	}
						#vid-reel li#clip12 a {	background:url('http://img.youtube.com/vi/R9hASWq_OV0/sddefault.jpg') no-repeat center;	}
						#vid-reel a span {
								position:absolute;
								right:0; bottom:0; left:0;
								text-align:center;
							}
			.more { 
				position:absolute;
				right:34%; top:17%;
				text-align:right;
				/*margin-top:375%;*/
			}
				#clips-content .more h2 {
					background:url('../img/ttmoreclips.png') no-repeat right;
					margin-right:0;
				}
				.more li {
					padding-bottom:1em;
				}
	#ByBob {
		background:#0B0D09 url('../img/bgbyBob.jpg') no-repeat;
		background-size:cover;
	}
		#byBob-content {
			padding-top:30px;
		}
			#byBob-content h1 {
				float:left;
				width:435px;
				margin:0;
			}
			#ByBob h2 {
				background:url('../img/ttbyBob2.png') no-repeat;
				width:400px;
				padding-top:1.2em;
				margin-left:auto;
			}
			#byBob-content h3 {
				margin-bottom:1em;
				text-decoration:underline;
			}
			#byBob-content h3.subtitle {
				background:url('../img/ttbyBob3.png') no-repeat;
				width:349px;
				padding-top:1em;
				margin-left:auto;
			}
			#byBob-content #byBob-scroller {
				position:fixed; 
				top:80px; right:2%; bottom:2%;
				float:right;
				background:rgba(238,238,238,0.8);
				width:61%;
			}
	#BobsHats {
		background:#0B0D09 url('../img/bgbobsHats.jpg') no-repeat left;
		background-size:cover;
	}
		#bobsHats-content {}
			#BobsHats h2 {
				background:url('../img/ttbobsHats.png') no-repeat;
				width:215px;
				margin-left:auto;
			}
			#bobsHats-content #bobsHats-scroller {
				position:fixed;
				top:174px; right:2%; bottom:2%;
				background:rgba(238,238,238,0.6);
				width:64%;
				min-width:480px;				
			}
			#bobsHats-scroller img, #pipeline-scroller img {
				max-width:270px; max-height:203px;
			}
			#bobsHats-scroller .contents p, #Pipeline .contents p {
				padding-top:2em;
			}
			#bobsHats-scroller .contents>a img, #pipeline-scroller .contents>a img {
				-webkit-transition:all .25s ease-out;
				transition:all .25s ease-out;
			}
			#bobsHats-scroller .contents>a:hover img, #pipeline-scroller .contents>a:hover img {
				transform:scale(1.1);
				-webkit-transition:all .5s ease-in-out;
				transition:all .5s ease-in-out;
			}
	#Store {
		background:#0B0D09 url('../img/bgstore.jpg') no-repeat right;
		background-size:contain;
	}
		#store-content {
			height:72%;
			margin:2%;
			padding-right:44%;
			text-shadow:0 0 4px #000;
		}
			#store-content h2 {
					background:url('../img/ttstore.png') no-repeat;
					line-height:2em;
					margin:0 0 1em 2%;
			}
			#store-content h3, #store-content h4 {
				color:#933;
			}
			#store-content h3 {
				font-size:200%;
				margin:5.5em 0 .5em;
			}
			#store-content h4 {
				font-size:150%;
				margin:1.5em 0 .5em;
			}
			#store-content div.scroller {
				position:relative;
				top:0; right:0; left:4%;
				color:#FFF;
				font-size:110%;
				height:96%;
				padding-top:0;
				overflow:auto;
				overflow-x:hidden;
			}
			#store-content strong {
				color:#FC3;
			}
	#Calendar {
		background:#0B0D09 url('../img/bgcalendar.jpg') no-repeat right;
		background-size:contain;
	}
		#contact-content, #blog-content, #calendar-content {
			font-size:150%;
			line-height:1em;
		}
		#calendar-content {
			background:#0B0D09;
			height:100%;
			width:60%;
			margin:0 2%;
			text-shadow:0 0 4px #000;
			overflow:hidden;
			box-shadow:0px 0px 48px 48px #0B0D09;
		}
			.fullPageScroll {
				height:100%;
				width:100%;
				margin-top:5%;
				overflow-y:scroll;
				padding-right:18px;
			}
			#calendar-content h3 {
				margin-top:1.5em;
				text-align:center;
			}
			#calendar-content h3, #calendar-content p strong {
				color:#933;
			}
			#calendar-content p {
				line-height:1.5em;
			}
				.center {
					text-align:center;
				}
				.disclaimer {
					font-size:80%;
				}
	#Blog {
		background:#0B0D09 url('../img/bgblog.jpg') no-repeat right;
		background-size:contain;
		text-shadow:0 0 4px #000;
	}
		#contact-content, #blog-content {
			margin:2%;
		}
	#Contact {
		background:#0B0D09 url('../img/bgcontact.jpg') no-repeat right;
		background-size:contain;
	}
		#contact-content h1 {
			margin-top:1em;
		}
		#contact-content h2 {
			background:url('../img/ttcontact.png') no-repeat;
			line-height:2em;
			margin:0 0 1em 4%;
		}
		#contact-content h3 {
			margin:0 0 1em 8%;
		}
		#contact-content p {
			margin-left:12%;
		}
	#Pipeline, #AboutPipeline, #Credits, #Lyrics {
		background:#0B0D09 url('../img/bgpipeline.jpg') no-repeat;
		background-size:contain;
	}
			#Pipeline h2, #AboutPipeline h2, #Credits h2, #Lyrics h2, #Links h2 {
				background:url('../img/ttpipeline.png') no-repeat right;
				margin-bottom:.5em;
				padding-top:1.5em;
			}
			#AboutPipeline h2 {
				background-image:url('../img/ttaboutPipeline.png');
			}
			#Credits h2 {
				background-image:url('../img/ttcredits.png');
			}
			#Links h2 {
				background-image:url('../img/ttlinks.png');
			}
		#Lyrics {
			font-size:10px;
		}
			#Lyrics h2 {
				background:url('../img/ttlyrics.png') no-repeat right;
				padding-top:3em;
			}
			#pipeline-content #pipeline-scroller {
				position:fixed;
				top:174px; right:2%; bottom:2%;
				background:rgba(238,238,238,0.6);
				width:33%;
				min-width:480px;				
			}
				#pipeline-content #pipeline-scroller h3 {
					margin-bottom:1em;
					text-align:center;
				}
			#Pipeline #nored p {
				margin:0;
			}
			#Pipeline #nored a {
				color:#000;
				font-style:normal;
			}
		#Links {
			font-size:90%;
		}
			#Links ul {
				list-style:disc inside;
			}
				#Links ul li {
					margin-bottom:1em;
					line-height:1.5em;
				}