/*

Common Site CSS

*/



body { 

	background: #000000;

	text-align: center;

	min-width: 840px;

	margin: 0px;

	}  



#titleplate {

	background: #000000 url(../images/kslaplogo.png) no-repeat top left;

	height: 150px;

	width: 100%;

	margin: 0px;

	padding: 0px;

	text-align: left;

	}	



#titleplate h1 {

	margin: 0px;

	color: #f7941d;

	font-size: 65pt;

	font-family: Verdana, Helvetica, arial;

	padding-top: 40px;

	padding-left: 163px;

	}	

		

#menu {

	background: #f7941d url(../images/menuback.png) top left;

	height: 30px;

	width: 100%;

	margin: 0px;

	padding: 0px;

	}

	

#menu ul {

	float: right;

	text-align: center;

	width: 100%;

	margin: 0px;

	list-style-type: none;

	display: inline;

	clear: both;

	}

	

#menu li {

 	display: inline;

	}

	

li a {

	font-family: Verdana, Helvetica, arial;

	float: left;

	width: 134px;

	font-size: 12pt;

	font-weight: 900;

	background: url(../images/menubutton.png) no-repeat top left;

	color: #FFFFFF;

	padding: 0px;

	margin: 0px;

	height: 30px;

	padding-top: 5px;

	text-decoration: none;



		}



li a:hover {

	background: url(../images/menubutton.png) no-repeat top right;

	}	

	

li a:visited {

	color: #FFFFFF;

	}

		

.clearspace {

	clear: both;

	margin: 0px;

	padding: 0px;

	height: 10px;

	}	

	

#container {

    margin: 0px auto;

	background: none;

	width: 98%;

	height: 300px;

	text-align: left;

	}


#video {

	text-align: center;
	
	color: #FFFFFF;

	}
	

#leftpane {

	background: #333333;

	display: inline;

	float: left;

	width: 35%;

	height: auto;

	border-top: #f7941d 2px ridge;

	border-right: #f7941d 2px ridge;

	padding: 10px;

	}





#rightpane {

	background: #333333;

	display: inline;

	float: right;

	width: 60%;

	height: auto;

	border-top: #f7941d 2px ridge;

	border-left: #f7941d 2px ridge;

	margin: 0 auto;

	padding: 10px;



	}


#right_lower {

	background: #000000;

	display: inline;

	float: right;

	width: 60%;

	height: auto;

	margin: 0 auto;

	padding: 10px;
	
	text-align: center;



	}	
	
	
	
	

#onepane {

	background: #333333;

	display: inline;

	float: right;

	width: 100%;

	height: auto;

	border-top: #f7941d 2px ridge;

	margin: 0px auto;

	padding: 0px;



	}

	

#footer {

	text-align: center;

	margin: 20px auto;

	padding-top: 5px;

	border-top: #333333 2px groove;

	width: 450px;

	}



	

	

/*



Container Fonts, All Pages



*/		



#container p {

	color: #FFFFFF;

	padding: 0px 15px;

	margin: 0px;

	}

	

#container h2 {

	color: #FF2222;

	padding: 0px 15px;

	font-weight: 900;

	border-bottom: #FF2222 1px solid;

	margin: 10px;

	width: 70%;

	}

	

#container a {

	color: #f7941d;

	text-decoration: none;

	border: none;



	}



#container a:hover, a:visited {

	color: #8888FF;

	}

	

/*



Footer Fonts, All Pages



*/		

	



	

#footer a {

	color: #AAAAAA;

	text-decoration: none;



	}





#footer a:hover, #footer a:visited {

	color: #8888FF;

	}	

	

	

		

/*



Index Specific CSS



*/



#shirtgroup {

	margin: 0 auto;

	padding: 0px;

	text-align: center;

	}

	

#shirtgroup a {

	color: #333333;

	border: none;

	margin: 0px;

	padding: 0px;

	}



#shirtgroup a:hover {

	color: #333333;

	}

	

.shirtblock {

	padding: 5px 0px 0px 5px;

	margin: 0px auto;

	display: inline;

	}



a img {

	border: none;

	}

	

		

/*



Form Specific CSS



*/	



form {

	text-align: center;

	margin: 0 auto;

	padding: 0px;

	}

	

.wideform form {

	display: block;

	margin: 15px;

	text-align: center;

	}

	

.wideform input {

	display: block;

	margin: 0 auto;

	text-align: center;

	width: 250px;

	}





	

/*



Shirt Order Specific CSS



*/



#shirtbox {

	margin: 20px;

	width: auto;

	text-align: center;

	}



#shirtbox img {

	margin: 20px;

	}

	

/*



Photo Page Specific CSS



*/

	

#photoholder {

	margin: 0 auto;

	padding: 5px;

	text-align: center;

	}





/*



Lightbox Specific CSS



*/



#lightbox {	

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}

	

#lightbox img {

	width: auto;

	height: auto;

	}

	

#lightbox a img {

	border: none;

	}



#outerImageContainer {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}

	

#imageContainer{

	padding: 10px;

	}



#loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

	

#hoverNav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

	

#imageContainer>#hoverNav {

	left: 0;

	}

	

#hoverNav a {

	outline: none;

	}



#prevLink, #nextLink {

	width: 49%;

	height: 100%;

	background-image: url(data:image/gif;base64,AAAA);

	/* Trick IE into showing hover */ 

	display: block;

	}

	

#prevLink {

	left: 0;

	float: left;

	}

	

#nextLink {

	right: 0;

	float: right;

	}

	

#prevLink:hover, #prevLink:visited:hover {

	background: url(../images/prevlabel.gif) left 15% no-repeat;

	}

	

#nextLink:hover, #nextLink:visited:hover {

	background: url(../images/nextlabel.gif) right 15% no-repeat;

	}



#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	}



#imageData {

	padding:0 10px;

	color: #666;

	}

	

#imageData #imageDetails {

	width: 70%;

	float: left;

	text-align: left;

	}

		

#imageData #caption {

	font-weight: bold;

	}

	

#imageData #numberDisplay {

	display: block;

	clear: left;

	padding-bottom: 1.0em;

	}

	

#imageData #bottomNavClose {

	width: 66px;

	float: right;

	padding-bottom: 0.7em;

	outline: none;

	}	 	



#overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}