@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - WALTZ WITH BASHIR ABOUT ARI
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		wwb_aboutAri.css
	Date:			Sept 8, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------


/*main/body styles */

* {
		margin:0; padding:0;
	}
	
.altText {
	text-indent:-3000px;
	display:block;
	font:normal 2px Arial, Helvetica, sans-serif;
	line-height: 2px;
}
	
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
	}

.clearfix {
	display:inline-block;
}	
	
html[xmlns] .clearfix {
	display:block;
}
	
* html .clearfix {
	height:1%;
}

body {
	background:black url(../images/aboutAriBG.jpg) top center no-repeat;
}

#main {
	margin:0 auto; padding:35px 0 0 0;
	width:960px;
}

#header {
	margin:0; padding:0 0 0 365px;
	width:595px;
}

/*nav styles */

#navbar {
	margin:0 0 0 0; padding:0;
	width:300px;
}

	#navbar ul {
		list-style:none;
	}
		#navbar ul li {
			margin:0; padding:0 26px 0 0;
			float:left;
			display:inline;	
		}
			#navbar ul li a.active {
				background-position:bottom !important;
			}
		
		#navbar ul li.home a:link, #navbar ul li.home a:active, #navbar ul li.home a:visited {
			width:42px; height:16px;
			display:block;
			background:url(../images/nav_aboutAri_home.jpg) top no-repeat;
		}
			#navbar ul li.home a:hover {
				background-position:bottom;
		
			}
			
		#navbar ul li.history a:link, #navbar ul li.history a:active, #navbar ul li.history a:visited {
			width:55px; height:16px;
			display:block;
			background:url(../images/nav_aboutAri_history.jpg) top no-repeat;
		}
			#navbar ul li.history a:hover {
				background-position:bottom;
		
			}
		#navbar ul li.about a:link, #navbar ul li.about a:active, #navbar ul li.about a:visited {
			width:69px; height:16px;
			display:block;
			background:url(../images/nav_aboutAri_about.jpg) top no-repeat;
		}
			#navbar ul li.about a:hover {
				background-position:bottom;
		
			}
		#navbar ul li.viewStills a:link, #navbar ul li.viewStills a:active, #navbar ul li.viewStills a:visited {
			width:69px; height:16px;
			display:block;
			background:url(../images/nav_aboutAri_viewStills.jpg) top no-repeat;
		}
			#navbar ul li.viewStills a:hover {
				background-position:bottom;
		
			}
		#navbar ul li.narrators a:link, #navbar ul li.narrators a:active, #navbar ul li.narrators a:visited {
			width:70px; height:16px;
			display:block;
			background:url(../images/nav_aboutAri_narrators.jpg) top no-repeat;
		}
			#navbar ul li.narrators a:hover {
				background-position:bottom;
		
			}
		#navbar ul li.trailer a:link, #navbar ul li.trailer a:active, #navbar ul li.trailer a:visited {
			width:50px; height:16px;
			display:block;
			background:url(../images/nav_aboutAri_trailer.jpg) top no-repeat;
		}
			#navbar ul li.trailer a:hover {
				background-position:bottom;
		
			}


/* main content styles */

.contentSpace {
	margin:0; padding:0 0 25px 0;
	width:960px;
}


/*altCol styles */

#altCol {
	margin:0; padding:165px 0 0 30px;
	width:335px;
	float:left;
	}
	#altCol img{
		margin:0 0 10px 0;
	}
	
	#altCol .entry {
		margin:0; padding:0 0 20px 0;
		width:335px;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#b2b2b0;
	}

	#altCol h2 {
		font:bold 14px Arial, Helvetica, sans-serif;
		color:#dbc987;
	}
	#altCol .entry .type {
		font:normal 11px Arial, Helvetica, sans-serif;
		color:b2b2b0;
	}
	#altCol .entry .role {
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#83817a;
	}
	#altCol .entry .awards {
		font:bold 11px Arial, Helvetica, sans-serif;
		color:#c7b77b;
	}

/*mainCol styles */

#mainCol {
	margin:0; padding: 127px 0 0 0;
	width:569px;
	float:left;
}
	#mainCol .entry {
		margin:0; padding: 0 0 80px 0;
		width:569px;
	}
	
	#mainCol h1.bio {
		margin: 0 0 12px 0;
		width:45px; height:18px;
		background:url(../images/h1_bio.png) no-repeat;
		behavior:url(css/iepngfix.htc);
		display:block;
	}
	
	#mainCol h1.interview {
		margin: 0 0 20px 0;
		width:251px; height:18px;
		background:url(../images/h1_interview.png) no-repeat;
		behavior:url(css/iepngfix.htc);
		display:block;
	}
	
	#mainCol .entry p {
		margin:0 0 15px 0; padding:0;
		width:542px;
		font:normal 15px Arial, Helvetica, sans-serif;
		line-height:15px;
		color:white;
	}
		#mainCol .entry p .award {
			font:bold 15px Arial, Helvetica, sans-serif;
			color:#c7b77b;
		}
	
		#mainCol .entry p strong {
			font-weight:bold;
			font-style:italic;
		}
	#mainCol .entry h2 {
		margin: 0 0 6px 0;
		font:bold 15px Arial, Helvetica, sans-serif;
		color:white;
	}
	#mainCol .entry p.response {
		margin:0 0 15px 0;
		font:normal 13px Arial, Helvetica, sans-serif;
		color:white;
		line-height:15px;
	}
 	
/*footer styles */

#footer {
	margin:0; padding:0 0 25px 365px;
	width:595px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#656565;
}
	#footer a:link, #footer a:visited, #footer a:active {
		font:normal 10px Verdana, Arial, Helvetica, sans-serif;
		color:#656565;
		text-decoration:none;
	}
		#footer a:hover {
			color:white;
		}
		
	#sony {
		display:inline;
	
	}
	
	#halo {
		padding: 0 0 0 30px;
		display:inline;
	}