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

/* This zeroes the margins to take care of browser issues.*/
* {
	margin: 0;
	padding: 0;
}

/* This prevents Firefox from automatically adding a border to images that are links. */
a img {
	border: none;
}

/* Here are the basic parameters for the pages. */
body  {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	background-color: #C9DFFF; /* very light blue outer page */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
} 

#container {
	width:889px;
	background:#000000; /* Black background */
	border:5px solid #000000;
	text-align:left; /* this overrides the text-align: center on the body element. */
	color: #FFFFFF; /* White text */
	margin:0 auto; /* centers container on the page */
	}

#blueBox { /* is now black at Erik's request */
	margin:8px;
	padding:8px;
	background-color:#000000;
	clear:both;
	}

 
 

/* General styles */

p {
	margin-bottom:10px;
	line-height:140%;
	}

h1 {
	font-size:145%;
	}

h2 {
	font-size:135%;
	margin-top:25px;
	margin-bottom:8px;
	}

h3 {
	font-size:115%;
	font-weight:normal;
	margin-top:11px;
	margin-bottom:4px;
	}

h4 {
	font-size: 100%;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:3px;
	}

ul {
	margin-left:35px;
	}

li {
	margin-top:3px;
	margin-bottom:3px;
	}

table {
	border:0px;
	}

tr {
	width:853px;
	text-align:center;
	}

td {
	vertical-align:top;
	width:20%;
	}

	

/* Link styling in general */
a {
	text-decoration:none;
	color:#FFFFFF;	
	}


a.blue:link, a.blue:visited {
	color:#0099FF;
	}
a.blue:hover, a.blue:active {
	color:#FFFFFF;
	}

a.green:link, a.green:visited {
	color:#66FF66;
	}
a.green:hover, a.green:active {
	color:#FFFFFF;
	}
	
a.yellow:link, a.yellow:visited {
	color:#FFFF66;
	}
a.yellow:hover, a.yellow:active {
	color:#FFFFFF;
	}
	
a.pink:link, a.pink:visited {
	color:#FF9999;
	}
a.pink:hover, a.pink:active {
	color:#FFFFFF;
	}

a.grey:link, a.grey:visited {
	color:#999999;
	}
a.grey:hover, a.grey:active {
	color:#FFFFFF;
	}

a.purple:link, a.purple:visited {
	color:#CC66CC;
	}
a.purple:hover, a.purple:active {
	color:#FFFFFF;
	}	


/* Style specific divs */

#nav img {
	float:left;
	display:inline;
	margin-bottom:25px;
	}
	
#leftSide {
	float:left;
	width:49%;
	margin:auto;
	}

	#showPosters {
		float:left;
		margin-right:8px;
		margin-left:33px;
		width:399px;
		}
	
		#showPosters img {
			display:inline;
			}

#rightSide {
	float: right;
	width: 50%;
	margin-right: -7px;
	}
	
	#slideshow {
		text-align:center;
		width:400px;
		margin-bottom:9px;
		}

		#myGallery {
			width: 400px !important;
			height: 286px !important;
			}	
	
	#nowPlaying {
		height:57px;
		border:none;
		background:#FFFFFF;
		color:#0000CC;
		font-weight:bold;
		font-size:42px;
		text-align:center;
		margin-bottom:9px;
		width: 400px;
		}	
	
	#afterDarkWords {
		height: 37px;
		border:none;
		background:#FFFF00;
		color:#CC3300;
		font-weight:bold;
		font-size:18px;
		text-align:center;
		padding-top:11px;
		margin-bottom:9px;
		width: 400px;
		}
	
#socialMedia {
	text-align:center;
	margin-top:15px;
	margin-left:-55px;
	}
	
	#socialMedia ul li {
		display: inline;
		margin-left:12px;
		}
	
#bottomNav {
	text-align:center;
	padding-top:15px;
	}


/* Classes */

.bold {
	font-weight:bold;
	}

.italic {
	font-style: italic;
	}

.extraTop {
	padding-top:15px;
	}

.extraLeft {
	padding-left:15px;
	}

.fltRt {
	float:right;
	}
	
.fltRtBorder {
	float:right;
	border:2px solid #FFFFFF;
	margin:9px;
	}
	
.fltLeft {
	float:left;
	margin:9px;
	}
	
.fltLeftBorder {
	float:left;
	border:2px solid #FFFFFF;
	margin:9px;
	}

.center {
	text-align:center;
	}
	
.seasonBanner {
	margin-top:0px;
	}	


.subscription {
	text-align:center;
	width:400px;
	border:1px solid #FFFFFF;
	}

.border {
	border: none;
	}
	
.footerText {
	color:#FFFFFF;
	text-align:center;
	font-size:75%;
	margin-top:10px;
	}
	
.box {
	border: 1px solid #FFFFFF;
	max-width:50%;
	}

/* Colors */

.blue {
	color:#0099FF;
	}

.green {
	color:#66FF66;
	}

.yellow {
	color:#FFFF33;
	}

.pink {
	color:#FF9999;
	}
	
.grey {
	color:#999999;
	}

.purple {
	color:#CC66CC;
	}
	
.navy {
	color:#0000CC;
	}
	
.red-orange {
	color:#CC3300;
	}
	
/* mainColumn height specifications */
.min300 {
	min-height:300px;
	}
	
.min450 {
	min-height:450px;
	}

.min600 {
	min-height:600px;
	}