@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
		height:100%;
}
html{
		height:100%;
	margin:0px;
	}
#bgimg{
	position:relative;
	background-color:#000000;
	/* background-image: url("/gfx/pagebg/casperKeysoe.jpg"); */
	background-image: url("/gfx/bg/bgImage2019.jpg"); 
	height:100%;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
		z-index:500;
		/*transition: background-color 0.6s ease;
		transition: .75s cubic-bezier()
	 */
}
#editArea{
	display:none;
}
#editAreaEmail{
	display:none;
}
#viewArea{
	display:block;
}
#centrecontent{
	padding:0;
	margin:0 auto;
	text-align:center;
	position:absolute;
	width:100%;
	z-index:700;
	top:50%;
	transform: translateY(-50%)	;


}
#mobileExtension{
	display:none
}
#itemrow{
height:24px;
font-size:16px;
text-align:left;
}
#itemrow a{
	text-decoration:none;
	color:#000000
}
#itemrow a:hover{
	text-decoration:underline;
	color:#FF0000
}


#innerSquare{
	margin:0 auto;
	width: 420px;
	height: 380px;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	border-radius: 10%;
	opacity: 0.7;
	z-index:1000;
	color:#ffffff;
	padding-top: 40px;
	padding-bottom: 40px;
	font-family:verdana;
	font-size:18px;
	background-color:#000000;
	border:#FFFFFF 2px solid;
   }
#innerVideo{
	margin:0 auto;
	width:1300px;
	height:740px;
		-moz-border-radius: 1%;
	-webkit-border-radius: 1%;
	border-radius: 1%;
	border:#FFFFFF 2px solid;
		background-color:#000000;
		padding:20px;
}
#innerVideo p{
	font-size:14px;
	color:#FFFFFF;
}
#vidStyle{
	width:1280px;
	height:720px;
		border:#FFFFFF 1px solid;
				-moz-border-radius: 1%;
	-webkit-border-radius: 1%;
	border-radius: 1%;
}
.rightpaneimg{
	width:240px;
	border:#FFFFFF 2px solid;
	-moz-border-radius: 5%;
	-webkit-border-radius: 5%;
	border-radius: 5%;
	background-image: url(../gfx/icons/playicon.png);
	background-repeat: no-repeat;
	background-position: center center;

}
 .smaller{
 font-size:14px
 }
 
 #innerSquare h3{
  font-size:24px;
  text-transform:uppercase;
  }
 #innerSquare a{
	 color:#FFFFFF;
	 text-decoration:none;
 }
 
 
 #innerSquare #message{
	 color:#FFFFFF;
	 font-weight:bold;
	 text-align:center;
	 width:250px;
	 margin:0 auto;
	 
 }
 
 #innerSquare a:hover{
	 color:#FFFFFF;
	 text-decoration:underline;
 }

   #containerAlone{
	position:relative;
	width: 100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center;
		height:100%;
		padding-top: 30px;

}
#message{
	color:#FF0000;
}
#resulttitle{
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	
	
}
#resultItem{
	clear:both;


}
#resultend{
		clear:both;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top:5px;
	margin-bottom:5px;
	
}
   #container{
	position:relative;
	width: 100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center;
}
#pagecontent{
	position:relative;
	width: 1200px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		text-align:center;
padding-top: 10px;

}
#pageLeft{
	float:left;
	width: 250px;
		font-family:verdana;
	font-size:14px;
	min-height:500px;
}
#pageright{
	float:left;
	width: 700px;
	text-align: left;
	margin-left:25px;
	font-family:verdana;
	font-size:14px;	
}
#pageright a{
	color:#000000;
	text-decoration:none;
	
}
#pageright a:hover{
	color:#FF0000;
	text-decoration:underline;
	
}
#pageside{
	float:left;
	width: 200px;
	text-align: left;
	margin-left:25px;
	font-family:verdana;
	font-size:14px;	
}

#clear{
	clear:both;
}


#footerwrap{
width:100%;
height:15px;
background-color:#000000;	

}
#footleft{
	float:left;
	width: 400px;
	text-align:left;
	font-family:verdana;
	font-size:10px;
	color:#FFFFFF;
	padding-left:15px;
}

#footleft a{
	color:#FFFFFF;
	text-decoration:none;	
}
#footright{
	float:right;
	width: 600px;
	text-align:right;
	font-family:verdana;
	font-size:10px;
	color:#ffffff;
		padding-right:15px;

}

.smaller{
	font-size:10px;
}
.larger{
	font-size:16px;
}
#headerfixed{
	width:100%;
	height:30px;
	position:fixed;
	top:0px;
	background-color:#000000;
	z-index:1000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
	padding-top:3px;
}
#headleft{
	float:left;
	width:300px;
	font-family:"Comic Sans MS", cursive;
	font-size:18px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-left:3px;
}
#headleft a{
	color:#FFFFFF;
	text-decoration:none;
	
}
#headright{
	float:right;
	width:200px;
	text-align:right;
	margin-right: 3px;
}


