@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&family=Rock+Salt&display=swap');
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);
@import url('https://fonts.googleapis.com/css?family=Big+Shoulders+Display&display=swap');
@import url('https://fonts.googleapis.com/css?family=Bangers');

A:link {text-decoration: none; color: #e0e0e0; text-shadow: 2px 2px #000;}
A:active {text-decoration: none; color: #e0e0e0; text-shadow: 2px 2px #333;}
A:visited {text-decoration: none; color: #e0e0e0;	text-shadow: 2px 2px #666;}
A:hover {text-decoration: none; color: #ffffff; text-shadow: 2px 2px #999;}

BODY
{
	font-family:  'Big Shoulders Display', 'Oswald', 'Nothing You Could Do', 'Shadows Into Light', 'Rock Salt', verdana, tahoma, arial;
	font-size: 15pt;
	color: #d8d8d8;
	text-shadow: 2px 2px #936;

	background-color:000000; 
	background: -webkit-linear-gradient(top, #330066, #000000);
	background-image: url('images/paintsplatter.jpg');
	background-attachment:fixed; 
	
	scrollbar-face-color: #800000;
	scrollbar-arrow-color: #ff6565;
	scrollbar-base-color: #202020;
	scrollbar-3d-light-color: #000000;
	scrollbar-darkshadow-color: #403030;
	scrollbar-highlight-color: #a08080;
	scrollbar-shadow-color: #403030;
	scrollbar-track-color: #563434;
}
.titletext
{
	font-size: 33pt;
	font-weight: bold;
	font-family: 'Bangers', impact;
	background: -webkit-linear-gradient(#ff88ff, #88ff88);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: none;
}
.subheading
{
	font-size: 13pt;
	font-family: 'Rock Salt';
	text-shadow: 2px 2px #936;
}
.contentbox
{
	padding: 8px 8px 8px 8px;
	background:rgba(0,0,0,0.75);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CC000000,endColorstr=#cc000000)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CC000000,endColorstr=#cc000000);   /* IE6 & 7 */
	zoom: 1;

	text-align: left;
	color:hsl(0,0%,100%);
	color:#cccccc;
	a div:hover{height:500px;}	
}
.roundimage
{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}
.roundbox
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.fadedbackground
{
	padding: 8px 8px 8px 8px;
	background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0.3));
}
.rotateright
{
	writing-mode: lr-tb;
	position: relative;
	-webkit-transform:rotate(1deg);
	-moz-transform:rotate(1deg);
	-o-transform: rotate(1deg);
}
.rotateleft
{
	writing-mode: lr-bt;
	position: relative;
	-webkit-transform:rotate(359deg);
	-moz-transform:rotate(359deg);
	-o-transform: rotate(359deg);
}
.grayshadow {box-shadow: 4px 4px 5px #888888;}
.image_reflection
{
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, transparent), to(rgba(255, 255, 255, 0.5)));
}
.buttonx
{
	display: inline-block;
	color: #ffffff;
	background-image: url('');
	background-color: #990000;
	background: -webkit-linear-gradient(top, #cc6666, #330000);
	border: 1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	text-shadow: 1px 1px #666;
	font-weight: 700;
	font-size: 25pt;
	font-family: 'Bangers', verdana, arial;
	box-shadow: 4px 4px 5px #888;
	transition: 0.5s;
}
.buttonx:hover
{
	background: -webkit-linear-gradient(top, #ff9999, #cc3333);
	text-decoration: none;
	box-shadow: 2px 2px 3px #888;
}
input
{
	font-size: 13;
	font-family: 'Oswald', tahoma, verdana, arial;
	background-image: url('images/formback.jpg');
	border: 1px solid #cccccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	padding: 3px 6px 3px 6px;
}
input:focus { 
	outline: none;
	border-color: #000000;
	box-shadow: 0 0 10px #000000;
}
textarea 
{
	font-size: 13;
	font-family: 'Oswald', tahoma, verdana, arial;
	background-image: url('images/formback.jpg');
	border: 1px solid #cccccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	padding: 3px 6px 3px 6px;
}
textarea:focus { 
	outline: none;
	border-color: #000000;
	box-shadow: 0 0 10px #000000;
}
select
{
	font-size: 13;
	font-family: 'Oswald', tahoma, verdana, arial;
	background-image: url('images/formback.jpg');
	border: 1px solid #cccccc;
}
select:focus { 
	outline: none;
	border-color: #000000;
	box-shadow: 0 0 10px #000000;
}
.pictureframe
{
	border: 2px solid #cccccc;
	padding: 16px 16px 16px 16px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	-khtml-border-radius: 18px;
	border-radius: 18px;
	background-image: url('images/speckly-paint.gif');
	text-align: center;
}
.thumbframe
{
	border: 2px solid #660000;
	padding: 10px 10px 10px 10px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	-khtml-border-radius: 18px;
	border-radius: 18px;
	background-image: url('images/animalprint.gif');
	text-align: center;
}