/*************************
HTML and Body
*************************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	font: 76% arial,sans-serif;
	background-image: url(body-bg.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	min-width: 943px;
}

img {
	border:0;
	display: block; /* Removes the 3px gap at the bottom of images */
}

h1 span {
	display: none;
}

h2 span {
	display: none;
}

h3 span {
	display: none;
}

li {
	list-style-type: none;
	list-style-image: none;
}


/*************************
Wrap - Main 2 Column Wrapper
*************************/

div#wrap {
	width: 968px; /* Sidebar + Content */
	overflow: hidden;
}


/*************************
Sidebar
*************************/

div#sidebar {
	text-align: center;
	position: absolute;
	top: 40px;
	left: 25px;
	width: 189px;
	background-image: url(side-bg.jpg);
	overflow: hidden;
}

#sidebar img {
	display: inline;
	width: 100px;
}

	/*************************
	Search Box
	*************************/

	#search h2 {
		background-image: url(side-header.jpg);
		height: 36px;
		width: 189px;
		margin-bottom: 10px;
	}
	
	#search h3, #search a {
		color: #330000;
	}
	
	#search li {
		margin-bottom: 4px;
	}
	
	#searchText {
		border: 1px solid #330000;
		padding: 5px 1px 1px 1px;
		width: 149px;
	}
	
	#searchType {
		border: 1px solid #330000;
		width: 75px;
		position: relative;
		left: 18px;
		float: left;
	}
	
	#searchSubmit {
		color: #FFFFFF;
		background-color: #330000;
		width: 75px;
		border: 2px groove #997f7f;
		/*The below compensates for the border on the search button*/
		position: relative;
		left: 2px;
		top: -1px;
	}
	
	
	
	
	
	/*************************
	Top Stars *WIP* Change to movies
	*************************/
	
	#topStars h2 {
		background-image: url(nav-topStars.jpg);
		width: 189px;
		height: 36px;
	}
	
	#topStars {
		background-image: url(side-footer.jpg);
		background-position: bottom center;
		background-repeat: no-repeat;
		margin-top: 10px;
		padding-bottom: 50px;
	}
	
	#topStars ul {
		padding-top: 10px;
	}
	
	#topstars li {
		margin-bottom: 10px;
	}

	
/*************************
Content
*************************/

div#content {
	position: absolute;
	top: 40px;
	left: 239px;
	width: 729px;
	height: 1000px;
}

/*************************
Navigation
*************************/

div#navigation {
	float: left;
	position: absolute;
	top: 40px;
	left: 239px;
	width: 360px;
}

	#navigation li {
		float: left;
		height: 36px;
	}
	
	#navigation a {
		margin-top: 36px;
		padding: 0;
		display: block;
		height: 36px;
		overflow: hidden;
		width: 90px;
		background-position: 0px 36px;
	}
	
	#navigation a:hover {
		background-position: 0px 0px;
	}

	#navigation #nav1 {
		background-image: url(nav-search.jpg);
	}

	#navigation #nav2 {
		background-image: url(nav-stars.jpg);
	}

	#navigation #nav3 {
		background-image: url(nav-scenes.jpg);
	}

	#navigation #nav4 {
		background-image: url(nav-tools.jpg);
	}
	
/*************************
Content Header
*************************/

#content h2 {
	background-image: url(content-header.jpg);
	float: right;
	height: 72px;
	width: 369px;
}
		
/*************************
Content Body
*************************/

div#contentBody {
	background-image: url(content-bg.jpg);
	background-repeat: repeat;
	height: 1000px;
	clear: both;
	padding-top: 40px;
}

	/*************************
	Content Items
	*************************/
	
	div.contentItemWrap { /* Used for double border effect only */
		width: 686px;
		margin: 0px auto 40px auto;
		padding: 10px;
		height: 252px; /*WIP* Remove*/
		background-color: #FFFFFF;
	}
	
	div.contentItem {
		border: 10px solid #330000;
		height: 232px; /*WIP* Remove*/
		background-image: url(cover-bg.jpg);
		background-repeat: no-repeat;
	}
	
		/*************************
		Cover
		*************************/
		
		div.itemCover {
			width: 192px;
			float: left;
		}
		
		.itemCover img {
			width: 150px;
			position: relative;
			top: 6px;
			left: 21px;
		}
			
			
		/*************************
		Item Information
		*************************/
		
		div.itemInfo {
			height: 227px /*WIP* Remove */
			background-color: #000000;
		}
		

			/*************************
			Title
			*************************/

			.contentItem h3 {
				padding-top: 10px;
				font-size: 30px;
				font-weight: bolder;
				text-decoration: underline;
				color: #330000;
				font-family: verdana, arial;

			}
			
			
			/*************************
			Item Buttons
			*************************/
			
			div.itemButtons {
				height: 90px;
				float: left;
				margin-top: 3px;
			}
			
			.itemButtons li {
				height: 30px;
				width: 30px;
				margin-top: 2px;
			}
			
			.itemButtons a {
				overflow: hidden;
				height: 30px;
				width: 30px;
				display: block;
			}
			
			.itemButtons .btn1 {
				background-image: url(btn-play.jpg);
			}	
			
			.itemButtons .btn2 {
				background-image: url(btn-edit.jpg);
			}
			
			.itemButtons .btn3 {
				background-image: url(btn-favorite.jpg);
			}
			
			.btn3 a {
				background-position: 0px 0px;
			}
			
			.itemButtons a:hover {
				background-position: 0px 30px;
			}
	
		

/* OKSUSHI - changes */


dt, dd {background: #997F7E; padding: 3px; display: block; margin: 2px;}
dl {margin-left: 200px;}

dt {float: left;}
	/* Top Row */ 
	dt.Cat1, dt.secondCat, dt.firstCat, dt.thirdCat {width: 75px;}
	dd.secondDef, dd.thirdDef {width: 95px;}
	dd.Data1, dd.firstDef {width: 135px;}
	dd.thirdDef {width: 325px;}

	/*Second row */
	dt.firstCat, dt.thirdCat {clear: left;}

dd {float: left;}