﻿
@font-face {
	font-family: Digital_Strip;
	src: url('fonts/Digital_Strip/digistrip.ttf');
	font-style: normal;
}
@font-face {
	font-family: Digital_Strip;
	src: url('fonts/Digital_Strip/digistrip_i.ttf');
	font-style: italic;
}
/* @font-face {
	font-family: Digital_Strip;
	src: url('fonts/Digital_Strip/digistrip_0.ttf');
	font-weight: 700;
	font-style: normal;
} */

body {
	background-color: rgb(0, 0, 0);
	background-image: url('BGmod01.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: rgb(255, 255, 255);
	padding-bottom: 80px;
	font-family: Digital_Strip, verdana, arial, sans-serif;
	font-size: 13px;
	line-height: 125%;
	letter-spacing: 0.75px;
}

div.divcont {
	background-color: transparent;
	background-image: none;
	border-style: none;
	padding: 0px;
	margin: 0px;
}

div.divstd {
	background-color: transparent;
	background-image: none;
	border: 2px solid rgb(255, 255, 255);
	padding: 10px;
	border-radius: 8px;
}

span.textstd, span.textstddrk {
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	text-decoration: none;
}
span.textstddrk {
	color: #9B9B9B;
}
span.textstdsmall {
	font-size:8pt;
	font-style: normal;
	font-weight:normal;
	line-height: 100%;
	text-decoration: none;
}
span.texthead1 {
	color: #9B9B9B;
	font-weight: 700;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	text-decoration: none;
}
span.subheader, #emailheader, #urlheader {
	display: block;
}

a, a:link, a:visited {
	color: #B3CCFF;	
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

a:hover, a:active {
	color: red;
	text-decoration: none;
	font-size: 125%;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

hr {
	border: 1px solid #9B9B9B;
	margin: 10px 0px 10px 0px;
}

hr.hrleftcol {
	width: 90%;
	margin-left: 5%;
}

/* #divjbhead {
	position: absolute;
	left: 50%;
	top: 16px;
	width: 1200px;
	z-index: 1;
	margin-left: -600px;
} */

#divprime {
	position: fixed;
	left: 50%;
	top: 160px;
	margin-left: -460px;
	width: 960px;
}

#divleft {
	position: absolute;
	left: 50%;
	top: 260px;
	margin-left: -480px;
}

#divright {
	position: absolute;
	left: 50%;
	top: 260px;
	margin-left: 160px;
}

#divmarv, #divblurb, #divcontact, #divurl, #divinterest {
	position: relative;
	left: 50%;
}

#divblurb, #divcontact, #divurl, #divinterest {
	margin-top: 20px;
}

#divmarv {
	background-image: url('SCMarv-03panel.gif');
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 320px;
	width: 380px;
	margin-left: -200px;
}

#divblurb {
	padding-left: 0px;
	padding-right: 0px;
	width: 600px;
	left: 0px;
}

#divcontact, #divurl, #divinterest {
	left: 0px;
	width: 300px;
}

#imgprofile {

	margin-right: 6px;
	margin-bottom: 16px;
}

#divslogan {
	width: 120px;
}

#imgnamelogo {
	margin-left: 6px;
}

#divmusicall, #divliketomeet, #divaboutme {
	background-color: transparent;
	background-image: url('AlphaGray_01.png');
	background-repeat: repeat;
	background-attachment: fixed;
}

#divcontact {
	background-image: url('SCKevin_contactpanel-02.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 130px;
	width: 280px;
	margin-left: 10px;
}

#divurl {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	width: 280px;
}

/* #divintmusic {

} */

#spanblurbheader, #spanaboutmeheader {
	margin-left: 20px;
}

#divaboutme, #divliketomeet, #divmusicall {
	width: 500px;
	margin-left: 40px;
	margin-top: 0px;
	margin-bottom: 30px;
	text-align: left;
}

/* #divliketomeet {} */

#divmusicall {
	text-align: center;
}

#divaboutmealign, #divliketomeetalign {
	width: 90%;
	margin-left: 5%;
	margin-top: 10px;
	padding-bottom: 20px;
	text-align: center;
}

#divplaypause {
	width: 30px;
	height: 30px;
	background-color: gray;
}

#songreadout {
	width: 464px;
	padding: 8px;
	border-style: none;
	text-align: center;
	font: 12px Verdana,Arial,sans-serif;
}

#moodprefixtd {
	text-align: right;
}
#moodtd {
	padding-right: 10px;
	padding-left: 6px;
}

#spanmoodpfx, #spanmood {
	vertical-align: top;
}

#addendum_2017 {
	text-align: left;
	/* position: relative;
	margin-top: 18px;
	float: left; */
}

div.reverseindent {
	text-indent: -1em;
	margin-left: 1em;
	line-height: 110%;
}

#divgirlscroll {
	top: 30px;
	width: 780px;
	height: 200px;
	position: absolute;
	left: 50%;
	margin: 0px 0px 0px -390px;
	border: none;
	overflow: hidden;
	padding: 0px;
}

#imghabg1, #imghabg2 {
	position: absolute;	
	animation-duration: 90s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#imghabg1 {
	animation-name: girlScroll1;
}
#imghabg2 {
	animation-name: girlScroll2;
}
#imgha {
	position: absolute;
	z-index: 1;
	animation-delay: 0s;
	animation-duration: 11s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	left: 50%;
}
.borderless {
	border-style: none;
}

@keyframes girlScroll1 {
	from {
		left: 0px;
	} to {
		left: -1316px;
	}
}
@keyframes girlScroll2 {
	from {
		left: 1316px;
	} to {
		left: 0px;
	}
}

@keyframes headFly {
	0% {
		height: 170px;
		width: 183px;
		transform: rotate(280deg);
		margin-left: 650px;
		top: 230px;
		/* transform: translate(650px, 230px); */
		opacity: 0;
	}
	15% {
		opacity: 1;
	}
	20% {
		top: 170px;
		/* transform: translate(330px, 170px); */
	}
	30% {
		top: 120px;
		/* transform: translate(170px, 120px); */
	}
	40% {
		top: 100px;
		/* transform: translate(10px, 100px); */
	}
	50% {
		top: 100px;
		/* transform: translate(-150px, 100px); */
	}
	60% {
		top: 120px;
		/* transform: translate(-310px, 120px); */
	}
	70% {
		top: 150px;
		/* transform: translate(-470px, 150px); */
	}
	80% {
		top: 210px;
		/* transform: translate(-630px, 210px); */
	}
	85% {
		opacity: 1;
	}
	100% {
		height: 298px;
		width: 320px;
		transform: rotate(400deg);
		margin-left: -950px;
		top: 340px;
		/* transform: translate(-950px, 340px); */
		opacity: 0;
	}
}

/* @keyframes volley {
	from {
		left: 100%;
		transform: translate(0, 0);
	} to {
		left: 0;
		transform: translate(-100%, 0);
	}
} */