@charset "utf-8";
/* CSS Document */

html {

	margin: 0px;
	padding: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	margin: 8px;
	padding: 0px;
	line-height: 16px;
	text-align: center;

}

p, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}


h1 {
	font: 22pt Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 0px;
	color: #999999;
	font-weight: bold;
}

h2 {
	font: 15pt Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #fff;
	padding: 0px;
	font-weight: normal;
}
h2 a, h2 a:visited {
	font: 15pt Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;

}
h2 a:hover {
	color: #FF0000;
}

h3 {
	font: 20pt Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 3px;
	color: #999999;
	font-weight: bold;
}
h3 {
	font: 18pt Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 2px;
	color: #999999;
	font-weight: bold;
}
a:link {
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;
}

a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;
}

a:hover, a:active {
	text-decoration: underline;
	color: #FF3300;
}

hr {
	clear: both;
}

/* SPECIFIC STYLES */

/* used for a clear all div */
.clearall { clear:both; height:0px; line-height: 0px; margin: 0px; padding: 0px; border: none; }

 
.mainbox {
	width: 970px; padding: 0px; margin: 0 auto; background-repeat: no-repeat; background-position: center top; text-align: center;
}	
#left { border: 0px solid #F39; float: left; width: 490px; overflow: hidden}
#right { border: 0px solid blue; float: left; width: 480px; text-align: center;}

.trailerbox {width: 395px; background-color: #333; text-align: center; clear:both; padding: 10px 0px 10px 0px; margin: 0px 0px 10px 0px}

/* thumbnail gallery */
.gallerybox-top {border: 0px solid purple; width: 480px; height: 14px; float:left; padding: 0 0 0 0; margin: 0; background-image: url(graphics/images/gallerybg-top.gif); background-position: center top; background-repeat: no-repeat}
.gallerybox-bottom {border: 0px solid purple; width: 480px; height: 14px; float:left; padding: 0 0 0 0; margin: 0; background-image: url(graphics/images/gallerybg-bottom.gif); background-position: center top; background-repeat: no-repeat}
.gallerybox {border: 0px solid green; width: 480px; float:left;   text-align: center; padding: 5px 0 0 0; margin: 0; overflow: hidden; display: table; background-image: url(graphics/images/gallerybg.gif); background-position: center top; background-repeat: repeat-y}

.gallery {border: 0px solid red; list-style: none; width: 446px; text-align: center; margin: 0 auto; padding: 0; overflow: hidden}
.gallery li {border: 0px dashed #0FF;  float: left; display: block; width: 220px; padding: 0px; text-align: center;}
.gallery li a {float: left; display: block; margin: 5px 0px 5px 7px;  text-align: center; border: 1px solid #000;}
.gallery li a:visited {float: left; display: block; margin: 5px 0px 5px 7px;  text-align: center; border: 1px solid #000;}
.gallery li a:hover {float: left; display: block; margin: 5px 0px 5px 7px;  text-align: center; border: 1px solid #900;}
.gallery li a:active {float: left; display: block; margin: 5px 0px 5px 7px;  text-align: center; border: 1px solid #FF0;}


/* trailer boxes */
.trailerbox-top {border: 0px solid purple; width: 476px; height: 14px; float:left; padding: 0 0 0 0; margin: 0; background-image: url(graphics/images/trailerbox-top.gif); background-position: center top; background-repeat: no-repeat}
.trailerbox-bottom {border: 0px solid purple; width: 476px; height: 14px; float:left; padding: 0 0 0 0; margin: 0 0 12px 0; background-image: url(graphics/images/trailerbox-bottom.gif); background-position: center top; background-repeat: no-repeat;}
.trailerbox {border: 0px solid green; width: 476px; float:left; padding: 0 0 0 0; margin: 0; overflow: hidden; background-image: url(graphics/images/trailerbox-bg.gif); background-position: center top; background-repeat: repeat-y; text-align: center; }

.trailer {width: 456px; height: 255px; text-align: center; background-image: url(graphics/images/trailerbg.gif); background-position: center top; background-repeat: no-repeat; margin: 0 auto; padding: 15px 0 0 0; }
 
.thumb {border: 0px; width: 210px; text-align: center; margin: 0 auto;}

  .profilephoto { border: none; padding: 5px; background-color: #FFFFFF; float: left; margin: 10px 15px 5px 0px; text-align: center; font-size: 15px; color: #000; font-weight: bold; text-transform: capitalize}

	  .profilephoto a:link, .profilephoto a:visited {color: #c80000;  text-transform: capitalize}

	  .profilephoto a:hover {color: #f50000;  text-transform: capitalize}

      .photoimg { border: none ; margin-bottom: 6px; width: 100px; height: 100px }
 

.vidthumbs {
	width:300px;  margin-left: 30px; margin-right: 10px; margin-top: 10px; height: 1000px; float: left; position: relative; top: 0px; left: 0px;
}
.info {
	 padding: 0 15px 0 0; float:left; text-align: left;  
}

.bottombutton {
	 width: 450px; margin-left: 30px;  float: left; text-align: center;
}
.playwmv {
	display:inline;
	background: url(../graphics/wmv-greybg.gif) 0 2px;
 	background-repeat: no-repeat;
 	text-decoration:none;
	padding: 3px 0 4px 25px;
	font-size: 14px;
	line-height: 25px;
}