#headcenter{
	float:right;
	width:200px;
	text-align:right;
	margin-right: 3px;
	font-family:verdana;
}	
.searchform{
	width:150px;
	color:#666666;
	font-family:verdana;
	height:18px;
	font-size:12px;
	background-image: url(/gfx/icons/search.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.askguyform{
	width:700px;
	height:300px;
	font-family:verdana;
	font-size:12px;
}
.formfield200{
width:200px;
	font-family:verdana;
	font-size:12px;	
}
.formfield200center{
width:200px;
	font-family:verdana;
	font-size:12px;
	text-align:center;
}
.button{
	width:300px;
	height:25px;
		font-family:verdana;
	font-size:12px;	
	color:#FFFFFF;
	background-color:#333333;
	
}
.button200{
	width:200px;
	height:25px;
		font-family:verdana;
	font-size:12px;	
	color:#FFFFFF;
	background-color:#333333;
	border:#FFFFFF solid thin;
	
}

#menu{
	position:fixed;
	right:0px;
	top:32px;
	width:165px;
	background: #000000; 
	z-index:1000;
	color:#ffffff;
	height:70px;
	display:none;
}

#menu ul{
		list-style:none;
}

#menu ul li{
	width: 165px;
		padding:0px;
		margin-top:2px;
		margin-right:15px;
		height:25px;
		text-align:left;
		font-family:verdana;
		font-size:14px;
}

#menu a{
	color:#FFFFFF;
	text-decoration:none;
}
#menu a:hover{
	text-decoration:underline;
}

#withPad{
	margin-top:10px;
	margin-left:15px;

}
#leftCol{
	float:left;
	width:150px;
}
#rightCol{
	float:left;
	width:300px;
}
.colLarge{
width:400px;	
}
.colSmall{
	width:100;
}
.colSmallCenter{
	width:100;
	text-align:center;
}
.colMedium{
	width:200;
}

@media screen and (max-width : 1400px){
#vidStyle{
	width:900px;
	height:506px;
		border:#FFFFFF 1px solid;
				-moz-border-radius: 1%;
	-webkit-border-radius: 1%;
	border-radius: 1%;
}

#innerVideo{
	margin:0 auto;
	width:920px;
	height:520px;
		-moz-border-radius: 1%;
	-webkit-border-radius: 1%;
	border-radius: 1%;
	border:#FFFFFF 2px solid;
		background-color:#000000;
		padding:20px;
}




}

@media screen and (max-width : 1040px){

#pagecontent{
	position:relative;
	width: 800px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		text-align:center;
}
#pageLeft{
	float:left;
	width: 200px;

}
#pageright{
	float:left;
	width: 480px;
	text-align: left;
	margin-left:20px;
	
}
#bgimg{
		background-attachment:scroll;	

}

.pageimg{
	width:400px;
}

#headleft{
	width:200px;
	font-size:16px;
		margin-top:2px;
}
#pageside{
	width: 80px;
	margin-left:20px;
	font-size:12px;	
}

.askguyform{
	width:350px;
	height:300px;
	font-family:verdana;
	font-size:10px;
}

#innerVideo{
	margin:0 auto;
	width:700px;
	height:400px;
		-moz-border-radius: 1%;
	-webkit-border-radius: 1%;
	border-radius: 1%;
	border:#FFFFFF 2px solid;
		background-color:#000000;
		padding:15px;
}
#vidStyle{
	width:680px;
	height:382px;
		border:#FFFFFF 1px solid;
				-moz-border-radius: 1%;
	-webkit-border-radius: 1%;
	border-radius: 1%;
}
#pageside{
display: none;}

}

@media screen and (max-width : 400px){

#innerSquare{
	width: 300px;
	height: 300px;
	font-size:12px;
		padding-top: 0px;
	padding-bottom: 0px;
}
 #innerSquare h3{
  font-size:16px;

  }


#innerVideo{
	margin:0 auto;
	width:310px;
	height:170px;
		-moz-border-radius: 1%;
	-webkit-border-radius: 1%;
	border-radius: 1%;
	border:#FFFFFF 2px solid;
		background-color:#000000;
		padding:10px;
}
#vidStyle{
	width:300px;
	height:168px;
		border:#FFFFFF 1px solid;
				-moz-border-radius: 1%;
	-webkit-border-radius: 1%;
	border-radius: 1%;
}



#pagecontent{
	position:relative;
	width: 350px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		text-align:center;
}
#pageLeft{
display:none;

}
#mobileExtension{
	display:inline;
	font-family:verdana;
	font-size:14px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333333;	
}
#pageright{
	float:left;
	width: 350px;
	text-align: left;
	margin-left:0px;
	
}
#footerwrap{
	display:none;
}
.imgcell{
	width:300px;
}
.pageimg{
	width:300px;
}
#headleft{
	width:100px;
	font-size:12px;
	margin-top:5px;
}
#headright{
	width:125px;
}

#headcenter{
	width:140px;
}	
.searchform{
	width:140px;
}

#pageside{
display: none;}

.askguyform{
	width:300px;
	height:200px;
	font-family:verdana;
	font-size:10px;
}
}